:root{--c-primary: #4154b5;--c-primary-dark: #364699;--c-primary-light: #889bdf;--c-primary-bg: #eef1ff;--c-secondary: #b1feb5;--c-secondary-bg: #e8f8e8;--c-bg: #f2f2f2;--c-surface: #ffffff;--c-surface-hover: #f8f9ff;--c-text: #333333;--c-text-muted: #575757;--c-text-light: #707070;--c-placeholder: #889bdf;--c-border: #e0e0e0;--c-border-focus: #4154b5;--c-danger: #ff5757;--c-danger-dark: #b01423;--c-danger-bg: #fff0f0;--c-success: #007d2a;--c-success-bg: #e6f4ea;--c-orange: #ffad42;--c-orange-bg: #fff8e1;--c-yellow-bg: #ffecb3;--c-purple-bg: #f5eafa;--c-stock-ok: #16a34a;--c-stock-ok-bg: #dcfce7;--c-stock-ok-bg-light: #f0fdf4;--c-stock-understock: #d97706;--c-stock-understock-bg: #fef3c7;--c-stock-understock-dark: #92400e;--c-stock-empty: #b91c1c;--c-stock-empty-bg: #fee2e2;--c-stock-overstock: #64748b;--c-note-bg: #fefce8;--c-note-text: #78350f;--c-info-bg: #eff6ff;--c-info-border: #bfdbfe;--c-danger-light: #ffb6c1;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-pill: 100px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px rgba(65, 84, 181, .25);--t: .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--c-text);background-color:var(--c-bg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);color:#fff;border:none;border-radius:var(--r-pill);padding:9px 22px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--t);box-shadow:var(--shadow-primary);white-space:nowrap;text-decoration:none}.btn-primary:disabled{background:linear-gradient(135deg,#aab0d8,#c5cce8);box-shadow:none;cursor:not-allowed;transform:none;filter:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--c-primary);border:1.5px solid var(--c-primary-light);border-radius:var(--r-pill);padding:8px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--t);white-space:nowrap}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--c-danger);border:1.5px solid var(--c-danger);border-radius:var(--r-pill);padding:8px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--t);white-space:nowrap}.btn-danger:hover{background:var(--c-danger-bg)}.btn-back{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--c-primary);border:1.5px solid var(--c-border);border-radius:var(--r-pill);padding:7px 18px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--t);white-space:nowrap}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--r-sm);padding:6px;color:var(--c-text-muted);cursor:pointer;transition:all var(--t)}.form-group label,.input-label{font-size:.8rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.section-title{font-size:.9rem;font-weight:700;color:var(--c-primary);text-transform:uppercase;letter-spacing:.04em;padding-bottom:.5rem;border-bottom:2px solid var(--c-primary-bg);margin:0 0 1.25rem;width:100%}.select-dropdown{width:100%;appearance:none;-webkit-appearance:none;background:var(--c-primary);color:#fff;padding:8px 36px 8px 12px;border:none;border-radius:var(--r-sm);font-size:.875rem;font-family:inherit;cursor:pointer;outline:none;transition:background var(--t)}.select-dropdown:focus{background:var(--c-primary-dark)}.select-dropdown-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none}.form-group input,.form-group select,.form-group textarea{padding:9px 13px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t),box-shadow var(--t)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.form-group input.error,.form-group select.error{border-color:var(--c-danger)}.form-group textarea{resize:vertical;min-height:72px}.form-section{margin-bottom:1.75rem}.section-title{font-size:.95rem;font-weight:700;color:var(--c-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--c-primary-bg);letter-spacing:.01em}.error-message{font-size:.75rem;color:var(--c-danger)}.field-hint{font-size:.74rem;color:var(--c-text-light)}.radio-label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:.9rem;color:var(--c-text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:var(--c-surface);border-radius:var(--r-lg);width:90%;max-width:500px;box-shadow:var(--shadow-md);animation:modal-in .15s ease}.modal-content.modal-small{max-width:380px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--c-border)}.modal-header h3{font-size:1rem;font-weight:700;color:var(--c-text)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--c-text-light);line-height:1;padding:0 4px;transition:color var(--t);border-radius:4px}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:1rem}.modal-body p{margin:0;color:var(--c-text-muted);font-size:.9rem}.modal-body strong{color:var(--c-text)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:16px 22px;border-top:1px solid var(--c-border)}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1.5px solid var(--c-primary-bg);margin-top:1.5rem}.form-actions-left{display:flex;gap:.75rem}.spinner{width:30px;height:30px;border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .8s linear infinite}.success-banner{display:flex;align-items:center;gap:8px;background:var(--c-success-bg);border:1px solid #a8d5b5;color:var(--c-success);padding:10px 16px;border-radius:var(--r-sm);margin-bottom:1rem;font-size:.875rem;font-weight:500}.warning-text{color:var(--c-danger);font-size:.875rem}.empty-state{text-align:center;padding:3rem;color:var(--c-text-light);font-size:.9rem}.tab-loading{color:var(--c-text-light);text-align:center;padding:3rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);color:#fff;gap:16px}.loader{border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:spin .9s linear infinite}.loading-container p{font-size:1rem;margin:0;opacity:.9}.profile-tabs{display:flex;gap:0;border-bottom:2px solid var(--c-border);margin-bottom:1.5rem}.tab-btn{background:none;border:none;padding:11px 22px;cursor:pointer;font-size:.875rem;color:var(--c-text-light);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--t);font-weight:500;letter-spacing:.01em}.tab-btn:hover{color:var(--c-primary)}.tab-btn.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:700}.beak-switch-wrap{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.beak-switch-label{font-size:.875rem;color:var(--c-text);-webkit-user-select:none;user-select:none}.beak-switch{position:relative;display:inline-block;width:40px;height:24px;flex-shrink:0;cursor:pointer}.beak-switch input{opacity:0;width:0;height:0}.beak-slider{position:absolute;inset:0;background-color:var(--c-danger-bg);transition:background .3s;border-radius:28px}.beak-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:var(--c-danger);transition:transform .3s;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.beak-slider{background-color:var(--c-primary)}input:checked+.beak-slider:before{transform:translate(16px);background-color:var(--c-secondary)}input:disabled+.beak-slider{opacity:.5;cursor:not-allowed}.beak-switch-wrap:has(input:disabled){cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);font-weight:600;font-size:.8rem;border:1px solid currentColor;white-space:nowrap}.status-badge-sm{font-size:.72rem;padding:2px 8px}.status-stock-empty{color:var(--c-stock-empty);background:var(--c-stock-empty-bg)}.status-stock-understock{color:var(--c-stock-understock-dark);background:var(--c-stock-understock-bg)}.status-stock-overstock{color:#6b21a8;background:var(--c-purple-bg)}.status-stock-ok{color:var(--c-stock-ok);background:var(--c-stock-ok-bg)}@media(max-width:640px){.form-row{grid-template-columns:1fr}.profile-tabs{overflow-x:auto}.tab-btn{padding:9px 14px;font-size:.82rem;white-space:nowrap}}.auth-screen{position:relative;min-height:100vh;display:flex;flex-direction:column}.auth-container,.login-container,.signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);padding:20px 0}.auth-gradient,.login-gradient,.signup-gradient{width:100%;max-width:500px;padding:20px}.signup-gradient{max-width:600px}.auth-card,.login-card,.signup-card{background:var(--c-surface);border-radius:var(--r-lg);padding:40px;box-shadow:0 10px 40px #0003}.auth-header,.login-header,.signup-header{text-align:center;margin-bottom:30px}.auth-title,.login-title,.signup-title{font-size:32px;font-weight:700;color:var(--c-primary);margin:0 0 10px;font-family:inherit}.auth-subtitle,.login-subtitle,.signup-subtitle{font-size:16px;color:var(--c-text-muted);margin:0;font-family:inherit}.user-type-selector{display:flex;gap:10px;margin-bottom:30px;background:var(--c-bg);padding:5px;border-radius:var(--r-sm)}.user-type-button{flex:1;padding:12px;border:none;background:transparent;border-radius:var(--r-xs);font-size:16px;font-weight:500;color:var(--c-text-muted);cursor:pointer;transition:all var(--t);font-family:inherit}.user-type-button:hover:not(.active){background:#4154b514;color:var(--c-primary)}.user-type-button.active{background:var(--c-primary);color:#fff;box-shadow:var(--shadow-xs)}.auth-form,.login-form,.signup-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group,.login-form .form-group,.signup-form .form-group{display:flex;flex-direction:column;gap:8px}.auth-form .form-label,.login-form .form-label,.signup-form .form-label{font-size:14px;font-weight:500;color:var(--c-text-muted);font-family:inherit}.auth-form .form-input,.login-form .form-input,.signup-form .form-input{padding:14px;border:2px solid var(--c-bg);border-radius:var(--r-sm);font-size:16px;transition:border-color var(--t),box-shadow var(--t);outline:none;font-family:inherit}.auth-form .form-input:focus,.login-form .form-input:focus,.signup-form .form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.auth-form .form-input:disabled,.login-form .form-input:disabled,.signup-form .form-input:disabled{background-color:var(--c-bg);cursor:not-allowed}.auth-form .form-input.error,.login-form .form-input.error,.signup-form .form-input.error{border-color:var(--c-danger)}.error-text,.error-message{font-size:12px;color:var(--c-danger);margin-top:-4px;font-family:inherit}.form-error-message,.auth-error{padding:12px;background:var(--c-danger-bg);border:1px solid var(--c-danger);border-radius:var(--r-sm);color:var(--c-danger-dark);font-size:14px;text-align:center;font-family:inherit}.message{padding:12px;border-radius:var(--r-sm);font-size:14px;text-align:center;font-family:inherit}.message.error{background:var(--c-danger-bg);border:1px solid var(--c-danger);color:var(--c-danger-dark)}.message.success{background:var(--c-success-bg);border:1px solid var(--c-success);color:var(--c-success)}.submit-button{padding:16px;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);color:#fff;border:none;border-radius:var(--r-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--t);font-family:inherit;width:100%}.auth-switch-container,.switch-auth{position:fixed;bottom:30px;left:50%;transform:translate(-50%);text-align:center;padding:15px 30px;background:var(--c-surface);border-radius:var(--r-pill);box-shadow:0 5px 20px #0003;z-index:1000;font-size:14px;color:var(--c-text-muted);font-family:inherit}.auth-switch-text,.auth-switch-container{margin:0}.auth-switch-btn,.switch-button{background:none;border:none;color:var(--c-primary);font-weight:700;cursor:pointer;padding:0;text-decoration:underline;font-size:14px;transition:color var(--t);font-family:inherit}.auth-switch-btn:hover,.switch-button:hover:not(:disabled){color:var(--c-primary-light)}.switch-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.auth-gradient,.login-gradient,.signup-gradient{padding:10px;max-width:100%}.auth-card,.login-card,.signup-card{padding:30px 20px}.auth-title,.login-title,.signup-title{font-size:28px}.auth-switch-container,.switch-auth{bottom:20px;padding:12px 20px;font-size:13px}.auth-switch-btn,.switch-button{font-size:13px}.user-type-selector{gap:6px}.user-type-button{padding:10px;font-size:14px}}:root{--c-primary: #4154b5;--c-primary-dark: #364699;--c-primary-light: #889bdf;--c-primary-bg: #eef1ff;--c-secondary: #b1feb5;--c-secondary-bg: #e8f8e8;--c-success: #007d2a;--c-success-bg: #e6f4ea;--c-danger: #ff5757;--c-danger-dark: #b01423;--c-danger-bg: #fff0f0;--c-danger-light: #ffb6c1;--c-orange: #ffad42;--c-orange-bg: #fff8e1;--c-yellow-bg: #ffecb3;--c-purple-bg: #f5eafa;--c-stock-ok: #16a34a;--c-stock-ok-bg: #dcfce7;--c-stock-ok-bg-light: #f0fdf4;--c-stock-understock: #d97706;--c-stock-understock-bg: #fef3c7;--c-stock-understock-dark: #92400e;--c-stock-empty: #b91c1c;--c-stock-empty-bg: #fee2e2;--c-stock-overstock: #64748b;--c-bg: #f2f2f2;--c-surface: #ffffff;--c-surface-hover: #f8f9ff;--c-text: #333333;--c-text-muted: #575757;--c-text-light: #707070;--c-placeholder: #889bdf;--c-border: #e0e0e0;--c-border-focus: #4154b5;--c-info-bg: #eff6ff;--c-info-border: #bfdbfe;--c-note-bg: #fefce8;--c-note-text: #78350f;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-pill: 100px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-primary: 0 4px 14px rgba(65, 84, 181, .25);--t: .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--c-text);background-color:var(--c-bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--c-bg);color:var(--c-text)}a{color:var(--c-primary);text-decoration:none}a:hover{color:var(--c-primary-dark)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--c-text);line-height:1.3}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;line-height:inherit}button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.screen-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--c-primary)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);color:#fff;transition:width .3s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{margin:0;font-size:24px;font-weight:700;color:#fff}.collapse-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.section-title{padding:15px 20px 8px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff9;letter-spacing:.5px}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:transparent;border:none;color:#ffffffd9;cursor:pointer;transition:all .2s ease;font-size:15px;text-align:left;position:relative;text-decoration:none;box-sizing:border-box}.premium-badge{font-size:14px}.logout-section{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:10px}@media(max-width:768px){.sidebar{width:70px}.sidebar.collapsed{width:0;overflow:hidden}.section-title{display:none}}.dashboard-container{min-height:100vh;background:var(--c-bg);display:flex}.dashboard-content{flex:1;margin-left:280px;transition:margin-left .3s ease;display:flex;flex-direction:column;--sidebar-w: 280px}.sidebar.collapsed+.dashboard-content{margin-left:70px;--sidebar-w: 70px}.dashboard-header{background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:0 28px;height:64px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-page-title{font-size:1.35rem;font-weight:700;color:var(--c-text);margin:0;font-family:inherit;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);background:transparent;border:none;color:var(--c-text-muted);cursor:pointer;transition:background var(--t),color var(--t)}.header-icon-btn:hover{background:var(--c-primary-bg);color:var(--c-primary)}.header-user{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r-sm);cursor:pointer;transition:background var(--t);margin-left:4px;color:var(--c-text)}.header-user:hover{background:var(--c-primary-bg)}.header-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-primary);color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:inherit}.header-username{font-size:.875rem;font-weight:500;color:var(--c-text);font-family:inherit;white-space:nowrap}.dashboard-main{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.dashboard-main.container{max-width:1400px;margin:0 auto;width:100%}.welcome-section{background:var(--c-surface);border-radius:var(--r-md);padding:2.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--c-border);margin-bottom:2rem}.user-data-card{background:var(--c-bg);border-radius:var(--r-sm);padding:1.5rem;margin-top:1.5rem;border:1px solid var(--c-border)}.user-data-card h3{color:var(--c-primary);font-size:1rem;margin:0 0 1.25rem;font-weight:700;font-family:inherit}.user-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:linear-gradient(180deg,var(--c-primary) 0%,var(--c-primary-dark) 100%);color:#fff;transition:width .3s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;overflow-y:auto}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-logo{margin:0;font-size:24px;font-weight:700;color:#fff;font-family:inherit}.collapse-btn{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:var(--r-xs);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background var(--t);font-family:inherit}.collapse-btn:hover{background:#fff3}.sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar-menu{flex:1;overflow-y:auto;padding:10px 0}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.menu-section{margin-bottom:10px}.menu-section-title{padding:15px 20px 8px;font-size:12px;font-weight:600;text-transform:uppercase;color:#fff9;letter-spacing:.5px;font-family:inherit}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:transparent;border:none;color:#ffffffd9;cursor:pointer;transition:all var(--t);font-size:15px;text-align:left;position:relative;text-decoration:none;box-sizing:border-box;font-family:inherit}.sidebar.collapsed .menu-item{justify-content:center;padding:12px 10px}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item.active{background:#ffffff26;color:#fff;border-left:3px solid var(--c-secondary)}.sidebar.collapsed .menu-item.active{border-left:none;border-bottom:3px solid var(--c-secondary)}.menu-icon{font-size:20px;min-width:24px;display:flex;align-items:center;justify-content:center}.menu-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-section{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;flex-shrink:0}.logout-item{color:var(--c-danger-light)}.logout-item:hover{background:#ff5a5a33;color:var(--c-danger)}.page-screen{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;flex-direction:column;gap:4px;margin-bottom:.5rem}.page-subtitle{font-size:.95rem;color:var(--c-text-muted);margin:0;font-family:inherit}.content-section{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.dashboard-content{margin-left:70px}.sidebar.collapsed+.dashboard-content{margin-left:0}.dashboard-header{padding:0 16px;height:56px}.header-page-title{font-size:1.1rem}.header-username{display:none}.dashboard-main{padding:1.5rem 1rem}.welcome-section{padding:1.5rem}.welcome-section h2{font-size:1.4rem}.user-data-grid{grid-template-columns:1fr}.sidebar{width:70px}.sidebar.collapsed{width:0;overflow:hidden}.menu-section-title{display:none}}.table-container,.orders-table-container{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden;flex:1}.table-container-scrollable{overflow-x:auto;overflow-y:auto;width:calc(100vw - var(--sidebar-w, 280px) - 56px - 2px);max-width:100%;box-sizing:border-box}.table-container-scrollable .table tbody tr{background:#fff}.table-container-scrollable .table tbody tr:hover{background:var(--c-bg, #f8f9fa)}.table-container-scrollable .table tbody tr.row-selected{background:var(--c-primary-bg, #eef2ff)}.table-container-scrollable .table tbody tr.row-pending{background:#ffa03212}.table td.col-sticky-l1,.table td.col-sticky-l2,.table td.col-sticky-l3,.table td.col-sticky-r1,.table td.col-sticky-r2,.table td.col-sticky-r3{position:sticky;z-index:12;background:inherit}.table th.col-sticky-l1,.table th.col-sticky-l2,.table th.col-sticky-l3,.table th.col-sticky-r1,.table th.col-sticky-r2,.table th.col-sticky-r3{position:sticky;z-index:13;background:var(--c-bg, #f4f5f7)}.table .col-sticky-l1{left:0}.table .col-sticky-l2{left:40px}.table .col-sticky-l3{left:110px}.table .col-sticky-r1{right:130px}.table .col-sticky-r2{right:60px}.table .col-sticky-r3{right:0}.table .col-sticky-l3{border-right:2px solid var(--c-border);box-shadow:4px 0 6px -2px #00000014}.table .col-sticky-r1{border-left:2px solid var(--c-border);box-shadow:-4px 0 6px -2px #00000014}.table,.orders-table,.op-table,.st-table{width:100%;border-collapse:collapse;font-family:inherit}.table thead,.orders-table thead{background:var(--c-bg);color:var(--c-text);position:sticky;top:0;z-index:10}.table th,.orders-table th{padding:13px 16px;text-align:left;font-weight:600;font-size:.82rem;letter-spacing:.03em;font-family:inherit}.table tbody tr,.orders-table tbody tr{border-bottom:1px solid var(--c-border);transition:background var(--t);cursor:pointer!important}.table tbody tr:hover,.table.hoverable tbody tr:hover,.order-row:hover{background:var(--c-surface-hover)}.table td,.orders-table td{padding:12px 16px;font-size:.875rem;color:var(--c-text);font-family:inherit}.table-row.clickable,.order-row{cursor:pointer}.table-row.disabled,.table tbody tr.disabled{opacity:.6;pointer-events:none}.supplier-cell{display:flex;align-items:center;gap:10px}.supplier-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--c-primary-light);object-fit:cover}.cell-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.notes-badge{display:inline-flex;align-items:center;background:var(--c-orange-bg);color:var(--c-orange);padding:3px 10px;border-radius:var(--r-pill);font-size:.75rem;font-weight:600;border:1px solid var(--c-orange);font-family:inherit;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 0;margin-top:1.5rem}.pagination button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--t);font-family:inherit}.pagination button:hover:not(:disabled){background:var(--c-primary-bg);border-color:var(--c-primary);color:var(--c-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.pagination-info{font-size:.875rem;color:var(--c-text-muted);margin:0 1rem;font-family:inherit}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--c-surface);border-radius:var(--r-md);gap:1rem;min-height:400px}.loader{border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:44px;height:44px;animation:spin .9s linear infinite}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--c-surface);border-radius:var(--r-md);text-align:center;gap:.5rem;min-height:400px}.no-data-icon{font-size:64px;opacity:.3;line-height:1}.table-filters{display:flex;gap:12px;background:var(--c-surface);padding:16px 20px;border-radius:var(--r-md);box-shadow:var(--shadow-xs);border:1px solid var(--c-border);margin-bottom:1rem}.search-input{width:260px;min-width:160px;padding:7px 12px;border:1px solid var(--c-border);border-radius:var(--r-xs);font-size:.82rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t),box-shadow var(--t)}.filter-select{flex:1;min-width:120px;padding:9px 14px;font-size:.875rem;font-family:inherit;color:var(--c-text);outline:none;transition:border-color var(--t),box-shadow var(--t)}.search-input:focus,.filter-select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.search-input::placeholder{color:var(--c-placeholder)}.supplier-products-screen{display:flex;flex-direction:column;height:100%}.products-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px 0;flex-wrap:wrap}.products-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.screen-title{font-size:1.1rem;font-weight:700;color:var(--c-text)}.screen-search-input{flex:1;min-width:180px;padding:9px 14px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.875rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t)}.screen-search-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.cart-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--c-primary);color:#fff;border-radius:var(--r-pill);font-size:.82rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--t)}.cart-badge:hover{background:var(--c-primary-dark)}.filter-bar{background:var(--c-surface);border-radius:var(--r-md);padding:12px 16px;border:1px solid var(--c-border);margin-bottom:.5rem}.filter-bar-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.results-count{font-size:.82rem;color:var(--c-text-muted);font-family:inherit;white-space:nowrap}.product-list{display:flex;flex-direction:column;gap:0;flex:1;overflow-y:auto}.product-row{display:flex;align-items:center;gap:1rem;padding:12px 16px;border-bottom:1px solid var(--c-border);background:var(--c-surface);transition:background var(--t)}.product-row.row-active{background:var(--c-primary-bg)}.product-row.row-unavail{opacity:.55}.product-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.product-name{font-size:.9rem;font-weight:600;color:var(--c-text);font-family:inherit}.product-badges{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.product-stats-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.stat-item{font-size:.75rem;color:var(--c-text-muted);font-family:inherit}.stat-price{font-size:.82rem;font-weight:600;color:var(--c-primary);font-family:inherit}.product-supplier{font-size:.78rem;color:var(--c-text-light);font-family:inherit}.product-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.product-empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--c-text-muted);font-family:inherit;font-size:.9rem}.not-orderable{font-size:.75rem;color:var(--c-text-light);font-style:italic;font-family:inherit}.qty-stepper{display:flex;align-items:center;gap:4px}.qty-stepper.saving{opacity:.5;pointer-events:none}.qty-btn{width:28px;height:28px;border:1px solid var(--c-border);background:var(--c-surface);border-radius:var(--r-xs);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--t);font-family:inherit}.qty-btn:hover:not(:disabled){background:var(--c-primary-bg);border-color:var(--c-primary);color:var(--c-primary)}.qty-input{width:52px;padding:4px 6px;border:1px solid var(--c-border);border-radius:var(--r-xs);font-size:.85rem;text-align:center;font-family:inherit}.stepper-um-wrap{display:flex;align-items:center;gap:4px}.um-select{padding:4px 6px;border:1px solid var(--c-border);border-radius:var(--r-xs);font-size:.8rem;font-family:inherit;background:var(--c-surface);color:var(--c-text);cursor:pointer}.um-select.um-select-active{border-color:var(--c-primary);color:var(--c-primary)}.sort-chips{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.sort-chip{padding:5px 12px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-surface);font-size:.78rem;font-family:inherit;color:var(--c-text);cursor:pointer;transition:all var(--t)}.sort-chip.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.filter-chip{padding:5px 12px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-surface);font-size:.78rem;font-family:inherit;color:var(--c-text);cursor:pointer;transition:all var(--t);display:inline-flex;align-items:center;gap:4px}.filter-chip.active{background:var(--c-primary-bg);border-color:var(--c-primary);color:var(--c-primary)}.filter-chip-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.filter-chip-reset{font-size:.75rem;color:var(--c-danger);cursor:pointer;font-family:inherit;background:none;border:none;padding:0;text-decoration:underline}.chip-count{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--c-primary);color:#fff;border-radius:50%;font-size:.65rem;font-weight:700}.filter-check-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--c-border);cursor:pointer;font-size:.875rem;font-family:inherit}.filter-modal-body{max-height:60vh;overflow-y:auto}.order-bar{position:sticky;bottom:0;background:var(--c-primary);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:var(--r-md) var(--r-md) 0 0;box-shadow:0 -2px 10px #00000026}.order-bar-info{display:flex;flex-direction:column;gap:2px}.order-bar-btn{flex-shrink:0}.supplier-lists-screen{display:flex;flex-direction:column;gap:1.25rem}.page-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.page-header-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.page-header-info h2{margin:0;font-size:1.2rem;font-weight:700;color:var(--c-text);font-family:inherit}.store-name-badge{display:inline-block;padding:3px 10px;background:var(--c-primary-bg);color:var(--c-primary);border-radius:var(--r-pill);font-size:.78rem;font-weight:600;font-family:inherit}.lists-section-title{font-size:.9rem;color:var(--c-text-muted);font-family:inherit;margin:0}.list-cards{display:flex;flex-direction:column;gap:.75rem}.list-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:16px 20px;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all var(--t);font-family:inherit}.list-card:hover{background:var(--c-surface-hover);border-color:var(--c-primary);box-shadow:var(--shadow-xs)}.list-card-inactive{opacity:.6}.list-card-all{border-color:var(--c-primary);background:var(--c-primary-bg)}.list-card-icon{font-size:1.5rem;flex-shrink:0}.list-card-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.list-card-name{font-size:.95rem;font-weight:600;color:var(--c-text);font-family:inherit}.list-card-desc{font-size:.82rem;color:var(--c-text-muted);font-family:inherit}.list-card-count{font-size:.78rem;color:var(--c-primary);font-weight:500;font-family:inherit}.list-card-arrow{font-size:1.25rem;color:var(--c-text-light);flex-shrink:0}.lists-empty{text-align:center;color:var(--c-text-muted);padding:2rem;font-size:.9rem;font-family:inherit}.orders-screen{display:flex;flex-direction:column;gap:1.25rem}.orders-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.orders-title{font-size:1.2rem;font-weight:700;color:var(--c-text);margin:0;font-family:inherit}.orders-filters{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.list-screen{display:flex;flex-direction:column;gap:1rem;padding:20px}.list-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.list-toolbar-left{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.list-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.list-meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.list-count{font-size:.875rem;color:var(--c-text-muted);font-family:inherit}.list-pagination-controls{display:flex;align-items:center;gap:.5rem}.list-page-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-sm);cursor:pointer;font-size:.875rem;transition:all var(--t);font-family:inherit}.list-page-btn:hover:not(:disabled){background:var(--c-primary-bg);border-color:var(--c-primary);color:var(--c-primary)}.list-page-btn:disabled{opacity:.5;cursor:not-allowed}.list-page-info{font-size:.875rem;color:var(--c-text-muted);font-family:inherit}.list-page-size-select{font-size:.8rem;font-family:inherit;cursor:pointer}.list-page-size-label{font-size:.8rem;color:var(--c-text-muted);font-family:inherit}.list-pagination-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 0}.th-check,.td-check{width:40px;text-align:center;padding:8px 12px}.th-center,.td-center{text-align:center}.td-empty{text-align:center;color:var(--c-text-muted);padding:2rem 1rem;font-style:italic;font-family:inherit}.row-selected{background:var(--c-primary-bg)!important}.row-inactive{opacity:1}.td-company{display:flex;align-items:center;gap:6px}.note-icon{font-size:.85rem;opacity:.7;cursor:default}.badge-category{display:inline-block;padding:2px 8px;background:var(--c-primary-bg);color:var(--c-primary);border-radius:var(--r-pill);font-size:.78rem;font-weight:500;font-family:inherit}.badge-integration{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--c-info-bg);color:var(--c-primary);border-radius:var(--r-pill);font-size:.78rem;font-weight:500;font-family:inherit}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{background:#ffffff1a}.screen-card{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);display:flex;flex-direction:column;overflow:hidden}.row-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-primary-bg);color:var(--c-primary);font-size:.72rem;font-weight:700;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;-webkit-user-select:none;user-select:none}.row-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.td-avatar{width:52px;padding:8px 4px 8px 16px}.screen-card-toolbar{display:flex;align-items:center;gap:.75rem;padding:16px 20px;border-bottom:1px solid var(--c-border);flex-wrap:wrap}.screen-card-toolbar-left{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap}.screen-card-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.screen-card-filters{display:flex;align-items:center;gap:.75rem;padding:10px 20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:6px}.filter-label{font-size:.82rem;color:var(--c-text-muted);font-family:inherit;white-space:nowrap}.filter-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-xs);font-size:.82rem;font-family:inherit;cursor:pointer;transition:border-color var(--t),color var(--t);white-space:nowrap}.filter-btn-outline:hover{border-color:var(--c-primary);color:var(--c-primary)}.screen-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:1rem;flex-wrap:wrap}.screen-card-footer-left{display:flex;align-items:center;gap:.5rem}.screen-card-footer-right{display:flex;align-items:center;gap:.25rem}.footer-count-label{font-size:.82rem;color:var(--c-text-muted);font-family:inherit}.footer-page-size-select{font-size:.82rem;font-family:inherit;border:1px solid var(--c-border);border-radius:var(--r-xs);padding:3px 6px;background:var(--c-surface);color:var(--c-text);cursor:pointer}.footer-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-xs);cursor:pointer;font-size:.82rem;font-family:inherit;transition:all var(--t)}.footer-page-btn:hover:not(:disabled){background:var(--c-primary-bg);border-color:var(--c-primary);color:var(--c-primary)}.footer-page-btn:disabled{opacity:.4;cursor:not-allowed}.footer-page-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;font-weight:600}.action-menu-wrapper{position:relative;display:inline-flex}.action-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--c-text-muted);border-radius:var(--r-xs);cursor:pointer;font-size:1.1rem;letter-spacing:1px;transition:background var(--t),color var(--t)}.action-menu-trigger:hover{background:var(--c-primary-bg);color:var(--c-primary)}.action-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--c-border);border-radius:var(--r-sm);box-shadow:0 8px 24px #00000021;z-index:200;min-width:160px;overflow:hidden}.action-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:.875rem;font-family:inherit;color:var(--c-text);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--t);white-space:nowrap}.action-menu-item:hover{background:var(--c-surface-hover)}.action-menu-item.danger{color:var(--c-danger)}.action-menu-item.danger:hover{background:var(--c-danger-bg)}.cart-screen{padding:1.5rem;max-width:860px;margin:0 auto}.cart-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.cart-title{font-size:1.4rem;font-weight:700;color:var(--c-text);margin:0}.cart-store-badge{background:var(--c-primary-light, #ede9fe);color:var(--c-primary);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.cart-total-badge{margin-left:auto;font-size:1rem;font-weight:700;color:var(--c-success, #16a34a)}.cart-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;text-align:center;color:var(--c-text-muted)}.cart-empty-icon{font-size:3rem;line-height:1}.cart-select-all{margin-bottom:1rem}.select-all-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--c-text-muted);cursor:pointer}.order-cards{display:flex;flex-direction:column;gap:1rem}.order-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:1rem;transition:box-shadow .15s}.order-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.1))}.order-card-ready{border-color:var(--c-warning, #f59e0b);border-left:4px solid var(--c-warning, #f59e0b)}.order-card-top{display:flex;align-items:flex-start;gap:.75rem}.order-card-checkbox{flex-shrink:0;padding-top:2px}.order-card-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.order-card-info{flex:1;min-width:0}.order-card-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.order-card-company{font-weight:700;font-size:1rem;color:var(--c-text)}.order-card-contact{display:block;font-size:.82rem;color:var(--c-text-muted);margin-top:2px}.order-card-price{flex-shrink:0;text-align:right}.order-total{font-size:1.1rem;font-weight:700;color:var(--c-success, #16a34a)}.order-status-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.order-status-badge.ready{background:#fef3c7;color:#b45309}.order-status-badge.progress{background:#dbeafe;color:#1d4ed8}.order-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;margin-left:1.5rem}.order-meta-item{font-size:.82rem;color:var(--c-text-muted);background:var(--c-bg);border-radius:999px;padding:2px 8px}.order-meta-note{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-meta-warn{color:var(--c-warning, #d97706);background:#fef3c7}.order-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;margin-left:1.5rem;flex-wrap:wrap}.order-card-actions-right{margin-left:auto;display:flex;align-items:center;gap:.35rem}.cart-action-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;font-size:.95rem;transition:background .15s,border-color .15s;color:var(--c-text)}.cart-action-btn:hover:not(:disabled){background:var(--c-bg);border-color:var(--c-primary)}.cart-action-btn-active{background:var(--c-primary-light, #ede9fe);border-color:var(--c-primary);color:var(--c-primary)}.cart-action-btn-danger{color:var(--c-danger);border-color:var(--c-danger)}.cart-action-btn-danger:hover:not(:disabled){background:#fee2e2}.cart-products-list{margin-top:.75rem;border-top:1px solid var(--c-border);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.cart-products-loading,.cart-products-empty{font-size:.85rem;color:var(--c-text-muted);padding:.5rem 0;margin-top:.5rem}.cart-product-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:4px 0;border-bottom:1px solid var(--c-border);font-size:.85rem}.cart-product-row:last-child{border-bottom:none}.cart-product-info{flex:1;min-width:0;display:flex;align-items:center;gap:.4rem}.cart-product-name{font-weight:500;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-product-code{font-size:.78rem;color:var(--c-text-muted)}.cart-product-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.cart-product-price{color:var(--c-text-muted);font-size:.82rem}.cart-product-qty{font-weight:600;color:var(--c-text)}.cart-send-bar{position:sticky;bottom:0;background:var(--c-surface);border-top:2px solid var(--c-primary);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;margin-top:1.5rem;border-radius:0 0 var(--r-md) var(--r-md);box-shadow:0 -4px 12px #00000014}.cart-send-info{flex:1;font-size:.9rem;color:var(--c-text);font-weight:500}.cart-send-btn{flex-shrink:0}.modal-note,.modal-delivery,.modal-confirm{max-width:480px}.note-textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);color:var(--c-text);font-size:.9rem;resize:vertical;font-family:inherit;box-sizing:border-box}.delivery-label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--c-text)}.delivery-date-input{padding:.5rem .75rem;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);color:var(--c-text);font-size:.9rem;font-family:inherit}.btn-link-danger{background:none;border:none;color:var(--c-danger);cursor:pointer;font-size:.85rem;padding:.25rem 0;margin-top:.5rem}.detail-screen{padding:1.5rem;max-width:960px;margin:0 auto}.toast{position:fixed;top:1rem;right:1rem;z-index:9999;padding:.6rem 1.2rem;border-radius:var(--r-md);font-size:.9rem;font-weight:500;box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.15));animation:fade-in .2s ease}.toast-success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.toast-error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}@keyframes fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.detail-header-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.order-num{font-size:1.2rem;font-weight:800;color:var(--c-primary)}.supplier-name{font-size:1.1rem;font-weight:700;color:var(--c-text)}.detail-header-right{flex-shrink:0}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.6rem .75rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}.meta-item{font-size:.82rem;color:var(--c-text-muted)}.meta-total{color:var(--c-success, #16a34a);font-weight:700}.status-badge-sm{font-size:.75rem}.refdoc{display:flex;align-items:center;gap:.35rem;margin-left:auto}.refdoc-btn{background:none;border:1px dashed var(--c-border);border-radius:var(--r-sm);color:var(--c-text-muted);font-size:.82rem;padding:2px 8px;cursor:pointer;transition:border-color .15s}.refdoc-btn:hover{border-color:var(--c-primary);color:var(--c-primary)}.refdoc-input{border:1px solid var(--c-primary);border-radius:var(--r-sm);padding:2px 8px;font-size:.85rem;font-family:inherit;color:var(--c-text);background:var(--c-bg)}.order-note{background:#fef9c3;border:1px solid #fde047;border-radius:var(--r-sm);padding:.5rem .75rem;font-size:.85rem;color:#713f12;margin-bottom:1rem}.order-note-label{font-weight:600}.detail-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);margin-bottom:1.25rem;overflow:hidden}.detail-section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--c-border);background:var(--c-bg)}.detail-section-title{font-size:.95rem;font-weight:700;color:var(--c-text);margin:0;flex:1}.detail-products{display:flex;flex-direction:column;gap:0}.detail-product-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--c-border);transition:background .12s}.detail-product-row:last-child{border-bottom:none}.detail-product-row:hover{background:var(--c-bg)}.detail-product-info{flex:1;min-width:0}.detail-name-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.detail-product-name{font-weight:600;font-size:.92rem;color:var(--c-text)}.detail-product-name.striked{text-decoration:line-through;opacity:.45}.alert-badge,.alert-badge.new{font-size:.78rem}.detail-product-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.detail-product-qty{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.25rem;font-size:.84rem;color:var(--c-text-muted)}.qty-val{font-weight:600;color:var(--c-text)}.qty-needed{color:var(--c-warning, #d97706);font-size:.8rem}.qty-pack{color:var(--c-text-muted)}.line-total{color:var(--c-success, #16a34a);font-weight:600;margin-left:auto}.detail-product-actions{flex-shrink:0}.detail-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:680px){.detail-bottom-grid{grid-template-columns:1fr}}.notes-list{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.note-item{border-bottom:1px solid var(--c-border);padding-bottom:.5rem}.note-header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.note-author{font-weight:600;font-size:.82rem;color:var(--c-text)}.note-date{font-size:.78rem;color:var(--c-text-muted)}.note-text{font-size:.85rem;color:var(--c-text);margin:0}.note-add{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;border-top:1px solid var(--c-border)}.note-textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:.85rem;font-family:inherit;resize:vertical;background:var(--c-bg);color:var(--c-text);box-sizing:border-box}.empty-text{color:var(--c-text-muted);font-size:.85rem;margin:0;padding:.25rem 0}.files-list{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--c-border);padding-bottom:.5rem}.file-thumb{width:40px;height:40px;object-fit:cover;border-radius:var(--r-sm)}.file-icon{font-size:1.4rem;line-height:1;flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:.82rem;color:var(--c-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--c-text-muted)}.order-empty{padding:2rem;text-align:center;color:var(--c-text-muted)}.actions-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.15));z-index:200;min-width:210px;overflow:hidden}.actions-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;cursor:pointer;transition:background .12s}.actions-item:hover{background:var(--c-bg)}.actions-sep{border-top:1px solid var(--c-border)}.contact-list{display:flex;flex-direction:column;gap:.4rem}.contact-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-sm);text-align:left;cursor:pointer;font-size:.88rem;transition:background .12s,border-color .12s}.contact-btn:hover:not(:disabled){background:var(--c-primary-light, #ede9fe);border-color:var(--c-primary)}.contact-btn.sent{opacity:.7}.contact-name{font-weight:600;color:var(--c-text);flex:1}.contact-phone{font-size:.8rem;color:var(--c-text-muted)}.contact-sent{font-size:.78rem;color:var(--c-success, #16a34a);font-weight:600}.confirm-dialog{max-width:440px}.control-screen{padding:1.5rem;max-width:1020px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.control-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.control-header-title{display:flex;align-items:baseline;gap:.5rem;flex:1;flex-wrap:wrap}.info-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--r-md);padding:.6rem 1rem}.info-text{font-size:.85rem;color:#1d4ed8}.toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.6rem 0;border-bottom:1px solid var(--c-border)}.check-all-label{display:flex;align-items:center;gap:.4rem;font-size:.88rem;cursor:pointer;color:var(--c-text)}.toolbar-btn{font-size:.85rem}.counter{margin-left:auto;font-size:.85rem;color:var(--c-text-muted);font-weight:500}.counter-warn{color:var(--c-warning, #d97706)}.control-products{display:flex;flex-direction:column;gap:0}.control-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);margin-bottom:.5rem;padding:.75rem 1rem;transition:background .12s,border-color .12s}.control-row-checked{background:#f0fdf4;border-color:#86efac}.control-row-new{background:#fefce8;border-color:#fde047}.control-row-main{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.control-row-check{flex-shrink:0;padding-top:4px}.ctrl-checkbox{width:17px;height:17px;cursor:pointer}.control-row-info{flex:1;min-width:180px;display:flex;flex-direction:column;gap:.2rem}.control-product-name{font-weight:600;font-size:.92rem;color:var(--c-text)}.control-product-name.striked{text-decoration:line-through;opacity:.45}.new-badge{display:inline-block;background:#fde047;color:#713f12;font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:999px;margin-right:.3rem;vertical-align:middle}.control-product-badges{display:flex;flex-wrap:wrap;gap:.25rem}.qty-needed-label,.last-order-label,.per-pack-label{font-size:.78rem;color:var(--c-text-muted)}.control-row-price{flex-shrink:0;text-align:right;min-width:80px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.line-total-ctrl{font-weight:700;color:var(--c-success, #16a34a);font-size:.9rem}.price-label{font-size:.72rem;color:var(--c-text-muted)}.control-row-controls{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.qty-input-ctrl{width:72px;padding:.35rem .5rem;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;text-align:right;background:var(--c-bg);color:var(--c-text)}.um-select-ctrl,.um-input-ctrl{width:72px;padding:.35rem .4rem;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:.85rem;font-family:inherit;background:var(--c-bg);color:var(--c-text)}.control-row-actions{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.act-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .55rem;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);cursor:pointer;font-size:.8rem;color:var(--c-text);transition:background .12s,border-color .12s;white-space:nowrap}.act-btn:hover{background:var(--c-bg);border-color:var(--c-primary)}.act-btn.active{background:var(--c-primary-light, #ede9fe);border-color:var(--c-primary);color:var(--c-primary)}.act-btn-muted{opacity:.5}.act-btn-remove{color:var(--c-danger);border-color:var(--c-danger)}.act-btn-remove:hover{background:#fee2e2}.ctrl-note-section{display:flex;flex-direction:column;gap:.4rem}.ctrl-note-label{font-size:.88rem;font-weight:600}.control-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--c-border)}.ctrl-popup{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.14));min-width:280px;max-width:480px;width:90%}.ctrl-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--c-border)}.ctrl-popup-title{font-weight:700;font-size:.92rem;color:var(--c-text)}.ctrl-popup-body{padding:.75rem 1rem}.ctrl-popup-hint{font-size:.82rem;color:var(--c-text-muted);margin:.5rem 0 0}.ctrl-details-grid{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;font-size:.82rem}.ctrl-det-label{color:var(--c-text-muted);white-space:nowrap}.ctrl-det-val{color:var(--c-text);font-weight:500;word-break:break-all}.ctrl-modal{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.15));width:90%;max-width:520px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.ctrl-modal-lg{max-width:720px}.ctrl-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--c-border);flex-shrink:0}.ctrl-modal-title{font-weight:700;font-size:1rem;color:var(--c-text)}.ctrl-modal-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--c-text-muted);padding:.25rem}.ctrl-modal-body{padding:1rem 1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.75rem}.ctrl-modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.75rem 1.25rem;border-top:1px solid var(--c-border);flex-shrink:0}.ctrl-modal-section{display:flex;flex-direction:column;gap:.4rem;padding-bottom:.75rem;border-bottom:1px solid var(--c-border)}.ctrl-modal-section:last-child{border-bottom:none;padding-bottom:0}.ctrl-modal-label{font-weight:600;font-size:.88rem;color:var(--c-text)}.ctrl-modal-hint{font-size:.82rem;color:var(--c-text-muted);margin:0;line-height:1.45}.ctrl-modal-select{padding:.45rem .65rem;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;background:var(--c-bg);color:var(--c-text);width:100%}.ctrl-modal-input{padding:.45rem .65rem;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;background:var(--c-bg);color:var(--c-text)}.ctrl-modal-check-row{display:flex;align-items:center;gap:.5rem;font-size:.88rem;cursor:pointer;color:var(--c-text)}.ctrl-delivery-row{display:flex;gap:.5rem;flex-wrap:wrap}.ctrl-delivery-row .ctrl-modal-input{flex:1}.ctrl-required{color:var(--c-danger);font-weight:700}.ctrl-optional{color:var(--c-text-muted);font-weight:400;font-size:.82em}.add-search-bar{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--c-border);flex-shrink:0}.add-count{font-size:.82rem;color:var(--c-primary);font-weight:600;white-space:nowrap}.add-list{flex:1;overflow-y:auto;padding:.5rem 1.25rem;display:flex;flex-direction:column;gap:.2rem}.add-loading{display:flex;align-items:center;gap:.6rem;padding:1rem 0;color:var(--c-text-muted);font-size:.88rem}.add-empty{color:var(--c-text-muted);font-size:.88rem;padding:1rem 0;margin:0}.add-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .4rem;border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;transition:background .1s,border-color .1s}.add-row:hover{background:var(--c-bg)}.add-row-selected{background:var(--c-primary-light, #ede9fe);border-color:var(--c-primary)}.add-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.add-name{font-size:.88rem;font-weight:500;color:var(--c-text)}.add-price{flex-shrink:0;font-size:.82rem;color:var(--c-text-muted);text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.add-um{font-size:.75rem;color:var(--c-text-muted)}@media(max-width:768px){.table-container-scrollable{overflow-x:auto}.table,.orders-table{min-width:800px}.table-filters{flex-direction:column}.table th{padding:11px 12px;font-size:.78rem}.table td,.orders-table td{padding:9px 12px;font-size:.8rem}.pagination{flex-wrap:wrap;gap:.25rem}.pagination button{width:32px;height:32px;font-size:.75rem}}.cell-input,.cell-select{width:100%;min-width:90px;padding:4px 6px;border:1px solid transparent;border-radius:var(--r-xs);background:transparent;font-size:.82rem;color:var(--c-text);font-family:inherit;transition:border-color var(--t),background var(--t);box-sizing:border-box}.cell-input:hover,.cell-select:hover{border-color:var(--c-border);background:var(--c-bg)}.cell-input:focus,.cell-select:focus{outline:none;border-color:var(--c-primary);background:var(--c-surface)}.cell-wide{min-width:140px}.cell-num{min-width:72px;text-align:right}.cell-narrow{min-width:56px}.cell-um{min-width:68px}.row-pending{background:#ffa03212!important}.row-pending td{border-bottom-color:#ffa03233}@media(max-width:1699px){.table.prod-table th:nth-child(12),.table.prod-table td:nth-child(12){display:none}}.table.prod-table th:nth-child(5),.table.prod-table td:nth-child(5),.table.prod-table th:nth-child(14),.table.prod-table td:nth-child(14){display:none}@media(max-width:1299px){.table.prod-table th:nth-child(13),.table.prod-table td:nth-child(13){display:none}}@media(max-width:1179px){.table.prod-table th:nth-child(9),.table.prod-table td:nth-child(9){display:none}}@media(max-width:1059px){.table.prod-table th:nth-child(6),.table.prod-table td:nth-child(6){display:none}}@media(max-width:959px){.table.prod-table th:nth-child(11),.table.prod-table td:nth-child(11){display:none}}.badge,.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);font-weight:600;font-size:.8rem;border:1px solid currentColor;white-space:nowrap;font-family:inherit}.badge-sm,.status-badge-sm{font-size:.72rem;padding:2px 8px}.badge-primary,.status-primary{color:var(--c-primary);background:var(--c-primary-bg)}.badge-secondary,.status-secondary{color:#6b21a8;background:var(--c-purple-bg)}.badge-danger,.status-danger{color:var(--c-danger);background:var(--c-danger-bg)}.badge-success,.status-success{color:var(--c-success);background:var(--c-success-bg)}.badge-warning,.status-warning{color:var(--c-orange);background:var(--c-orange-bg)}.status-active{color:var(--c-success);background:var(--c-success-bg)}.status-inactive{color:var(--c-danger);background:var(--c-danger-bg)}.status-trial{color:#856404;background:gold}.status-pending,.status-pending-mod{color:var(--c-stock-understock);background:var(--c-stock-understock-bg)}.status-confirmed{color:var(--c-primary);background:var(--c-primary-bg)}.status-sent,.status-read{color:var(--c-primary-light);background:var(--c-primary-bg)}.status-transit{color:#6b21a8;background:var(--c-purple-bg)}.status-delivered,.status-validated,.status-completed{color:var(--c-stock-ok);background:var(--c-stock-ok-bg)}.status-cancelled,.status-denied{color:var(--c-stock-empty);background:var(--c-stock-empty-bg)}.status-trashed{color:var(--c-stock-overstock);background:var(--c-bg)}.badge-stock,.status-stock{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--r-pill);font-weight:600;font-size:.8rem;border:1px solid currentColor}.badge-stock.ok,.status-stock-ok{color:var(--c-stock-ok);background:var(--c-stock-ok-bg)}.badge-stock.understock,.status-stock-understock{color:var(--c-stock-understock-dark);background:var(--c-stock-understock-bg)}.badge-stock.empty,.status-stock-empty{color:var(--c-stock-empty);background:var(--c-stock-empty-bg)}.badge-stock.overstock,.status-stock-overstock{color:#6b21a8;background:var(--c-purple-bg)}.badge-pill{padding:6px 16px;font-size:.875rem;border-radius:var(--r-pill)}.badge-with-icon{display:inline-flex;align-items:center;gap:4px}.badge-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem}.badge-counter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--c-danger);color:#fff;font-size:.7rem;font-weight:700;font-family:inherit}.badge-group{display:flex;gap:.5rem;flex-wrap:wrap}.bdg-cat{color:var(--c-primary);background:var(--c-primary-bg);border-color:var(--c-primary-light)}.bdg-code{color:var(--c-text-muted);background:var(--c-bg);border-color:var(--c-border);font-family:monospace}.bdg-danger{color:var(--c-danger);background:var(--c-danger-bg);border-color:var(--c-danger)}.bdg-brand{color:#6b21a8;background:var(--c-purple-bg);border-color:#6b21a8}.bdg-pack{color:var(--c-stock-ok);background:var(--c-stock-ok-bg);border-color:var(--c-stock-ok)}.bdg-note{color:var(--c-orange);background:var(--c-orange-bg);border-color:var(--c-orange)}.bdg-supplier{color:var(--c-text-muted);background:var(--c-bg);border-color:var(--c-border)}@media(max-width:640px){.badge{font-size:.75rem;padding:2px 8px}.badge-pill{font-size:.8rem;padding:4px 12px}.badge-group{gap:.25rem}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.modal-title{font-size:20px;font-weight:600;color:#333;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background-color:#f5f5f5;color:#333}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-label{font-size:14px;font-weight:500;color:#555}.form-input{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#4154b5;box-shadow:0 0 0 3px #4154b51a}.form-hint{font-size:12px;color:#888}.error-text{font-size:12px;color:#dc3545;margin-top:4px}.error-message{padding:12px 16px;background-color:#f8d7da;color:#721c24;border-radius:8px;font-size:14px;text-align:center}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.btn-cancel,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-cancel{background-color:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background-color:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#4154b5,#2f3d8a);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4154b566}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.modal-content{width:95%;margin:10px}.modal-form{padding:20px}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.profile-screen,.user-profile-screen{padding:20px;max-width:1200px;margin:0 auto}.operator-profile-screen,.store-profile-screen{padding:20px;max-width:1600px;margin:0}.profile-card{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);display:flex;flex-direction:column;overflow:hidden}.profile-card-header{display:flex;align-items:center;gap:1rem;padding:16px 20px;border-bottom:1px solid var(--c-border)}.profile-card-header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.profile-card-avatar{width:48px;height:48px;border-radius:50%;background:var(--c-primary-bg);color:var(--c-primary);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-card-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-title-group{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-card-title{font-size:1.1rem;font-weight:700;color:var(--c-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card-subtitle{font-size:.78rem;color:var(--c-text-muted)}.profile-card-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.profile-card-tabs{display:flex;border-bottom:1px solid var(--c-border);overflow-x:auto;padding:0 20px}.profile-card-tab{padding:12px 18px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.875rem;font-weight:500;color:var(--c-text-light);cursor:pointer;transition:all var(--t);font-family:inherit;white-space:nowrap;flex-shrink:0}.profile-card-tab:hover{color:var(--c-primary)}.profile-card-tab.active{color:var(--c-primary);border-bottom:2px solid var(--c-primary);font-weight:700}.profile-card-body{padding:24px;display:flex;flex-direction:column;gap:24px}.profile-card-body--flush{padding:0}.profile-page-header{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.profile-page-header-top{display:flex;align-items:center;gap:1rem}.profile-page-header-top-left{display:flex;align-items:center;gap:.75rem;flex:1}.profile-page-title{font-size:1rem;font-weight:600;color:var(--c-text-muted);margin:0}.profile-page-header-top-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.profile-page-identity{display:flex;align-items:center;gap:14px}.profile-identity-avatar{width:56px;height:56px;border-radius:var(--r-sm);background:var(--c-primary-bg);color:var(--c-primary);font-size:1.15rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-identity-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity-info{display:flex;flex-direction:column;gap:3px}.profile-identity-name{font-size:1.5rem;font-weight:700;color:var(--c-text);margin:0;line-height:1.2}.profile-identity-sub{font-size:.82rem;color:var(--c-text-muted)}.tab-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tab-list{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden}.tab-list-item{background:var(--c-surface);border-bottom:1px solid var(--c-border);transition:background var(--t)}.tab-list-item:last-child{border-bottom:none}.tab-list-item.inactive{opacity:.6}.tab-list-item-row{display:flex;align-items:center;gap:12px;padding:12px 16px}.tab-list-item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.tab-list-item-name{font-size:.9rem;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-list-item-meta{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tab-list-item-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.tab-list-item--expandable .panel,.tab-list-item--expandable .expandable-panel{border-top:1px solid var(--c-border);background:var(--c-bg)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:2px solid var(--c-primary-bg)}.profile-header.full-width{margin-bottom:1.5rem}.profile-title-section{display:flex;align-items:center;gap:1rem;flex:1}.profile-title-section h1{margin:0;font-size:1.6rem;color:var(--c-text);font-family:inherit}.profile-actions{display:flex;gap:.75rem;flex-shrink:0}.profile-title{font-size:1.75rem;font-weight:600;color:var(--c-text);margin:0;font-family:inherit}.profile-tabs{display:flex;margin-bottom:2rem;border-bottom:2px solid var(--c-border);overflow-x:auto}.profile-tab,.tab{padding:11px 22px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:500;color:var(--c-text-light);cursor:pointer;transition:all var(--t);font-family:inherit;white-space:nowrap;flex-shrink:0}.profile-tab:hover,.tab:hover{color:var(--c-primary)}.profile-tab.active,.tab.active{color:var(--c-primary);border-bottom:2px solid var(--c-primary);font-weight:700}.profile-content{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-xs);border:1px solid var(--c-border);padding:2rem}.profile-content--tabs{background:transparent;box-shadow:none;border:none;padding:0}.operator-profile-screen--wide{max-width:none}.profile-form{display:flex;flex-direction:column;gap:30px}.profile-section,.form-section,.info-section{display:flex;flex-direction:column;gap:20px}.profile-section:last-child,.info-section:last-child{margin-bottom:0}.section-switch{display:flex;align-items:center;padding-top:8px}.profile-section h2,.info-section h2{margin:0 0 1.25rem;font-size:.9rem;font-weight:700;color:var(--c-primary);text-transform:uppercase;letter-spacing:.04em;padding-bottom:.5rem;border-bottom:2px solid var(--c-primary-bg);font-family:inherit}.section-description{color:var(--c-text-light);margin-bottom:1.5rem;font-size:.875rem;font-family:inherit}.form-grid,.profile-form-grid,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:#555;font-family:inherit}.form-input{padding:12px 16px;border:1px solid #ddd;border-radius:var(--r-sm);font-size:14px;transition:all var(--t);font-family:inherit}.form-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.form-input.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-input.error{border-color:#dc3545}.form-hint{font-size:12px;color:#888;font-family:inherit}.error-text{font-size:12px;color:#dc3545;font-family:inherit}.phone-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#f5f5f5;border-radius:var(--r-sm);font-size:14px;font-family:inherit}.security-actions{display:flex;flex-direction:column;gap:12px;max-width:400px}.security-button{padding:14px 20px;border:none;border-radius:var(--r-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--t);font-family:inherit;text-align:left}.success-message{padding:14px 18px;background-color:var(--c-success-bg);color:var(--c-success);border-radius:var(--r-sm);font-size:14px;font-weight:500;text-align:center;border:1px solid #a8d5b5;font-family:inherit}.error-message{padding:14px 18px;background-color:var(--c-danger-bg);color:var(--c-danger-dark);border-radius:var(--r-sm);font-size:14px;font-weight:500;text-align:center;border:1px solid var(--c-danger);font-family:inherit}.form-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--c-border);gap:.75rem}.form-actions.full-width{justify-content:space-between}.stores-list{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden}.store-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);transition:background var(--t);font-family:inherit}.store-item:last-child{border-bottom:none}.store-item:hover{background:var(--c-surface-hover)}.store-info h3{margin:0 0 2px;font-size:.9rem;color:var(--c-text);font-family:inherit}.store-info p{margin:0;font-size:.8rem;color:var(--c-text-light);font-family:inherit}.profile-loading,.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:20px;color:var(--c-text-muted)}.loader{border:4px solid #f3f3f3;border-top:4px solid var(--c-primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data{text-align:center;color:var(--c-text-light);padding:3rem}.actions-dropdown-wrapper{position:relative}.actions-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);box-shadow:var(--shadow-md);z-index:100;min-width:160px;overflow:hidden}.actions-dropdown-menu button{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;font-size:.875rem;font-family:inherit;color:var(--c-text);cursor:pointer;transition:background var(--t)}.actions-dropdown-menu button:hover{background:var(--c-surface-hover)}.actions-dropdown-menu button.danger{color:var(--c-danger)}.actions-dropdown-menu button.danger:hover{background:var(--c-danger-bg)}.integ-list{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden;margin-top:1rem}.integ-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border);gap:1rem;font-family:inherit}.integ-row:last-child{border-bottom:none}.integ-info{display:flex;flex-direction:column;gap:4px;flex:1}.integ-info strong{font-size:.9rem;color:var(--c-text);font-family:inherit}.integ-desc{font-size:.8rem;color:var(--c-text-light);font-family:inherit}.integ-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media(max-width:768px){.profile-screen,.user-profile-screen,.operator-profile-screen,.store-profile-screen{padding:15px}.profile-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-title-section{margin-left:0;flex-direction:column;align-items:flex-start}.profile-actions{width:100%}.profile-content{padding:20px}.form-grid,.form-row{grid-template-columns:1fr;gap:1rem}.profile-tabs{overflow-x:auto}.profile-tab,.tab{padding:9px 14px;font-size:.82rem}.form-actions{flex-direction:column-reverse}.security-actions{max-width:100%}}.card{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);overflow:hidden;transition:all var(--t);font-family:inherit}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:18px 22px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fafafa}.card-header.sticky{position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #0000000d}.card-title{margin:0;font-size:1rem;font-weight:700;color:var(--c-text);font-family:inherit}.card-subtitle{margin:0;font-size:.875rem;color:var(--c-text-muted);font-family:inherit}.card-body{padding:20px 22px;display:flex;flex-direction:column;gap:1rem}.card-body.dense{padding:16px 18px;gap:.75rem}.card-footer{padding:16px 22px;border-top:1px solid var(--c-border);background:#fafafa;display:flex;align-items:center;justify-content:space-between;gap:1rem}.card.card-surface{background:var(--c-bg);box-shadow:none;border:1px solid var(--c-border)}.card.card-elevated{box-shadow:0 6px 20px #0000001f}.card.card-outline{border:2px solid var(--c-primary);box-shadow:none}.card.card-interactive{cursor:pointer}.card.card-interactive:hover{background:var(--c-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card.card-interactive:active{transform:translateY(0)}.list-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all var(--t);font-family:inherit}.list-card:hover{background:var(--c-surface-hover);border-color:var(--c-primary)}.list-card-body{flex:1;display:flex;flex-direction:column;gap:4px}.list-card-title{margin:0;font-size:.9rem;font-weight:600;color:var(--c-text);font-family:inherit}.list-card-subtitle{margin:0;font-size:.8rem;color:var(--c-text-muted);font-family:inherit}.list-card-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.card.card-info{background:var(--c-info-bg);border-color:var(--c-info-border)}.card.card-success{background:var(--c-success-bg);border-color:var(--c-success)}.card.card-warning{background:var(--c-orange-bg);border-color:var(--c-orange)}.card.card-danger{background:var(--c-danger-bg);border-color:var(--c-danger)}.welcome-section{background:var(--c-surface);border-radius:var(--r-md);padding:2.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--c-border)}.welcome-section h2{color:var(--c-primary);font-size:1.8rem;margin:0 0 8px;font-family:inherit}.welcome-section p{color:var(--c-text-muted);font-size:1rem;margin:0 0 1.5rem;font-family:inherit}.user-data-card,.data-card{background:var(--c-bg);border-radius:var(--r-sm);padding:1.5rem;border:1px solid var(--c-border)}.user-data-card h3,.data-card h3{color:var(--c-primary);font-size:1rem;margin:0 0 1.25rem;font-weight:700;font-family:inherit}.user-data-grid,.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.data-item{display:flex;flex-direction:column;gap:3px}.data-label{font-size:.78rem;color:var(--c-text-light);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-family:inherit}.data-value{font-size:.95rem;color:var(--c-text);font-weight:600;font-family:inherit}.profile-card{background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:2rem;border:1px solid var(--c-border)}.profile-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--c-border)}.profile-card-avatar{width:80px;height:80px;border-radius:50%;background:var(--c-primary-bg);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.profile-card-info h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--c-text);font-family:inherit}.profile-card-info p{margin:0;font-size:.875rem;color:var(--c-text-muted);font-family:inherit}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.plan-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;transition:all var(--t)}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.popular{border-color:var(--c-primary);box-shadow:0 0 0 2px #4154b526}.plan-price{display:flex;align-items:baseline;gap:2px;margin-top:4px}.price-currency{font-size:1rem;font-weight:600;color:var(--c-primary);font-family:inherit}.price-amount{font-size:2rem;font-weight:700;color:var(--c-primary);font-family:inherit;line-height:1}.price-interval{font-size:.875rem;color:var(--c-text-muted);font-family:inherit}.plan-features{display:flex;flex-direction:column;gap:.5rem;flex:1}.feature-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--c-text);font-family:inherit}.feature-icon{color:var(--c-success);font-weight:700;flex-shrink:0}.badge-popular{display:inline-block;padding:4px 12px;background:var(--c-primary);color:#fff;border-radius:var(--r-pill);font-size:.75rem;font-weight:600;font-family:inherit;letter-spacing:.03em;position:absolute;top:-12px;left:50%;transform:translate(-50%);white-space:nowrap}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--r-pill);font-size:.78rem;font-weight:600;font-family:inherit;white-space:nowrap}.status-badge.status-active{background:var(--c-success-bg);color:var(--c-success);border:1px solid var(--c-success)}.status-badge.status-trial{background:var(--c-info-bg);color:var(--c-primary);border:1px solid var(--c-info-border)}.status-badge.status-past-due,.status-badge.status-incomplete{background:var(--c-orange-bg);color:var(--c-orange);border:1px solid var(--c-orange)}.status-badge.status-canceled,.status-badge.status-unknown{background:var(--c-bg);color:var(--c-text-muted);border:1px solid var(--c-border)}.info-section{background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);padding:1.25rem 1.5rem}.info-section .card-title{margin-bottom:.75rem}.info-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;color:var(--c-text-muted);font-family:inherit}.btn-subscribe-current{display:inline-flex;align-items:center;gap:6px;background:var(--c-bg);color:var(--c-text-muted);border:1.5px solid var(--c-border);border-radius:var(--r-pill);padding:9px 22px;font-size:.875rem;font-weight:600;cursor:default;white-space:nowrap;font-family:inherit;width:100%;justify-content:center}@media(max-width:768px){.card{border-radius:var(--r-sm)}.card-header{padding:14px 16px;flex-direction:column;align-items:flex-start}.card-body{padding:14px 16px}.card-footer{padding:12px 16px;flex-direction:column;align-items:stretch}.welcome-section{padding:1.5rem}.welcome-section h2{font-size:1.4rem}.user-data-grid,.data-grid{grid-template-columns:1fr}.list-card{flex-direction:column;align-items:flex-start}.list-card-actions{width:100%;justify-content:flex-end}.profile-card-header{flex-direction:column;align-items:center;text-align:center}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);color:#fff;border:none;border-radius:var(--r-pill);padding:9px 22px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--t);box-shadow:var(--shadow-primary);white-space:nowrap;text-decoration:none;font-family:inherit}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 18px #4154b559;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:linear-gradient(135deg,#aab0d8,#c5cce8);box-shadow:none;cursor:not-allowed;transform:none;filter:none;opacity:.7}.btn-primary:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--c-primary);border:1.5px solid var(--c-primary-light);border-radius:var(--r-pill);padding:8px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--t);white-space:nowrap;font-family:inherit}.btn-secondary:hover{background:var(--c-primary-bg);border-color:var(--c-primary)}.btn-secondary:active{transform:scale(.98)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.active{background:var(--c-primary-bg);border-color:var(--c-primary);color:var(--c-primary)}.btn-secondary:focus-visible{outline:2px solid var(--c-border-focus);outline-offset:2px}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:var(--c-danger);border:1.5px solid var(--c-danger);border-radius:var(--r-pill);padding:8px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--t);white-space:nowrap;font-family:inherit}.btn-danger:hover{background:var(--c-danger-bg);color:var(--c-danger-dark)}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger:focus-visible{outline:2px solid var(--c-danger);outline-offset:2px}.btn-danger.filled{background:var(--c-danger);color:#fff}.btn-danger.filled:hover{background:var(--c-danger-dark)}.btn-back{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--c-primary);border:1.5px solid var(--c-border);border-radius:var(--r-pill);padding:7px 18px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--t);white-space:nowrap;font-family:inherit}.btn-back:hover{border-color:var(--c-primary);background:var(--c-primary-bg)}.btn-back:active{transform:scale(.98)}.btn-sm{padding:5px 14px!important;font-size:.78rem!important}.btn-xs{padding:3px 10px!important;font-size:.74rem!important}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--r-sm);padding:6px;color:var(--c-text-muted);cursor:pointer;transition:all var(--t);font-family:inherit}.btn-icon:hover{background:var(--c-primary-bg);color:var(--c-primary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon-only{padding:5px 8px!important}.btn-icon-sm{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--r-sm);padding:4px 6px;font-size:14px;line-height:1;cursor:pointer;opacity:.65;transition:opacity var(--t)}.btn-icon-sm:hover{opacity:1}.btn-view{background:transparent;color:var(--c-primary);border:1.5px solid var(--c-primary-light);border-radius:var(--r-pill);padding:4px 12px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--t);font-family:inherit}.btn-view:hover{background:var(--c-primary-bg);border-color:var(--c-primary)}.btn-view:disabled{opacity:.5;cursor:not-allowed}.btn-edit{background:transparent;color:var(--c-success);border:1.5px solid var(--c-success);border-radius:var(--r-pill);padding:4px 12px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--t);font-family:inherit}.btn-edit:hover{background:var(--c-success-bg)}.btn-edit:disabled{opacity:.5;cursor:not-allowed}.btn-delete{background:transparent;color:var(--c-danger);border:1.5px solid var(--c-danger);border-radius:var(--r-pill);padding:4px 12px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all var(--t);font-family:inherit}.btn-delete:hover{background:var(--c-danger-bg)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.btn-small{background:var(--c-primary);color:#fff;border:none;padding:6px 8px;border-radius:var(--r-xs);cursor:pointer;font-size:.8125rem;font-family:inherit;transition:opacity var(--t)}.btn-small:hover{opacity:.88}.btn-small:active{opacity:.75}.btn-small:disabled{opacity:.6;cursor:not-allowed}.btn-small.danger{background:var(--c-danger)}.btn-small.success{background:var(--c-success)}.security-button{padding:14px 20px;border:none;border-radius:var(--r-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--t);font-family:inherit;text-align:left;width:100%}.security-button.password{background-color:var(--c-primary);color:#fff}.security-button.password:hover{background-color:var(--c-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.security-button.delete{background-color:var(--c-danger);color:#fff}.security-button.delete:hover{background-color:var(--c-danger-dark);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.submit-button{padding:16px;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);color:#fff;border:none;border-radius:var(--r-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--t);font-family:inherit;width:100%}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary);filter:brightness(1.05)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;filter:none;transform:none}.logout-button{padding:8px 18px;background:transparent;color:var(--c-danger);border:1.5px solid var(--c-danger);border-radius:var(--r-pill);font-weight:600;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--t)}.logout-button:hover{background:var(--c-danger-bg);transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.bi-icon{line-height:1}.empty-state{text-align:center;padding:3rem 2rem;color:var(--c-text-light);font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state-icon{font-size:64px;opacity:.3;line-height:1;margin-bottom:.5rem}.empty-state-title{font-size:1rem;font-weight:600;color:var(--c-text);margin:0;font-family:inherit}.empty-state-text{font-size:.9rem;color:var(--c-text-muted);margin:0;font-family:inherit}.empty-state-action{margin-top:1rem}.spinner,.loader{border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:44px;height:44px;animation:spin .9s linear infinite}.spinner-sm{width:30px;height:30px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-primary-light) 100%);color:#fff;gap:16px;padding:2rem}.loading-container .spinner,.loading-container .loader{border-color:#ffffff4d;border-top-color:#fff}.loading-container p{font-size:1rem;margin:0;opacity:.9;font-family:inherit}.loading-container-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--c-text-muted);padding:2rem}.loading-container-inner p{font-size:.9rem;margin:0;font-family:inherit}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--c-text-muted)}.page-loading .spinner{margin-bottom:.5rem}.page-loading p{font-size:.9rem;margin:0;font-family:inherit}.tab-loading{color:var(--c-text-light);text-align:center;padding:3rem;font-family:inherit}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--c-surface);border-radius:var(--r-md);text-align:center;gap:.5rem;min-height:300px}.no-data-icon{font-size:64px;opacity:.3;line-height:1;margin-bottom:.5rem}.no-data p{font-size:1rem;color:var(--c-text-muted);margin:0;font-family:inherit}.no-data small{color:var(--c-primary-light);font-size:.875rem;font-family:inherit}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;padding:2rem}.error-icon{font-size:64px;color:var(--c-danger);opacity:.6;line-height:1}.error-title{font-size:1.1rem;font-weight:600;color:var(--c-danger);margin:0;font-family:inherit}.error-message{font-size:.9rem;color:var(--c-text-muted);margin:0;font-family:inherit;text-align:center}.skeleton{background:linear-gradient(90deg,var(--c-border) 0%,#f0f0f0 50%,var(--c-border) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--r-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:.9rem;margin-bottom:.5rem;border-radius:var(--r-xs)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:40px;width:100px;border-radius:var(--r-sm)}.coming-soon-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.coming-soon-card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border:1px solid var(--c-border);padding:3rem 2.5rem;text-align:center;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.coming-soon-icon{font-size:4rem;line-height:1;margin-bottom:.5rem}.coming-soon-title{font-size:1.5rem;font-weight:700;color:var(--c-text);margin:0;font-family:inherit}.coming-soon-desc{font-size:.95rem;color:var(--c-text-muted);margin:0;font-family:inherit;line-height:1.6}.coming-soon-badge{display:inline-block;padding:6px 16px;background:var(--c-primary-bg);color:var(--c-primary);border-radius:var(--r-pill);font-size:.8rem;font-weight:600;font-family:inherit;letter-spacing:.04em;margin-top:.5rem}@media(max-width:768px){.empty-state{padding:2rem 1rem}.loading-container{min-height:60vh}.page-loading{min-height:300px}.no-data{min-height:250px;padding:40px 15px}.error-container{min-height:300px;padding:1.5rem}}.form-group{display:flex;flex-direction:column;gap:5px}.form-group-small{max-width:120px}.form-group label,.form-label,.input-label{font-size:.8rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;font-family:inherit}.form-group input,.form-group select,.form-group textarea,.form-input{padding:9px 13px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t),box-shadow var(--t)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.form-group input.error,.form-group select.error,.form-input.error{border-color:var(--c-danger)}.form-group input.error:focus,.form-input.error:focus{box-shadow:0 0 0 3px #ff57571a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled,.form-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.form-group textarea,.form-textarea{resize:vertical;min-height:72px}.select-dropdown-wrap{position:relative;display:flex;width:100%}.select-dropdown{width:100%;appearance:none;-webkit-appearance:none;background:var(--c-primary-light);color:#fff;padding:8px 36px 8px 12px;border:none;border-radius:var(--r-sm);font-size:.875rem;font-family:inherit;cursor:pointer;outline:none;transition:background var(--t)}.select-dropdown:focus{background:var(--c-primary-light)}.select-dropdown:disabled{opacity:.6;cursor:not-allowed}.select-dropdown option{background:#fff;color:var(--c-text)}.select-dropdown-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none;font-size:1rem}.select-dropdown-wrap.filter{width:auto}.select-dropdown-wrap.filter .select-dropdown{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-xs);padding:6px 30px 6px 10px;font-size:.82rem}.select-dropdown-wrap.filter .select-dropdown:focus{background:var(--c-surface);border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.select-dropdown-wrap.filter .select-dropdown-arrow{color:var(--c-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.full{grid-template-columns:1fr}.form-section{margin-bottom:1.75rem;display:flex;flex-direction:column;gap:1rem}.form-section:last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.form-grid.full{grid-template-columns:1fr}.form-full{grid-column:1 / -1}.section-title{font-size:.95rem;font-weight:700;color:var(--c-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--c-primary-bg);text-transform:uppercase;letter-spacing:.01em;font-family:inherit}.error-message,.error-text{font-size:.75rem;color:var(--c-danger);font-family:inherit;margin-top:2px}.required{color:var(--c-danger)}.warning-text{color:var(--c-orange);font-size:.85rem;margin:.25rem 0 0}.form-group.sm{max-width:120px}.field-hint,.form-hint{font-size:.74rem;color:var(--c-text-light);font-family:inherit}.radio-group{display:flex;gap:1.25rem;padding:6px 0;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:.9rem;color:var(--c-text-muted);font-family:inherit}.radio-label input[type=radio]{cursor:pointer;accent-color:var(--c-primary)}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1.5px solid var(--c-primary-bg);margin-top:1.5rem;gap:1rem}.form-actions-left,.form-actions-right{display:flex;gap:.75rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{flex:1;padding-right:50px}.password-toggle{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:5px 10px;display:flex;align-items:center;justify-content:center;color:var(--c-text-light);transition:color var(--t);font-family:inherit}.password-toggle:hover{color:var(--c-primary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.phone-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#f5f5f5;border-radius:var(--r-sm);font-size:.875rem;font-family:inherit}.phone-prefix{font-weight:600;color:var(--c-primary)}.phone-number{color:var(--c-text)}.toggle-section{margin-bottom:1rem}.toggle-button{display:flex;align-items:center;gap:8px;background:none;border:1.5px solid var(--c-border);border-radius:var(--r-pill);padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--c-primary);cursor:pointer;transition:all var(--t);font-family:inherit}.toggle-button:hover{background:var(--c-primary-bg);border-color:var(--c-primary)}.toggle-icon{font-size:.7rem;line-height:1}.toggle-text{font-family:inherit}.phone-input-group{display:flex;gap:8px;align-items:center}.wh-search{flex:1;min-width:120px;padding:9px 14px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.875rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t),box-shadow var(--t)}.wh-search:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.wh-search::placeholder{color:var(--c-placeholder, #b0b8c1)}.wh-form{display:flex;flex-direction:column;gap:1rem}.wh-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wh-form-field{display:flex;flex-direction:column;gap:5px}.wh-form-input{padding:9px 13px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t),box-shadow var(--t)}.wh-form-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.wh-form-input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}@media(max-width:768px){.form-row,.form-grid{grid-template-columns:1fr;gap:1rem}.form-section{margin-bottom:1.25rem}.form-actions{flex-direction:column-reverse;justify-content:flex-start}.wh-form-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content,.modal{background:var(--c-surface);border-radius:var(--r-lg);width:90%;max-width:500px;box-shadow:var(--shadow-md);animation:modal-in .15s ease;display:flex;flex-direction:column;max-height:90vh}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content.modal-small,.modal.modal-sm{max-width:380px}.modal-content.modal-large,.modal.modal-lg{max-width:650px}.modal.modal-wide{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--c-border);flex-shrink:0}.modal-header h3,.modal-header h2,.modal-title{margin:0;font-size:1rem;font-weight:700;color:var(--c-text);font-family:inherit}.modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--c-text-light);line-height:1;padding:0 4px;transition:all var(--t);border-radius:var(--r-sm);font-family:inherit}.modal-close:hover{color:var(--c-text);background:var(--c-bg)}.modal-close:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.modal-body p{margin:0;color:var(--c-text-muted);font-size:.9rem;font-family:inherit;line-height:1.5}.modal-body strong{color:var(--c-text);font-weight:600}.modal-body .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.78rem;color:var(--c-text-light);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-family:inherit}.detail-value{font-size:.95rem;color:var(--c-text);font-weight:600;font-family:inherit}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:16px 22px;border-top:1px solid var(--c-border);flex-shrink:0}.modal-body .form-group{margin-bottom:.5rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .section-title{margin-top:1rem;margin-bottom:1rem}.modal-section,.oc-modal-section{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--c-border)}.modal-section:last-child,.oc-modal-section:last-child{border-bottom:none;padding-bottom:0}.modal-section-label,.oc-modal-label{font-size:.8rem;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;font-family:inherit}.modal-hint,.oc-modal-hint{font-size:.82rem;color:var(--c-text-muted);margin:0;line-height:1.5;font-family:inherit}.modal-check-row,.oc-modal-check-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--c-text);cursor:pointer;font-family:inherit}.modal-select,.oc-modal-select{width:100%;padding:9px 13px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t)}.modal-select:focus,.oc-modal-select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.modal-input,.oc-modal-input{padding:9px 13px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color var(--t)}.modal-input:focus,.oc-modal-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.modal-required{color:var(--c-danger)}.modal-optional{color:var(--c-text-light);font-weight:400;font-size:.78rem}.modal-delivery-row{display:flex;gap:.75rem}.modal-confirmation .modal-body{text-align:center}.modal-confirmation .modal-body p{margin:1rem 0}@media(max-width:640px){.modal-content,.modal,.modal-lg,.modal-wide{width:95%!important;max-width:100%!important}.modal-header,.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px;gap:.5rem}.modal-body .detail-grid{grid-template-columns:1fr}.modal-body .detail-grid .detail-item{grid-column:1 / -1}}.panel{border-top:1.5px solid var(--c-border);background:var(--c-surface);display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c-border);background:var(--c-bg);padding:0 12px 0 0}.panel-search-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--c-border);background:var(--c-surface)}.panel-list{flex:1;overflow-y:auto;max-height:360px}@media(max-width:768px){.panel-list{max-height:280px}}.oc-modal-overlay{--modal-z: 2000}.sp-modal-overlay{--modal-z: 500}.op-modal-overlay{--modal-z: 2000}.permission-assignment{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px}.permission-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.permission-header h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#333}.permission-subtitle{margin:0;color:#666;font-size:.875rem}.permission-selector{margin-bottom:2rem;position:relative}.permission-selector label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9375rem}.permission-selector select{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;background:#fff;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.permission-selector select:hover{border-color:var(--c-primary)}.permission-selector select:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #4154b51a}.permission-selector select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.permission-selector select.has-changes{border-color:var(--c-orange)}.permission-changed-badge{position:absolute;top:0;right:0;background:var(--c-orange);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.permission-details{background:var(--c-bg);border-radius:8px;padding:1.5rem}.permission-details h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#333}.permission-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.permission-feature{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:6px;background:#fff;border:2px solid #e0e0e0}.permission-feature.enabled{border-color:var(--c-success);background:var(--c-success-bg)}.permission-feature.disabled{border-color:var(--c-danger);background:#fef5f5;opacity:.7}.feature-icon{font-weight:700;font-size:1.125rem;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.permission-feature.enabled .feature-icon{color:var(--c-success)}.permission-feature.disabled .feature-icon{color:var(--c-danger)}.feature-name{font-size:.9375rem;font-weight:500;color:#1a1a1a;line-height:1.4}.permission-warning{margin-top:1rem;padding:.75rem 1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.875rem;text-align:center}@media(max-width:768px){.permission-assignment{padding:1rem}.permission-features{grid-template-columns:1fr}.permission-changed-badge{position:static;display:inline-block;margin-top:.5rem}}.additional-permissions{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px}.additional-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.additional-header h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#333}.additional-subtitle{margin:0;color:#666;font-size:.875rem}.additional-count{color:var(--c-primary);font-weight:600}.additional-empty{text-align:center;color:#999;padding:2rem;font-size:.875rem;background:var(--c-bg);border-radius:8px}.additional-list{display:flex;flex-direction:column;gap:1rem}.additional-item{display:flex;justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;transition:all .2s;background:#fff}.additional-item:hover{background:var(--c-bg);border-color:var(--c-primary)}.additional-info{flex:1;display:flex;flex-direction:column;gap:.375rem}.additional-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.info-button{background:transparent;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;opacity:.6;transition:opacity .2s;line-height:1}.info-button:hover{opacity:1}.additional-name{font-weight:600;color:#1a1a1a;font-size:1rem}.additional-desc{color:#555;font-size:.875rem;line-height:1.5;font-weight:400}.additional-warning{margin-top:1rem;padding:.75rem 1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.875rem;text-align:center}@media(max-width:768px){.additional-permissions{padding:1rem}.additional-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}}.order-recipient{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px}.order-recipient-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.order-recipient-header h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#333}.order-recipient-subtitle{margin:0;color:#666;font-size:.875rem}.order-recipient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.order-recipient-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s;text-align:left}.order-recipient-card:hover:not(:disabled){border-color:var(--c-primary);box-shadow:0 4px 12px #4154b51a;transform:translateY(-2px)}.order-recipient-card.selected{border-color:var(--c-primary);background:linear-gradient(135deg,var(--c-primary-bg) 0%,#ffffff 100%);box-shadow:0 4px 16px #4154b526}.order-recipient-card:disabled{cursor:not-allowed;opacity:.5}.card-icon{font-size:2.5rem;line-height:1}.card-content{flex:1}.card-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:#333}.card-description{margin:0 0 .5rem;color:#555;font-size:.9375rem;line-height:1.5}.card-note{margin:0;color:var(--c-primary);font-size:.8125rem;font-weight:500;line-height:1.4}.card-selected-badge{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--c-primary);color:#fff;border-radius:50%;font-size:1.125rem;font-weight:700}.order-recipient-warning{padding:.75rem 1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.875rem;text-align:center;margin:0}@media(max-width:768px){.order-recipient{padding:1rem}.order-recipient-grid{grid-template-columns:1fr;gap:1rem}.order-recipient-card{padding:1.25rem}.card-icon{font-size:2rem}.card-title{font-size:1rem}.card-description{font-size:.875rem}.card-note{font-size:.75rem}}.order-sender{margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:8px}.order-sender-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.order-sender-header h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#333}.order-sender-subtitle{margin:0;color:#666;font-size:.875rem}.order-sender-count{color:var(--c-success);font-weight:600}.order-sender-empty{text-align:center;color:#999;padding:2rem;font-size:.875rem;background:var(--c-bg);border-radius:8px}.order-sender-list{display:flex;flex-direction:column;gap:1rem}.order-sender-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s;background:#fff}.order-sender-item:hover{background:var(--c-bg);border-color:var(--c-primary)}.order-sender-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.order-sender-store-name{font-weight:600;color:#333;font-size:.9375rem;margin:0}.order-sender-store-address{color:#666;font-size:.875rem;margin:0;line-height:1.4}.order-sender-warning{margin-top:1rem;padding:.75rem 1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:.875rem;text-align:center}@media(max-width:768px){.order-sender{padding:1rem}.order-sender-item{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}}.tabs,.profile-tabs,.sp-tabs,.wh-tabs{display:flex;gap:0;border-bottom:2px solid var(--c-border);margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar,.profile-tabs::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track,.profile-tabs::-webkit-scrollbar-track{background:transparent}.tabs::-webkit-scrollbar-thumb,.profile-tabs::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:2px}.tab,.tab-btn,.sp-tab,.wh-tab{background:none;border:none;padding:11px 22px;cursor:pointer;font-size:.875rem;color:var(--c-text-light);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--t);font-weight:500;letter-spacing:.01em;white-space:nowrap;font-family:inherit;flex-shrink:0}.tab:hover,.tab-btn:hover,.sp-tab:hover,.wh-tab:hover{color:var(--c-primary)}.tab.active,.tab-btn.active,.sp-tab.active,.wh-tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:700}.tab-content{display:none}.tab-content.active,.tab-pane.active{display:block}.tab-content-body{padding:1rem 0}.tab-body{display:flex;flex-direction:column;gap:1.5rem}.tab-content.fade{opacity:0;transition:opacity var(--t)}.tab-content.fade.active,.tab-pane.fade.in{opacity:1}.tabs.tabs-pills{border-bottom:none;gap:.5rem}.tabs.tabs-pills .tab,.tabs.tabs-pills .tab-btn{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:8px 16px;margin-bottom:0;border-bottom:none}.tabs.tabs-pills .tab.active,.tabs.tabs-pills .tab-btn.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.tab-section{display:flex;flex-direction:column;gap:0}.tab-section-header{display:flex;border-bottom:2px solid var(--c-border)}.tab-section-content{padding:1.5rem 0}.tabs-vertical{display:flex;gap:1rem;border-bottom:none}.tabs-vertical-nav{display:flex;flex-direction:column;gap:0;border-right:2px solid var(--c-border);border-bottom:none;min-width:150px}.tabs-vertical-nav .tab,.tabs-vertical-nav .tab-btn{border-bottom:2px solid transparent;border-right:3px solid transparent;margin-bottom:0;margin-right:-2px;padding:9px 16px;text-align:left}.tabs-vertical-nav .tab.active,.tabs-vertical-nav .tab-btn.active{border-bottom:none;border-right-color:var(--c-primary)}.tabs-vertical-content{flex:1}.tab-with-icon{display:flex;align-items:center;gap:6px}.tab-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.tab-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--c-danger);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;margin-left:4px;flex-shrink:0}.tabs-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--c-border);margin-bottom:1.5rem}.tabs-list{display:flex;gap:0}.tabs-actions{display:flex;gap:.5rem;margin-left:auto;margin-bottom:-2px}.tab:disabled,.tab-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.tabs,.profile-tabs{overflow-x:auto;margin-bottom:1rem}.tab,.tab-btn,.sp-tab,.wh-tab{padding:9px 14px;font-size:.82rem;white-space:nowrap}.tabs-vertical{flex-direction:column;gap:0}.tabs-vertical-nav{border-right:none;border-bottom:2px solid var(--c-border);flex-direction:row;min-width:auto;overflow-x:auto}.tabs-vertical-nav .tab,.tabs-vertical-nav .tab-btn{border-right:none;border-bottom:2px solid transparent;margin-right:0;margin-bottom:-2px}.tabs-vertical-nav .tab.active,.tabs-vertical-nav .tab-btn.active{border-right:none;border-bottom-color:var(--c-primary)}.tabs-vertical-content{padding-top:1rem}.tab-section-header{overflow-x:auto}}.list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.list.compact{gap:.5rem}.list.spaced{gap:1rem}.list.bordered{gap:0;border:1.5px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface)}.list-card,.list-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all var(--t);font-family:inherit}.list-card:hover{background:var(--c-surface-hover);border-color:var(--c-primary);box-shadow:var(--shadow-sm)}.list-card.disabled{opacity:.6;pointer-events:none}.list-card.active{background:var(--c-primary-bg);border-color:var(--c-primary)}.list-card.clickable,.list-item.clickable{cursor:pointer}.list-card-body,.list-item-body{flex:1;display:flex;align-items:center;gap:1rem;min-width:0}.list-card-avatar,.list-item-avatar{width:40px;height:40px;border-radius:50%;background:var(--c-primary-bg);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;overflow:hidden}.list-card-avatar img,.list-item-avatar img{width:100%;height:100%;object-fit:cover}.list-card-content,.list-item-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.list-card-title,.list-item-title{margin:0;font-size:.95rem;font-weight:600;color:var(--c-text);font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card-subtitle,.list-item-subtitle{margin:0;font-size:.8rem;color:var(--c-text-muted);font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-card-meta{font-size:.75rem;color:var(--c-text-light);font-family:inherit}.list-card-actions,.list-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.product-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--c-border);gap:1rem;background:var(--c-surface)}.product-row:last-child{border-bottom:none}.product-row:hover{background:var(--c-surface-hover)}.product-image{width:40px;height:40px;border-radius:var(--r-xs);background:var(--c-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:1.2rem}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.product-name{margin:0;font-size:.9rem;font-weight:600;color:var(--c-text);font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-supplier{margin:0;font-size:.78rem;color:var(--c-text-light);font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--c-border);gap:1rem;background:var(--c-surface);transition:background var(--t)}.item-row:last-child{border-bottom:none}.item-row:hover{background:var(--c-surface-hover);cursor:pointer}.item-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--c-primary);flex-shrink:0}.item-primary{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.item-name{margin:0;font-size:.95rem;font-weight:600;color:var(--c-text);font-family:inherit}.item-description{margin:0;font-size:.8rem;color:var(--c-text-muted);font-family:inherit}.item-details{display:flex;align-items:center;gap:1rem;flex-shrink:0}.item-detail{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.item-detail-value{font-size:.9rem;font-weight:600;color:var(--c-text);font-family:inherit}.item-detail-label{font-size:.7rem;color:var(--c-text-light);text-transform:uppercase;letter-spacing:.02em;font-family:inherit}.list-header{display:flex;align-items:center;gap:1rem;padding:12px 16px;background:var(--c-bg);border-bottom:2px solid var(--c-border);font-weight:600;font-size:.85rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:.5rem;font-family:inherit}.list-footer{display:flex;align-items:center;justify-content:center;padding:1rem;border-top:1px solid var(--c-border);background:var(--c-bg)}.list-load-more{padding:8px 16px;background:var(--c-primary);color:#fff;border:none;border-radius:var(--r-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--t);font-family:inherit}.list-load-more:hover{background:var(--c-primary-dark);transform:translateY(-1px)}.card-wrapper{border:1.5px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface);transition:box-shadow var(--t)}.card-wrapper:hover{box-shadow:var(--shadow-sm)}.item-row.active{background:var(--c-primary-bg);border-left:3px solid var(--c-primary)}.item-row.no-hover{cursor:default}.item-row.no-hover:hover{background:var(--c-surface)}.item-row-header{cursor:default!important;min-height:36px}.item-row-header:hover{background:var(--c-surface-2, #f8f9fa)!important}.expandable-panel{border-top:1px solid var(--c-border);background:var(--c-bg);padding:12px 16px}@media(max-width:768px){.list-card,.list-item,.product-row,.item-row{padding:10px 12px;gap:.75rem}.list-card-avatar,.list-item-avatar,.product-image{width:36px;height:36px;font-size:1rem}.list-card-title,.list-item-title,.product-name,.item-name{font-size:.9rem}.list-card-subtitle,.list-item-subtitle,.product-supplier,.item-description{font-size:.75rem}.list-card-actions,.list-item-actions{gap:.25rem}.item-details{gap:.75rem}.list-header{padding:10px 12px;font-size:.8rem}.list-card-body{gap:.75rem}}.wh-screen{display:flex;flex-direction:column;gap:1rem}.wh-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.wh-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.wh-toolbar{display:flex;align-items:center;gap:8px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px 14px;box-shadow:var(--shadow-xs);flex-wrap:wrap}.wh-search{flex:1;min-width:180px;padding:7px 12px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.88rem;font-family:inherit;color:var(--c-text);background:var(--c-bg);outline:none}.wh-search:focus{border-color:var(--c-primary)}.wh-count{font-size:.82rem;color:var(--c-text-muted);white-space:nowrap;margin-left:auto}.wh-tabs{display:flex;gap:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-xs)}.wh-tab{flex:1;padding:10px 16px;font-size:.88rem;font-weight:600;color:var(--c-text-muted);background:none;border:none;cursor:pointer;transition:all var(--t);border-right:1px solid var(--c-border)}.wh-tab:last-child{border-right:none}.wh-tab:hover{background:var(--c-bg);color:var(--c-text)}.wh-tab.active{background:var(--c-primary-bg);color:var(--c-primary)}.wh-cards{display:flex;flex-direction:column;gap:.75rem}.wh-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:16px;box-shadow:var(--shadow-xs);display:flex;align-items:flex-start;gap:12px}.wh-card-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}.wh-card-info{flex:1;min-width:0}.wh-card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.wh-card-name{font-size:1rem;font-weight:700;color:var(--c-text)}.wh-card-desc{font-size:.82rem;color:var(--c-text-muted);margin-bottom:8px}.wh-card-meta{font-size:.78rem;color:var(--c-text-muted)}.wh-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.badge-status-active{background:var(--c-stock-ok-bg);color:var(--c-stock-ok)}.badge-status-inactive{background:var(--c-bg);color:var(--c-stock-overstock)}.stock-ok{color:var(--c-stock-ok);font-weight:700}.stock-understock{color:var(--c-stock-understock);font-weight:700}.stock-empty{color:var(--c-danger);font-weight:700}.stock-overstock{color:var(--c-primary);font-weight:700}.stock-none{color:var(--c-text-muted)}.stock-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;flex-shrink:0}.stock-dot-ok{background:var(--c-stock-ok)}.stock-dot-understock{background:var(--c-stock-understock)}.stock-dot-empty{background:var(--c-danger)}.stock-dot-overstock{background:var(--c-primary)}.stock-dot-none{background:#cbd5e1}.wp-list{display:flex;flex-direction:column;gap:.5rem}.wp-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-xs);transition:border-color var(--t)}.wp-row:hover{border-color:var(--c-primary-light)}.wp-row.wp-row-understock{border-left:3px solid var(--c-stock-understock)}.wp-row.wp-row-empty{border-left:3px solid var(--c-danger)}.wp-row.wp-row-ok{border-left:3px solid var(--c-stock-ok)}.wp-row-check input{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer}.wp-row-info{flex:1;min-width:0}.wp-row-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}.wp-row-name{font-size:.92rem;font-weight:700;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.wp-row-badges{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.wp-row-stock{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--c-text-muted)}.wp-stock-val{font-weight:700;font-size:.95rem}.wp-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.wh-section-header{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted)}.wh-section-header hr{flex:1;border:none;border-top:1px solid var(--c-border);margin:0}.wh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);text-align:center;color:var(--c-text-muted)}.wh-empty-icon{font-size:2.5rem}.wh-empty p{margin:0;font-size:.9rem}.wh-step-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--c-primary-bg);border:1px solid var(--c-primary-light);border-radius:var(--r-sm);margin-bottom:8px}.wh-step-banner-text{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.wh-step-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--c-primary);color:#fff;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:2px}.wh-step-banner-text strong{display:block;font-size:.9rem;color:var(--c-text);margin-bottom:2px}.wh-step-banner-text p{margin:0;font-size:.8rem;color:var(--c-text-light)}.wh-description{font-size:.85rem;color:var(--c-text-light);margin:0 0 12px;line-height:1.5}.wh-select-bar{display:flex;align-items:center;gap:10px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px 16px;box-shadow:var(--shadow-xs)}.wh-select-label{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--c-text);cursor:pointer;flex:1}.wh-select-label input{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer}.wh-form{display:flex;flex-direction:column;gap:14px}.wh-form-row{display:flex;gap:12px}.wh-form-field{display:flex;flex-direction:column;gap:5px;flex:1}.wh-form-field label{font-size:.82rem;font-weight:600;color:var(--c-text-muted)}.wh-form-input,.wh-form-select{padding:8px 12px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none}.wh-form-input:focus,.wh-form-select:focus{border-color:var(--c-primary)}.wh-form-input[type=number]{-moz-appearance:textfield}.wh-form-input[type=number]::-webkit-inner-spin-button{opacity:1}.wh-form-checkbox-row{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--c-text);cursor:pointer}.wh-form-checkbox-row input{width:16px;height:16px;accent-color:var(--c-primary);cursor:pointer}.wh-selector{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--c-text)}.wh-selector select{padding:7px 12px;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font-size:.88rem;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;cursor:pointer}.wh-selector select:focus{border-color:var(--c-primary)}.sync-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.sync-badge-active{background:var(--c-stock-ok-bg);color:var(--c-stock-ok)}.sync-badge-none{background:var(--c-bg);color:var(--c-text-muted);border:1px solid var(--c-border)}.sync-badge-used{background:var(--c-stock-understock-bg);color:var(--c-stock-understock-dark)}.sync-pair-list{display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.sync-pair-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid transparent;transition:background var(--t)}.sync-pair-row:hover{background:var(--c-bg);border-color:var(--c-border)}.sync-pair-row-used{opacity:.6}.sync-pair-name{flex:1;font-size:.9rem;color:var(--c-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-wide{max-width:560px}@media(max-width:640px){.wh-form-row{flex-direction:column}.wp-row-name{max-width:200px}}.access-denied-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.access-denied-card{background:#fff;border-radius:12px;padding:3rem 2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 6px #0000001a;border:1px solid #e0e0e0}.access-denied-icon{font-size:4rem;margin-bottom:1.5rem;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.access-denied-title{color:var(--c-danger);font-size:1.75rem;margin:0 0 1rem;font-weight:600}.access-denied-message{color:#555;font-size:1rem;margin:0 0 2rem;line-height:1.6}.access-denied-info{background:#f5f5f5;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.info-label{font-size:.875rem;color:#666;margin:0 0 .5rem;font-weight:500}.info-value{font-size:1.125rem;color:#333;margin:0 0 1rem;font-weight:600}.access-denied-hint{font-size:.875rem;color:#666;margin:1rem 0 0;line-height:1.5;font-style:italic}.back-button{background:var(--c-primary);color:#fff;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem}.back-button:hover{background:var(--c-primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #4154b54d}.back-button:active{transform:translateY(0)}@media(max-width:768px){.access-denied-card{padding:2rem 1.5rem}.access-denied-icon{font-size:3rem}.access-denied-title{font-size:1.5rem}}#root{margin:0;padding:0;width:100%;min-height:100vh}