@charset "UTF-8";:root{--bg-page: #f9fafb;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f3f4f6;--bg-muted: #f1f5f9;--bg-subtle: #f8fafc;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-faint: #64748b;--border: #e5e7eb;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}[data-theme=dark]{color-scheme:dark;--bg-page: #0f1117;--bg-card: #1a1f2e;--bg-input: #1e2434;--bg-hover: #252d3d;--bg-muted: #1e2434;--bg-subtle: #161b27;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-faint: #475569;--border: #2d3748;--border-light: #252d3d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,system-ui;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:6px;border:3px solid transparent;background-clip:content-box;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:#00000059}::-webkit-scrollbar-thumb:active{background-color:#00000080}::-webkit-scrollbar-corner{background:transparent}[data-theme=dark] ::-webkit-scrollbar-thumb,.dark ::-webkit-scrollbar-thumb,.dark-mode ::-webkit-scrollbar-thumb,[class*=dark] ::-webkit-scrollbar-thumb,[style*="background: #"] ::-webkit-scrollbar-thumb,[style*="background:#"] ::-webkit-scrollbar-thumb,[style*="background-color: #"] ::-webkit-scrollbar-thumb{background-color:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,.dark ::-webkit-scrollbar-thumb:hover,.dark-mode ::-webkit-scrollbar-thumb:hover,[class*=dark] ::-webkit-scrollbar-thumb:hover,[style*="background: #"] ::-webkit-scrollbar-thumb:hover,[style*="background:#"] ::-webkit-scrollbar-thumb:hover,[style*="background-color: #"] ::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}[data-theme=dark] ::-webkit-scrollbar-thumb:active,.dark ::-webkit-scrollbar-thumb:active,.dark-mode ::-webkit-scrollbar-thumb:active,[class*=dark] ::-webkit-scrollbar-thumb:active,[style*="background: #"] ::-webkit-scrollbar-thumb:active,[style*="background:#"] ::-webkit-scrollbar-thumb:active,[style*="background-color: #"] ::-webkit-scrollbar-thumb:active{background-color:#ffffff80}.sidebar::-webkit-scrollbar-thumb,.modal--dark::-webkit-scrollbar-thumb,.panel--dark::-webkit-scrollbar-thumb,nav[class*=dark]::-webkit-scrollbar-thumb,aside[class*=dark]::-webkit-scrollbar-thumb{background-color:#ffffff26}.sidebar::-webkit-scrollbar-thumb:hover,.modal--dark::-webkit-scrollbar-thumb:hover,.panel--dark::-webkit-scrollbar-thumb:hover,nav[class*=dark]::-webkit-scrollbar-thumb:hover,aside[class*=dark]::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.sidebar::-webkit-scrollbar-thumb:active,.modal--dark::-webkit-scrollbar-thumb:active,.panel--dark::-webkit-scrollbar-thumb:active,nav[class*=dark]::-webkit-scrollbar-thumb:active,aside[class*=dark]::-webkit-scrollbar-thumb:active{background-color:#ffffff73}.bg-primary::-webkit-scrollbar-thumb,.bg-secondary::-webkit-scrollbar-thumb,.bg-success::-webkit-scrollbar-thumb,.bg-danger::-webkit-scrollbar-thumb,.bg-warning::-webkit-scrollbar-thumb,.bg-info::-webkit-scrollbar-thumb,[class*=bg-]::-webkit-scrollbar-thumb{background-color:#ffffff40}.bg-primary::-webkit-scrollbar-thumb:hover,.bg-secondary::-webkit-scrollbar-thumb:hover,.bg-success::-webkit-scrollbar-thumb:hover,.bg-danger::-webkit-scrollbar-thumb:hover,.bg-warning::-webkit-scrollbar-thumb:hover,.bg-info::-webkit-scrollbar-thumb:hover,[class*=bg-]::-webkit-scrollbar-thumb:hover{background-color:#fff6}.bg-primary::-webkit-scrollbar-thumb:active,.bg-secondary::-webkit-scrollbar-thumb:active,.bg-success::-webkit-scrollbar-thumb:active,.bg-danger::-webkit-scrollbar-thumb:active,.bg-warning::-webkit-scrollbar-thumb:active,.bg-info::-webkit-scrollbar-thumb:active,[class*=bg-]::-webkit-scrollbar-thumb:active{background-color:#ffffff8c}pre::-webkit-scrollbar,code::-webkit-scrollbar,.code-block::-webkit-scrollbar,.terminal::-webkit-scrollbar{width:10px;height:10px}pre::-webkit-scrollbar-thumb,code::-webkit-scrollbar-thumb,.code-block::-webkit-scrollbar-thumb,.terminal::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:5px;border:2px solid transparent}pre::-webkit-scrollbar-thumb:hover,code::-webkit-scrollbar-thumb:hover,.code-block::-webkit-scrollbar-thumb:hover,.terminal::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}@media(max-width:768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:4px}}:root{--scrollbar-thumb-light: rgba(0, 0, 0, .2);--scrollbar-thumb-light-hover: rgba(0, 0, 0, .35);--scrollbar-thumb-dark: rgba(255, 255, 255, .2);--scrollbar-thumb-dark-hover: rgba(255, 255, 255, .35)}.scrollbar-dark::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-dark)}.scrollbar-dark::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-dark-hover)}.scrollbar-light::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-light)}.scrollbar-light::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-light-hover)}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}[data-theme=dark],.dark,.dark-mode{scrollbar-color:rgba(255,255,255,.2) transparent}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-primary::-webkit-scrollbar-thumb{background-color:#6366f14d}.scrollbar-primary::-webkit-scrollbar-thumb:hover{background-color:#6366f180}.scrollbar-success::-webkit-scrollbar-thumb{background-color:#22c55e4d}.scrollbar-success::-webkit-scrollbar-thumb:hover{background-color:#22c55e80}.scrollbar-danger::-webkit-scrollbar-thumb{background-color:#ef44444d}.scrollbar-danger::-webkit-scrollbar-thumb:hover{background-color:#ef444480}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;background-color:var(--bg-input);color:var(--text-primary)}select:after{content:"▼";position:absolute;right:10px;pointer-events:none}select::-ms-expand{display:none}select:focus{outline:none;border-color:#6366f1}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid var(--border);background-color:var(--bg-input);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;position:relative;vertical-align:middle}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#6366f1;border-color:#6366f1}input[type=checkbox]:checked:after,input[type=radio]:checked:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:#6366f1}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]{border-radius:4px}input[type=radio]{border-radius:50%}input[type=radio]:checked:after{background:none;width:8px;height:8px;min-width:unset;border-radius:50%;background-color:#fff;inset:unset;top:50%;left:50%;transform:translate(-50%,-50%)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea{background-color:var(--bg-input);color:var(--text-primary)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color])::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):-webkit-autofill,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):-webkit-autofill:hover,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)}html{transition:background-color .2s ease,color .2s ease}body,.dashboard,.user-management,.permissions-management,.sales-page{transition:background-color .2s ease}main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}@media(max-width:1024px){main{margin-left:0}main__menu-toggle{display:flex}}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;max-width:400px}.toast{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-lg);border-left:4px solid;animation:toastSlideIn .3s ease;min-width:320px}.toast__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast__icon svg{width:100%;height:100%}.toast__content{flex:1;min-width:0}.toast__message{margin:0;font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.5}.toast__close{flex-shrink:0;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .3s ease}.toast__close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast--success{border-left-color:#10b981}.toast--success .toast__icon{color:#10b981}.toast--error{border-left-color:#ef4444}.toast--error .toast__icon{color:#ef4444}.toast--warning{border-left-color:#f59e0b}.toast--warning .toast__icon{color:#f59e0b}.toast--info{border-left-color:#3b82f6}.toast--info .toast__icon{color:#3b82f6}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.protected-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:var(--text-secondary);flex-direction:column;gap:1rem;background:var(--bg-page)}.protected-spinner{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid #6366f1;border-radius:50%;animation:protected-spin 1s linear infinite}@keyframes protected-spin{to{transform:rotate(360deg)}}.auth-container .auth-card{background:var(--bg-card);border-radius:1rem;box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:2.5rem}.auth-container .auth-card .auth-header .logo-container .logo-icon{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.auth-container .auth-card .auth-form .error-message{display:flex;align-items:center;gap:.75rem;background:color-mix(in srgb,#ef4444 10%,white);color:#ef4444;padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;border:1px solid color-mix(in srgb,#ef4444 20%,white)}.auth-container .auth-card .auth-form .error-message svg{width:20px;height:20px;flex-shrink:0}.auth-container .auth-card .auth-form .error-message span{flex:1}.auth-container .auth-card .auth-form .submit-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:var(--bg-card);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-md);transition:all .3s ease}.auth-container .auth-card .auth-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:480px){.auth-container{padding:1rem}.auth-container .auth-card{padding:2rem 1.5rem}.auth-container .auth-card .auth-header h1{font-size:1.5rem}.auth-container .auth-card .auth-form .form-group{margin-bottom:1.25rem}.auth-container .auth-card .auth-form .form-group .input-wrapper input{padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem}.auth-container .auth-card .auth-form .submit-button{padding:.75rem 1.25rem;font-size:.938rem}}@media(max-width:360px){.auth-container .auth-card .auth-header .logo-container .logo-icon{width:50px;height:50px}.auth-container .auth-card .auth-header .logo-container .logo-icon svg{width:26px;height:26px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.auth-container .auth-card{background:var(--bg-card);border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;width:100%;max-width:420px;padding:2.5rem}.auth-container .auth-card .auth-header{text-align:center;margin-bottom:2rem}.auth-container .auth-card .auth-header .logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.auth-container .auth-card .auth-header .logo-container .logo-icon{width:60px;height:60px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a}.auth-container .auth-card .auth-header .logo-container .logo-icon svg{width:32px;height:32px;color:var(--bg-card)}.auth-container .auth-card .auth-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-container .auth-card .auth-header p{font-size:.938rem;color:var(--text-secondary)}.auth-container .auth-card .success-message{display:flex;align-items:flex-start;gap:.75rem;background:color-mix(in srgb,#10b981 10%,white);color:#10b981;padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;border:1px solid color-mix(in srgb,#10b981 20%,white)}.auth-container .auth-card .success-message svg{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.auth-container .auth-card .success-message div{flex:1;display:flex;flex-direction:column;gap:.25rem}.auth-container .auth-card .success-message div strong{font-weight:600;color:#059669}.auth-container .auth-card .success-message div span{font-size:.813rem;color:#10b981}.auth-container .auth-card .error-message{display:flex;align-items:center;gap:.75rem;background:color-mix(in srgb,#ef4444 10%,white);color:#ef4444;padding:.875rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;border:1px solid color-mix(in srgb,#ef4444 20%,white)}.auth-container .auth-card .error-message svg{width:20px;height:20px;flex-shrink:0}.auth-container .auth-card .error-message span{flex:1}.auth-container .auth-card .auth-form .form-group{margin-bottom:1.5rem}.auth-container .auth-card .auth-form .form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.auth-container .auth-card .auth-form .form-group .input-wrapper{position:relative;display:flex;align-items:center}.auth-container .auth-card .auth-form .form-group .input-wrapper .input-icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--text-secondary);pointer-events:none}.auth-container .auth-card .auth-form .form-group .input-wrapper input{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:.938rem;border:1.5px solid var(--border);border-radius:.5rem;background:var(--bg-card);color:var(--text-primary);transition:all .3s ease}.auth-container .auth-card .auth-form .form-group .input-wrapper input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.auth-container .auth-card .auth-form .form-group .input-wrapper input::placeholder{color:color-mix(in srgb,var(--text-secondary) 70%,white)}.auth-container .auth-card .auth-form .form-group .input-wrapper input:disabled{background-color:var(--bg-page);cursor:not-allowed}.auth-container .auth-card .auth-form .form-group .input-wrapper .toggle-password{position:absolute;right:1rem;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .3s ease}.auth-container .auth-card .auth-form .form-group .input-wrapper .toggle-password:hover{color:var(--text-primary)}.auth-container .auth-card .auth-form .form-group .input-wrapper .toggle-password svg{width:20px;height:20px}.auth-container .auth-card .auth-form .form-group .password-strength{margin-top:.5rem;font-size:.813rem;font-weight:500}.auth-container .auth-card .auth-form .form-group .password-strength--weak{color:#ef4444}.auth-container .auth-card .auth-form .form-group .password-strength--medium{color:#f59e0b}.auth-container .auth-card .auth-form .form-group .password-strength--strong{color:#10b981}.auth-container .auth-card .auth-form .form-group .validation-error{margin-top:.5rem;font-size:.813rem;color:#ef4444;font-weight:500}.auth-container .auth-card .auth-form .submit-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:var(--bg-card);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.auth-container .auth-card .auth-form .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.auth-container .auth-card .auth-form .submit-button:active:not(:disabled){transform:translateY(0)}.auth-container .auth-card .auth-form .submit-button:disabled{opacity:.7;cursor:not-allowed}.auth-container .auth-card .auth-form .submit-button svg{width:20px;height:20px}.auth-container .auth-card .auth-form .submit-button .spinner{width:18px;height:18px;border:2px solid rgba(var(--bg-card),.3);border-top-color:var(--bg-card);border-radius:50%;animation:spin .8s linear infinite}.auth-container .auth-card .auth-footer{margin-top:1.5rem;text-align:center}.auth-container .auth-card .auth-footer .forgot-password{color:#6366f1;text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .3s ease}.auth-container .auth-card .auth-footer .forgot-password:hover{color:#4f46e5;text-decoration:underline}.auth-container .auth-card .auth-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.auth-container .auth-card .auth-info p{font-size:.813rem;color:var(--text-secondary);margin:0}.no-access-info{background:linear-gradient(135deg,#ef44440d,#ef444414);border:1.5px solid rgba(239,68,68,.2);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1rem;align-items:flex-start}.no-access-info__icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #ef44444d}.no-access-info__icon svg{width:22px;height:22px;color:var(--bg-card)}.no-access-info__content{flex:1}.no-access-info__title{font-size:.938rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.no-access-info__text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.no-access-info__email{font-size:.813rem;color:var(--text-secondary);background:var(--bg-card);padding:.625rem .875rem;border-radius:.375rem;border:1px solid var(--border);margin:0}.no-access-info__email strong{color:var(--text-primary)}.no-access-actions{margin-bottom:1.5rem}.no-access-actions .submit-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.no-access-actions .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #ef444466}.no-access-help{font-size:.875rem;color:var(--text-secondary);margin:0}@media(max-width:480px){.auth-container{padding:1rem}.auth-container .auth-card{padding:2rem 1.5rem}.auth-container .auth-card .auth-header h1{font-size:1.5rem}.auth-container .auth-card .auth-header p{font-size:.875rem}.auth-container .auth-card .auth-form .form-group{margin-bottom:1.25rem}.auth-container .auth-card .auth-form .form-group .input-wrapper input{padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem}.auth-container .auth-card .auth-form .submit-button{padding:.75rem 1.25rem;font-size:.938rem}.no-access-info{flex-direction:column;padding:1.25rem}.no-access-info__icon{width:36px;height:36px}.no-access-info__icon svg{width:20px;height:20px}}@media(max-width:360px){.auth-container .auth-card .auth-header .logo-container .logo-icon{width:50px;height:50px}.auth-container .auth-card .auth-header .logo-container .logo-icon svg{width:26px;height:26px}.auth-container .auth-card .auth-header h1{font-size:1.375rem}}.no-access{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-page);padding:2rem}.no-access__card{background:var(--bg-card);border-radius:12px;box-shadow:var(--shadow-md);border:1px solid var(--border);padding:3rem;max-width:500px;width:100%;text-align:center}.no-access__icon{width:80px;height:80px;margin:0 auto 2rem;background:#ef44441a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.no-access__title{font-size:1.8rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.no-access__message{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.6}.no-access__hint{font-size:.95rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.no-access__user-info{background:var(--bg-page);border:1px solid var(--border);padding:1rem;border-radius:8px;margin-bottom:2rem;font-size:.9rem;color:var(--text-secondary)}.no-access__btn-logout{background:#ef4444;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%}.no-access__btn-logout:hover{background:#dc2626}.no-access__support{margin-top:2rem;font-size:.85rem;color:var(--text-muted)}.no-access__support a{color:#6366f1;text-decoration:none}.no-access__support a:hover{text-decoration:underline}.sidebar{width:280px;background:#1f2937;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000;overflow-y:auto;transition:transform .3s ease}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar__logo{padding:1.5rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__logo-icon svg{width:24px;height:24px;color:#fff}.sidebar__logo-text{font-size:1.25rem;font-weight:700;color:#fff}.sidebar__nav{flex:1;padding:1.25rem 0;overflow-y:auto}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar__nav-divider{height:1px;background:#ffffff1a;margin:.75rem 1.25rem}.sidebar__nav-item-wrapper{margin-bottom:.25rem}.sidebar__nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:transparent;border:none;color:#ffffffb3;font-size:.938rem;cursor:pointer;transition:all .3s ease;text-align:left;position:relative}.sidebar__nav-item:hover{background:#ffffff0d;color:#fff}.sidebar__nav-item--active{color:#fff!important;background:#6366f11a;border-left:2px solid #6366f1;padding-left:calc(1.25rem - 2px)}.sidebar__nav-item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#6366f1}.sidebar__nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar__nav-icon svg{width:100%;height:100%}.sidebar__nav-label{flex:1;font-weight:500}.sidebar__nav-badge{background:#ef4444;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;min-width:20px;text-align:center}.sidebar__nav-arrow{width:16px;height:16px;flex-shrink:0;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;margin-left:auto}.sidebar__nav-arrow svg{width:100%;height:100%}.sidebar__nav-arrow--expanded{transform:rotate(90deg)}.sidebar__submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:1.5rem}.sidebar__submenu--expanded{max-height:500px;margin-top:.25rem}.sidebar__submenu-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;background:transparent;border:none;color:#fff9;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-align:left}.sidebar__submenu-item--active{color:#fff;background:#6366f126;border-left:3px solid #6366f1;padding-left:calc(1.25rem - 3px);border-radius:0 .375rem .375rem 0}.sidebar__submenu-item:hover{color:#fff;background:#ffffff0d}.sidebar__submenu-badge{background:#6366f14d;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600}.sidebar__user{padding:1.25rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.sidebar__user-info{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.sidebar__user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0}.sidebar__user-details{flex:1;min-width:0}.sidebar__user-name{font-size:.875rem;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{font-size:.75rem;color:#fff9;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{width:36px;height:36px;border-radius:.5rem;background:#ffffff0d;border:none;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;flex-shrink:0;transition:all .3s ease}.sidebar__logout:hover{background:#ef444433;color:#ef4444}.sidebar__logout svg{width:18px;height:18px}.sidebar__overlay{position:fixed;inset:0;background:#00000080;z-index:999;transition:opacity .3s ease}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}@media(max-width:480px){.sidebar{width:100%}.sidebar__logo{padding:1.25rem 1rem}.sidebar__logo-icon{width:36px;height:36px}.sidebar__logo-icon svg{width:20px;height:20px}.sidebar__logo-text{font-size:1.125rem}.sidebar__nav-item{padding:.625rem 1rem;font-size:.875rem}.sidebar__nav-icon{width:18px;height:18px}.sidebar__nav-arrow{width:14px;height:14px}.sidebar__submenu{padding-left:2.5rem}.sidebar__submenu-item{padding:.5rem 1rem}.sidebar__user{padding:1rem}.sidebar__user-avatar{width:36px;height:36px;font-size:.875rem}.sidebar__logout{width:32px;height:32px}.sidebar__logout svg{width:16px;height:16px}}@media(min-width:1025px){.dashboard__menu-toggle,.user-management__menu-toggle,.permissions-management__menu-toggle{display:none;pointer-events:none;cursor:default}}@media(min-width:1025px){.dashboard__sidebar{transform:none!important;position:relative;box-shadow:none}}.dashboard{display:flex;min-height:100vh;background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.dashboard__main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.dashboard__header{background:var(--bg-card);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.dashboard__menu-toggle{display:none;width:40px;height:40px;border-radius:.5rem;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.dashboard__menu-toggle:hover{background:var(--bg-page)}.dashboard__menu-toggle svg{width:20px;height:20px}.dashboard__title{flex:1;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dashboard__header-actions{display:flex;align-items:center;gap:.75rem}.dashboard__notification,.dashboard__search{width:40px;height:40px;border-radius:.5rem;background:var(--bg-page);border:none;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .3s ease}.dashboard__notification:hover,.dashboard__search:hover{background:var(--border)}.dashboard__notification svg,.dashboard__search svg{width:20px;height:20px}.dashboard__notification-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#ef4444;color:#fff;font-size:.688rem;font-weight:700;display:flex;align-items:center;justify-content:center}.dashboard__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1.5rem}.dashboard__stat-card{background:var(--bg-card);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);display:flex;gap:1rem;transition:all .3s ease}.dashboard__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard__stat-icon{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dashboard__stat-icon svg{width:24px;height:24px}.dashboard__stat-content{flex:1}.dashboard__stat-label{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:500}.dashboard__stat-value{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.dashboard__stat-change{font-size:.813rem;font-weight:600;margin:0}.dashboard__stat-change--positive{color:#10b981}.dashboard__stat-change--negative{color:#ef4444}.dashboard__content{flex:1;padding:1.5rem}.dashboard__card{background:var(--bg-card);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:1.5rem}.dashboard__card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.dashboard__card-subtitle{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.dashboard__card-text{font-size:.938rem;color:var(--text-secondary);margin:0;line-height:1.6}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard__activity{display:flex;flex-direction:column;gap:1rem}.dashboard__activity-item{display:flex;gap:.75rem;align-items:flex-start}.dashboard__activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.dashboard__activity-icon--success{background:#10b9811a;color:#10b981}.dashboard__activity-icon--warning{background:#f59e0b1a;color:#f59e0b}.dashboard__activity-icon--info{background:#3b82f61a;color:#3b82f6}.dashboard__activity-content{flex:1}.dashboard__activity-title{font-size:.875rem;color:var(--text-primary);margin:0 0 .25rem;font-weight:500}.dashboard__activity-time{font-size:.75rem;color:var(--text-muted);margin:0}.dashboard__quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard__quick-action{padding:1rem;background:var(--bg-page);border:1px solid var(--border);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;color:var(--text-primary)}.dashboard__quick-action:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard__quick-action svg{width:24px;height:24px}@media(max-width:1024px){.dashboard__main{margin-left:0}.dashboard__menu-toggle{display:flex}}@media(max-width:768px){.dashboard__header{padding:1rem}.dashboard__title{font-size:1.25rem}.dashboard__stats{grid-template-columns:1fr;padding:1rem;gap:1rem}.dashboard__content{padding:1rem}.dashboard__grid,.dashboard__quick-actions{grid-template-columns:1fr}}@media(max-width:480px){.dashboard__stat-card{padding:1rem}.dashboard__stat-icon{width:40px;height:40px}.dashboard__stat-icon svg{width:20px;height:20px}.dashboard__stat-value{font-size:1.5rem}.dashboard__card{padding:1rem}.dashboard__header-actions{gap:.5rem}.dashboard__notification,.dashboard__search{width:36px;height:36px}.dashboard__notification svg,.dashboard__search svg{width:18px;height:18px}}.page-header{background:var(--bg-card);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.page-header__menu-toggle{display:none;flex-shrink:0;pointer-events:none;width:40px;height:40px;border-radius:.5rem;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:background .2s ease}.page-header__menu-toggle:hover{background:var(--bg-page)}.page-header__menu-toggle svg{width:20px;height:20px}.page-header__text{flex:1;min-width:0}.page-header__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-header__subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:400;line-height:1.4;margin:0}.page-header__action-btn{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.938rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.page-header__action-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-header__action-btn svg{width:20px;height:20px;flex-shrink:0}.page-header__extra{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media(max-width:1024px){.page-header__menu-toggle{display:flex;pointer-events:auto}}@media(max-width:768px){.page-header{padding:1rem;flex-wrap:wrap}.page-header__title{font-size:1.25rem}.page-header__subtitle{font-size:.75rem}.page-header__action-btn{width:100%;justify-content:center;order:3}}.user-management{display:flex;min-height:100vh;background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.user-management__main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.user-management__header{background:var(--bg-card);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.user-management__header>div{flex:1}.user-management__menu-toggle{display:none;width:40px;height:40px;border-radius:.5rem;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.user-management__menu-toggle:hover{background:var(--bg-page)}.user-management__menu-toggle svg{width:20px;height:20px}.user-management__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.user-management__subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.4}.user-management__content{flex:1;padding:1.5rem}.user-management__info-box{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.user-management__info-icon{flex-shrink:0;width:24px;height:24px;color:#6366f1}.user-management__info-icon svg{width:100%;height:100%}.user-management__info-content{flex:1;font-size:.875rem;line-height:1.6;color:var(--text-primary)}.user-management__info-content strong{font-weight:600;color:var(--text-primary)}.user-management__info-content span{color:var(--text-secondary)}.user-management__filters{background:var(--bg-card);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.user-management__filter-group{display:flex;gap:1rem;flex-wrap:wrap}.user-management__search{flex:1;min-width:300px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);background:var(--bg-card);transition:all .2s ease}.user-management__search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.user-management__search::placeholder{color:var(--text-muted)}.user-management__select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:all .2s ease;text-align:center}.user-management__select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.user-management__table-wrapper{background:var(--bg-card);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow-x:auto;margin-bottom:1.5rem}.user-management__table{width:100%;border-collapse:collapse}.user-management__table thead{background:var(--bg-page)}.user-management__table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.813rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.user-management__table tbody tr{border-bottom:1px solid var(--border);transition:background .2s ease}.user-management__table tbody tr:hover{background:var(--bg-page)}.user-management__table tbody tr:last-child{border-bottom:none}.user-management__table tbody td{padding:1rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle;position:relative}.user-management__row--restricted{background-color:var(--bg-page);opacity:.75}.user-management__row--restricted:hover{background-color:var(--bg-hover)!important}.user-management__user-info{display:flex;align-items:center;gap:.75rem}.user-management__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0;overflow:hidden}.user-management__avatar img{width:100%;height:100%;object-fit:cover}.user-management__user-name{font-weight:600;color:var(--text-primary);margin-bottom:.125rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.user-management__user-nickname{font-size:.75rem;color:var(--text-secondary)}.user-management__platforms{display:flex;gap:.5rem;flex-wrap:wrap}.user-management__status{padding:.375rem .75rem;border-radius:9999px;font-size:.813rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem}.user-management__status--active{background:#10b9811a;color:#10b981}.user-management__status--active:hover:not(.user-management__status--active--disabled){background:#10b98133}.user-management__status--suspended{background:#ef44441a;color:#ef4444}.user-management__status--suspended:hover:not(.user-management__status--suspended--disabled){background:#ef444433}.user-management__status--disabled{cursor:not-allowed;opacity:.6}.user-management__status--disabled:hover{transform:none}.user-management__btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid var(--border);cursor:pointer;transition:all .2s ease;background:var(--bg-card);color:var(--text-primary)}.user-management__btn:hover:not(:disabled){opacity:.8}.user-management__btn:disabled{opacity:.5;cursor:not-allowed}.user-management__btn--edit{background:#6366f1;color:#fff;border-color:#6366f1}.user-management__btn--edit:hover{background:#4f46e5;border-color:#4f46e5}.user-management__btn--disabled{background-color:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border);font-size:.875rem;font-weight:500}.user-management__btn--disabled:hover{background-color:var(--bg-muted);transform:none}.user-management__btn--delete{background:#ef444414;color:#ef4444;border-color:#ef44444d}.user-management__btn--delete:hover{background:#ef44442e;border-color:#ef4444}.user-management__btn--create{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.938rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.user-management__btn--create:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-management__btn--create svg{flex-shrink:0}.user-management__actions{display:flex;gap:.5rem;align-items:center}.user-management__btn-icon{width:20px;height:20px;flex-shrink:0}.user-management__lock-icon{width:1rem;height:1rem;flex-shrink:0}.user-management__loading{padding:3rem;text-align:center;color:var(--text-secondary);font-size:1rem}.user-management__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.user-management__page-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.badge--admin{background:#6366f11a;color:#6366f1}.badge--store{background:#10b9811a;color:#10b981}.badge--pos{background:#3b82f61a;color:#3b82f6}.badge--level{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:1px solid}.badge--level-0{background-color:#fef3c7;color:#f59e0b;border-color:#fbbf24}.badge--level-1{background-color:#fee2e2;color:#dc2626;border-color:#f87171}.badge--level-2{background-color:#dbeafe;color:#2563eb;border-color:#60a5fa}.badge--level-3{background-color:#d1fae5;color:#16a34a;border-color:#34d399}.badge--level-4{background-color:var(--bg-hover);color:var(--text-secondary);border-color:var(--border)}.badge--level-999{background-color:var(--bg-page);color:var(--text-muted);border-color:var(--border)}.badge--self{margin-left:.5rem;font-size:.75rem;padding:.125rem .5rem;border-radius:.375rem;background-color:#dbeafe;color:#1e40af;font-weight:600;border:1px solid #93c5fd}.badge--critical{background:#ef44441a;color:#ef4444;font-size:.688rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:600;text-transform:uppercase}.badge--type{font-size:.688rem;padding:.125rem .375rem;border-radius:.25rem;font-weight:500}.badge--type-page{background:#3b82f61a;color:#3b82f6}.badge--type-action{background:#f59e0b1a;color:#f59e0b}.badge--type-system{background:#6366f11a;color:#6366f1}.modal__header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.modal__header-icon{width:24px;height:24px;flex-shrink:0}.modal__close{width:36px;height:36px;border-radius:.5rem;background:var(--bg-page);border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal__restriction-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:.5rem;margin:1.5rem 1.5rem 0;color:#92400e;font-size:.875rem;line-height:1.5}.modal__restriction-notice svg{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem;color:#f59e0b}.modal__restriction-notice span{flex:1;font-weight:500}.modal__section-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.modal__btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.938rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.resources-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.resources-section-header h3{margin-bottom:.25rem!important;border-bottom:none!important;padding-bottom:0!important}.resources-section-header .modal__section-description{margin-bottom:0}.resources-stats{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.resources-stats__chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.813rem;font-weight:600;background:var(--bg-page);color:var(--text-secondary);border:1px solid var(--border)}.resources-stats__chip--selected{background:#6366f114;color:#6366f1;border-color:#6366f140}.resources-stats__chip--selected svg{width:14px;height:14px}.resources-toolbar{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.resources-search{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.resources-search__icon{position:absolute;left:.75rem;width:16px;height:16px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.resources-search__input{width:100%;padding:.625rem 2.5rem .625rem 2.25rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);background:var(--bg-page);transition:all .2s ease}.resources-search__input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114;background:var(--bg-card)}.resources-search__input::placeholder{color:var(--text-muted)}.resources-search__clear{position:absolute;right:.625rem;width:22px;height:22px;border-radius:50%;background:var(--border);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.resources-search__clear svg{width:12px;height:12px}.resources-search__clear:hover{background:var(--bg-hover);color:var(--text-primary)}.resources-filter-tabs{display:flex;gap:.25rem;background:var(--bg-page);border:1px solid var(--border);border-radius:.5rem;padding:.25rem}.filter-tab{padding:.375rem .875rem;border-radius:.375rem;border:none;font-size:.813rem;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .2s ease}.filter-tab:hover:not(.filter-tab--active){color:var(--text-primary);background:#0000000a}.filter-tab--active{background:var(--bg-card);color:#6366f1;font-weight:600;box-shadow:var(--shadow-sm)}.resources-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:3rem;color:var(--text-secondary)}.resources-loading .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.resources-loading p{margin:0;font-size:.875rem;font-weight:500}.resources-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;padding:3rem 1.5rem;color:var(--text-secondary)}.resources-empty svg{width:40px;height:40px;color:var(--text-muted);margin-bottom:.5rem}.resources-empty p{margin:0;font-size:.938rem;font-weight:600;color:var(--text-primary)}.resources-empty span{font-size:.813rem;color:var(--text-secondary)}.resources-accordion{display:flex;flex-direction:column;gap:.625rem;max-height:540px;overflow-y:auto;padding-right:.375rem}.resources-accordion::-webkit-scrollbar{width:6px}.resources-accordion::-webkit-scrollbar-track{background:var(--bg-page);border-radius:3px}.resources-accordion::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;transition:background .2s ease}.resources-accordion::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.resource-category{border:1px solid var(--border);border-radius:.625rem;background:var(--bg-card);transition:border-color .2s ease}.resource-category:hover,.resource-category--expanded{border-color:#8285f4}.category-header{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-page);border:none;cursor:pointer;transition:background .2s ease;text-align:left}.category-header:hover{background:var(--bg-hover)}.category-header.expanded .category-icon,.resource-category--expanded .category-header .category-icon{transform:rotate(90deg)}.category-icon{width:18px;height:18px;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.category-title{flex:1;font-weight:600;font-size:.938rem;color:var(--text-primary)}.category-progress{width:64px;height:5px;background:var(--border);border-radius:9999px;overflow:hidden;flex-shrink:0}.category-progress__bar{height:100%;background:#6366f1;border-radius:9999px;transition:width .2s ease}.category-count{font-size:.8rem;color:var(--text-secondary);font-weight:600;background:var(--bg-card);padding:.2rem .5rem;border-radius:.375rem;border:1px solid var(--border);min-width:3rem;text-align:center}.category-content{padding:.625rem;background:var(--bg-card);display:flex;flex-direction:column;gap:.375rem;animation:slideDown .18s ease}.resource-subgroup{border:1px solid var(--border);border-radius:.5rem;background:var(--bg-card)}.subgroup-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem .5rem .75rem;background:var(--bg-page);border-bottom:1px solid transparent}.resource-subgroup:has(.subgroup-items) .subgroup-header{border-bottom-color:var(--border)}.subgroup-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;flex:1;text-align:left;padding:0;min-width:0}.subgroup-icon{width:14px;height:14px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.subgroup-icon--expanded{transform:rotate(90deg)}.subgroup-key{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.75rem;font-weight:600;color:#6366f1;background:#6366f112;padding:.125rem .5rem;border-radius:.25rem;letter-spacing:.02em}.subgroup-count{font-size:.75rem;color:var(--text-muted);font-weight:500}.subgroup-check-all{display:inline-flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.75rem;color:var(--text-secondary);font-weight:500;padding:.25rem .5rem;border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.subgroup-check-all:hover{background:#6366f10f;color:#6366f1}.subgroup-check-all input[type=checkbox]{width:14px;cursor:pointer;accent-color:#6366f1}.subgroup-items{padding:.375rem;display:flex;flex-direction:column;gap:.25rem;animation:slideDown .15s ease}.resource-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem .875rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.resource-item:hover{background:var(--bg-page);border-color:var(--border)}.resource-item input[type=checkbox]{margin-top:.1rem;width:16px;cursor:pointer;accent-color:#6366f1;flex-shrink:0}.resource-info{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.resource-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.resource-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.resource-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.resource-key{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.7rem;color:var(--text-muted);background:var(--bg-page);padding:.125rem .375rem;border-radius:.25rem;display:inline-block;letter-spacing:.01em}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);transition:all .2s ease}.form-select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:all .2s ease}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .2s ease}.checkbox-label input[type=checkbox]{width:18px;cursor:pointer;accent-color:#6366f1}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:.5rem .75rem;background-color:var(--text-primary);color:var(--bg-card);font-size:.75rem;border-radius:.375rem;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:var(--shadow-md);animation:tooltipFadeIn .2s ease}[title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:.375rem solid transparent;border-top-color:var(--text-primary);z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:1024px){.user-management__main{margin-left:0}.user-management__menu-toggle{display:flex}}@media(max-width:768px){.user-management__header{padding:1rem}.user-management__title{font-size:1.25rem}.user-management__subtitle{font-size:.75rem}.user-management__content{padding:1rem}.user-management__info-box{padding:.875rem 1rem;gap:.75rem}.user-management__info-icon{width:20px;height:20px}.user-management__info-content{font-size:.813rem}.user-management__filters{padding:1rem}.user-management__filter-group{flex-direction:column}.user-management__search{min-width:auto}.user-management__table-wrapper{overflow-x:scroll}.user-management__table{min-width:800px}.user-management__lock-icon{width:.875rem;height:.875rem}.resources-section-header{flex-direction:column;gap:.75rem}.resources-toolbar{flex-direction:column;align-items:stretch}.resources-filter-tabs{justify-content:stretch}.resources-filter-tabs .filter-tab{flex:1;text-align:center}.resources-accordion{max-height:400px}.badge--level{font-size:.625rem;padding:.125rem .375rem}.badge--self{font-size:.625rem;padding:.125rem .375rem;margin-left:.25rem}.modal{margin:0;border-radius:0;max-height:100vh}.modal__header h2{font-size:1.25rem}.modal__restriction-notice{padding:.75rem;font-size:.75rem;margin:1rem}.modal__restriction-notice svg{width:1rem;height:1rem}.category-progress{display:none}[title]:hover:after,[title]:hover:before{display:none}}@media(max-width:480px){.user-management__pagination{flex-direction:column;gap:.75rem}.modal__actions{flex-direction:column}.modal__btn{width:100%}.form-row{grid-template-columns:1fr}}.permissions-management{display:flex;min-height:100vh;background:var(--bg-page);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.permissions-management__main{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.permissions-management__header{background:var(--bg-card);padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:100}.permissions-management__header>div{flex:1}.permissions-management__menu-toggle{display:none;width:40px;height:40px;border-radius:.5rem;background:transparent;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.permissions-management__menu-toggle:hover{background:var(--bg-page)}.permissions-management__menu-toggle svg{width:20px;height:20px}.permissions-management__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.permissions-management__subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:400;line-height:1.4}.permissions-management__content{flex:1;padding:1.5rem}.permissions-management__info-box{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.permissions-management__info-icon{flex-shrink:0;width:24px;height:24px;color:#6366f1}.permissions-management__info-icon svg{width:100%;height:100%}.permissions-management__info-content{flex:1;font-size:.875rem;line-height:1.6;color:var(--text-primary)}.permissions-management__info-content strong{font-weight:600;color:var(--text-primary)}.permissions-management__info-content span{color:var(--text-secondary)}.permissions-management__filters{background:var(--bg-card);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.permissions-management__filter-group{display:flex;gap:1rem;flex-wrap:wrap}.permissions-management__search{flex:1;min-width:300px;padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);background:var(--bg-card);transition:all .3s ease}.permissions-management__search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.permissions-management__search::placeholder{color:var(--text-muted)}.permissions-management__select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:all .3s ease;min-width:180px}.permissions-management__select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.permissions-management__table-wrapper{background:var(--bg-card);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow-x:auto;margin-bottom:1.5rem}.permissions-management__table{width:100%;border-collapse:collapse}.permissions-management__table thead{background:var(--bg-page)}.permissions-management__table thead th{padding:1rem;text-align:left;font-weight:600;font-size:.813rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.permissions-management__table tbody tr{border-bottom:1px solid var(--border);transition:background .3s ease}.permissions-management__table tbody tr:hover{background:var(--bg-page)}.permissions-management__table tbody tr:last-child{border-bottom:none}.permissions-management__table tbody td{padding:1rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle}.permissions-management__table tbody td:nth-child(1) code{-webkit-user-select:all;user-select:all;cursor:pointer}.permissions-management__status{padding:.375rem .75rem;border-radius:9999px;font-size:.813rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.375rem}.permissions-management__status--active{background:#10b9811a;color:#10b981}.permissions-management__status--active:hover{background:#10b98133}.permissions-management__status--suspended{background:#ef44441a;color:#ef4444}.permissions-management__status--suspended:hover{background:#ef444433}.permissions-management__btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:1px solid var(--border);cursor:pointer;transition:all .3s ease;background:var(--bg-card);color:var(--text-primary)}.permissions-management__btn:hover:not(:disabled){opacity:.8}.permissions-management__btn:disabled{opacity:.5;cursor:not-allowed}.permissions-management__btn--edit{background:#6366f1;color:#fff;border-color:#6366f1}.permissions-management__btn--edit:hover{background:#4f46e5;border-color:#4f46e5}.permissions-management__btn--create{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.938rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.permissions-management__btn--create:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:var(--shadow-md)}.permissions-management__btn--create svg{flex-shrink:0}.permissions-management__loading{padding:3rem;text-align:center;color:var(--text-secondary);font-size:1rem}.permissions-management__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.permissions-management__page-info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-flex;align-items:center;gap:.25rem}.badge--dashboard{background:#6366f11a;color:#6366f1}.badge--users{background:#10b9811a;color:#10b981}.badge--store{background:#3b82f61a;color:#3b82f6}.badge--pos{background:#f59e0b1a;color:#f59e0b}.badge--analytics{background:#8b5cf61a;color:#8b5cf6}.badge--system{background:#ec48991a;color:#ec4899}.badge--security{background:#ef44441a;color:#ef4444}.badge--other{background:rgba(var(--text-secondary),.1);color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal{background:var(--bg-card);border-radius:1rem;box-shadow:var(--shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.modal__header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg-card);z-index:10}.modal__header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.modal__close{width:36px;height:36px;border-radius:.5rem;background:var(--bg-page);border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal__close:hover{background:var(--border);color:var(--text-primary)}.modal__form{padding:1.5rem}.modal__section{margin-bottom:2rem}.modal__section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.modal__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border)}.modal__btn{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.938rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.modal__btn--cancel{background:var(--bg-page);color:var(--text-primary);border:1px solid var(--border)}.modal__btn--cancel:hover{background:var(--border)}.modal__btn--save{background:#6366f1;color:#fff}.modal__btn--save:hover{background:#4f46e5}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.938rem;color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:all .3s ease}.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:.5rem;transition:all .3s ease}.checkbox-label:hover{background:var(--bg-page)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.checkbox-label span{font-size:.875rem;color:var(--text-primary);font-weight:500}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.permissions-management__main{margin-left:0}.permissions-management__menu-toggle{display:flex}}@media(max-width:768px){.permissions-management__header{padding:1rem;flex-wrap:wrap}.permissions-management__title{font-size:1.25rem}.permissions-management__subtitle{font-size:.75rem}.permissions-management__content{padding:1rem}.permissions-management__filter-group{flex-direction:column}.permissions-management__search,.permissions-management__select{min-width:auto}.permissions-management__table-wrapper{overflow-x:scroll}.permissions-management__table{min-width:800px}.permissions-management__btn--create{width:100%;justify-content:center}.modal{margin:0;border-radius:0;max-height:100vh}.modal__header h2{font-size:1.25rem}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.permissions-management__pagination{flex-direction:column;gap:.75rem}.modal__actions{flex-direction:column}.modal__btn{width:100%}}.perm-td-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.perm-key{background:var(--bg-muted);color:var(--text-primary);padding:.25rem .5rem;border-radius:.25rem;font-size:.813rem;font-family:monospace;border:1px solid var(--border)}.perm-desc{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.perm-critical{color:#ef4444;font-weight:600;font-size:.813rem}.perm-not-critical{color:var(--text-secondary);font-size:.813rem}.perm-actions{display:flex;gap:.5rem}.permissions-management__btn--delete{color:#ef4444}.permissions-management__btn--delete:hover{color:#dc2626}:root{--pmt-cash: #10b981;--pmt-credit-card: #6366f1;--pmt-debit-card: #3b82f6;--pmt-pix: #8b5cf6;--pmt-voucher: #f59e0b;--pmt-bank-transfer: #06b6d4;--pmt-other: #6b7280}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes donut-in{to{stroke-dasharray:var(--dash) var(--gap)}}.sales-page{display:flex;justify-content:center;min-height:100vh;background:var(--bg-page);font-family:Inter,-apple-system,sans-serif;box-sizing:border-box}.sales-page *,.sales-page *:before,.sales-page *:after{box-sizing:border-box}.sales-page .sl-main{flex:1;overflow-x:hidden}.sales-page .sec-sl{margin:0 auto;max-width:1200px;padding:0 24px 48px}@media(max-width:768px){.sales-page .sec-sl{padding:0 16px 32px}}.sales-page .sl-spin{animation:spin .8s linear infinite}.sales-page .sl-skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:6px}.sales-page .sl-skeleton--kpi{height:56px;border-radius:8px}.sales-page .sl-skeleton--cell{height:16px}.sales-page .sl-skeleton--row{height:36px;margin-bottom:8px}.sales-page .sl-skeleton--row-md{height:44px;margin-bottom:8px}.sales-page .sl-skeleton--row-lg{height:56px;margin-bottom:8px}.sales-page .sl-skeleton--card{height:140px}.sales-page .sl-period-bar{display:flex;align-items:center;margin:24px 0;flex-wrap:wrap;gap:14px}.sales-page .sl-period-tabs{display:flex;background:var(--bg-card);border-radius:10px;padding:5px;border:1px solid var(--border);gap:2px}.sales-page .sl-period-tab{padding:8px 18px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-faint);cursor:pointer;transition:all .2s ease}.sales-page .sl-period-tab--active{background:#6366f1;color:var(--bg-card)}.sales-page .sl-period-tab:hover:not(.sales-page .sl-period-tab--active){background:var(--bg-muted);color:var(--text-primary)}.sales-page .sl-custom-dates{display:flex;align-items:center;gap:8px}.sales-page .sl-custom-dates__sep{color:var(--text-muted);font-size:13px}.sales-page .sl-custom-dates input{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text-primary);background:var(--bg-card)}.sales-page .sl-refresh-btn{margin-left:auto;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);cursor:pointer;color:var(--text-faint);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sales-page .sl-refresh-btn:hover{background:var(--bg-muted)}.sales-page .sl-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:24px}.sales-page .sl-kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px;position:relative;overflow:hidden;transition:box-shadow .2s}.sales-page .sl-kpi:hover{box-shadow:0 4px 20px #00000012}.sales-page .sl-kpi__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.sales-page .sl-kpi__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.sales-page .sl-kpi__icon--indigo{background:#6366f114;color:#6366f1}.sales-page .sl-kpi__icon--green{background:#10b98114;color:#10b981}.sales-page .sl-kpi__icon--amber{background:#f59e0b14;color:#f59e0b}.sales-page .sl-kpi__icon--violet{background:#8b5cf614;color:#8b5cf6}.sales-page .sl-kpi__icon--blue{background:#3b82f614;color:#3b82f6}.sales-page .sl-kpi__icon--cyan{background:#06b6d414;color:#06b6d4}.sales-page .sl-kpi__trend{display:flex;align-items:center;gap:2px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}.sales-page .sl-kpi__trend--up{background:#d1fae5;color:#0ea271}.sales-page .sl-kpi__trend--down{background:#fee2e2;color:#ed2d2d}.sales-page .sl-kpi__value{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.sales-page .sl-kpi__label{font-size:13px;color:var(--text-faint);margin-top:4px;font-weight:500}.sales-page .sl-kpi__sub,.sales-page .sl-kpi__trend-label{font-size:12px;color:var(--text-muted);margin-top:6px}.sales-page .sl-kpi__spark{margin-top:14px;opacity:.7}.sales-page .sl-sparkline{overflow:visible}.sales-page .sl-sparkline polyline{stroke:#6366f1}.sales-page .sl-sparkline--indigo polyline{stroke:#6366f1}.sales-page .sl-sparkline--green polyline{stroke:#10b981}.sales-page .sl-sparkline--amber polyline{stroke:#f59e0b}.sales-page .sl-sparkline--violet polyline{stroke:#8b5cf6}.sales-page .sl-sparkline--blue polyline{stroke:#3b82f6}.sales-page .sl-sparkline--cyan polyline{stroke:#06b6d4}.sales-page .sl-minibar{height:6px;background:var(--bg-muted);border-radius:4px;overflow:hidden}.sales-page .sl-minibar__fill{height:100%;border-radius:4px;transition:width .4s ease}.sales-page .sl-minibar__fill--indigo{background:#6366f1}.sales-page .sl-minibar__fill--green{background:#10b981}.sales-page .sl-minibar__fill--amber{background:#f59e0b}.sales-page .sl-minibar__fill--violet{background:#8b5cf6}.sales-page .sl-minibar__fill--blue{background:#3b82f6}.sales-page .sl-minibar__fill--cyan{background:#06b6d4}.sales-page .sl-minibar__fill--completed{background:#10b981}.sales-page .sl-minibar__fill--open{background:#f59e0b}.sales-page .sl-minibar__fill--cancelled,.sales-page .sl-minibar__fill--refunded{background:#ef4444}.sales-page .sl-minibar__fill--partial-refund{background:#f97316}.sales-page .sl-minibar__fill--cash{background:#10b981}.sales-page .sl-minibar__fill--credit-card{background:#6366f1}.sales-page .sl-minibar__fill--debit-card{background:#3b82f6}.sales-page .sl-minibar__fill--pix{background:#8b5cf6}.sales-page .sl-minibar__fill--voucher{background:#f59e0b}.sales-page .sl-minibar__fill--bank-transfer{background:#06b6d4}.sales-page .sl-minibar__fill--other{background:#6b7280}.sales-page .sl-donut--rotated{transform:rotate(-90deg)}.sales-page .sl-donut__track{stroke:var(--bg-muted)}.sales-page .sl-donut__segment{transition:stroke-dasharray .6s ease}.sales-page .sl-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-card);padding:6px;border-radius:12px;border:1px solid var(--border);width:fit-content}.sales-page .sl-tab{padding:9px 20px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-faint);cursor:pointer;transition:all .2s ease}.sales-page .sl-tab--active{background:#6366f1;color:var(--bg-card)}.sales-page .sl-tab:hover:not(.sales-page .sl-tab--active){background:var(--bg-muted);color:var(--text-primary)}.sales-page .sl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}.sales-page .sl-card--mt{margin-top:24px}.sales-page .sl-card--full-col{grid-column:1/-1}.sales-page .sl-card__header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:24px}.sales-page .sl-card__badge{margin-left:auto;background:var(--bg-muted);color:var(--text-faint);font-size:11px;padding:3px 9px;border-radius:20px;font-weight:600}.sales-page .sl-overview{display:flex;flex-direction:column;gap:24px}.sales-page .sl-overview-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}@media(max-width:900px){.sales-page .sl-overview-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sales-page .sl-overview-row{grid-template-columns:1fr}}.sales-page .sl-payment-breakdown{display:flex;gap:28px;align-items:flex-start}.sales-page .sl-donut-wrap{position:relative;flex-shrink:0}.sales-page .sl-donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sales-page .sl-donut-center span{font-size:11px;font-weight:700;color:var(--text-primary);text-align:center}.sales-page .sl-payment-list{flex:1;display:flex;flex-direction:column;gap:12px}.sales-page .sl-payment-row{display:flex;align-items:center;justify-content:space-between}.sales-page .sl-payment-row__left,.sales-page .sl-payment-row__right{display:flex;align-items:center;gap:8px}.sales-page .sl-payment-row__icon{width:28px;height:28px;border-radius:7px;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center}.sales-page .sl-payment-row__icon--cash{color:#10b981}.sales-page .sl-payment-row__icon--credit-card{color:#6366f1}.sales-page .sl-payment-row__icon--debit-card{color:#3b82f6}.sales-page .sl-payment-row__icon--pix{color:#8b5cf6}.sales-page .sl-payment-row__icon--voucher{color:#f59e0b}.sales-page .sl-payment-row__icon--bank-transfer{color:#06b6d4}.sales-page .sl-payment-row__icon--other{color:#6b7280}.sales-page .sl-payment-row__label{font-size:13px;color:var(--text-secondary);font-weight:500}.sales-page .sl-payment-row__pct{font-size:11px;color:var(--text-muted)}.sales-page .sl-payment-row__amount{font-size:13px;font-weight:600;color:var(--text-primary)}.sales-page .sl-channels-list{display:flex;flex-direction:column;gap:14px}.sales-page .sl-channel-row{display:flex;align-items:center;gap:12px}.sales-page .sl-channel-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.sales-page .sl-channel-dot--pos{background:#6366f1}.sales-page .sl-channel-dot--ecommerce{background:#8b5cf6}.sales-page .sl-channel-dot--whatsapp{background:#10b981}.sales-page .sl-channel-dot--phone{background:#3b82f6}.sales-page .sl-channel-dot--marketplace{background:#f59e0b}.sales-page .sl-channel-dot--other{background:#6b7280}.sales-page .sl-channel-label{font-size:13px;color:var(--text-secondary);flex:1}.sales-page .sl-channel-count{font-size:13px;font-weight:600;color:var(--text-primary)}.sales-page .sl-status-dist-list{display:flex;flex-direction:column;gap:14px}.sales-page .sl-status-dist-row{display:flex;flex-direction:column;gap:8px}.sales-page .sl-status-dist-row__left{display:flex;align-items:center;gap:8px}.sales-page .sl-status-dist-row__count{font-size:12px;color:var(--text-faint);font-weight:600}.sales-page .sl-status-dist-row__bar{display:flex;align-items:center;gap:8px}.sales-page .sl-status-dist-row__pct{font-size:11px;color:var(--text-muted);white-space:nowrap}.sales-page .sl-sellers-ranking{display:flex;flex-direction:column;gap:2px}.sales-page .sl-seller-rank-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light)}.sales-page .sl-seller-rank-row:last-child{border-bottom:none}.sales-page .sl-seller-rank-num{width:32px;font-size:16px;text-align:center;flex-shrink:0}.sales-page .sl-seller-rank-num--1,.sales-page .sl-seller-rank-num--2,.sales-page .sl-seller-rank-num--3{font-size:20px}.sales-page .sl-seller-rank-num--other{font-size:12px;font-weight:700;color:var(--text-faint)}.sales-page .sl-seller-rank-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.sales-page .sl-seller-rank-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.sales-page .sl-seller-rank-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-page .sl-seller-rank-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sales-page .sl-seller-rank-revenue{font-size:14px;font-weight:700;color:var(--text-primary)}.sales-page .sl-seller-rank-count{font-size:12px;color:var(--text-muted)}.sales-page .sl-status-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.sales-page .sl-status-badge--completed{color:#10b981;background:#d1fae5}.sales-page .sl-status-badge--open{color:#f59e0b;background:#fef3c7}.sales-page .sl-status-badge--cancelled,.sales-page .sl-status-badge--refunded{color:#ef4444;background:#fee2e2}.sales-page .sl-status-badge--partial-refund{color:#f97316;background:#ffedd5}.sales-page .sl-status-badge--default{color:#6b7280;background:var(--bg-hover)}.sales-page .sl-channel-pill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.sales-page .sl-channel-pill--pos{background:#6366f11f;color:#6366f1}.sales-page .sl-channel-pill--ecommerce{background:#8b5cf61f;color:#8b5cf6}.sales-page .sl-channel-pill--whatsapp{background:#10b9811f;color:#10b981}.sales-page .sl-channel-pill--phone{background:#3b82f61f;color:#3b82f6}.sales-page .sl-channel-pill--marketplace{background:#f59e0b1f;color:#f59e0b}.sales-page .sl-channel-pill--other{background:#6b72801f;color:#6b7280}.sales-page .sl-payment-cell{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.sales-page .sl-payment-cell--cash{color:#10b981}.sales-page .sl-payment-cell--credit-card{color:#6366f1}.sales-page .sl-payment-cell--debit-card{color:#3b82f6}.sales-page .sl-payment-cell--pix{color:#8b5cf6}.sales-page .sl-payment-cell--voucher{color:#f59e0b}.sales-page .sl-payment-cell--bank-transfer{color:#06b6d4}.sales-page .sl-payment-cell--other{color:#6b7280}.sales-page .sl-table-wrap{overflow-x:auto}.sales-page .sl-table{width:100%;border-collapse:collapse;font-size:13px}.sales-page .sl-table thead th{text-align:left;padding:12px 14px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);white-space:nowrap}.sales-page .sl-table__row{cursor:pointer;transition:background .15s}.sales-page .sl-table__row:hover{background:var(--bg-subtle)}.sales-page .sl-table__row td{padding:14px;border-bottom:1px solid var(--border-light);vertical-align:middle}.sales-page .sl-sale-num{font-size:12px;font-weight:700;color:#6366f1;font-family:monospace}.sales-page .sl-date-cell{font-size:12px;color:var(--text-faint);white-space:nowrap}.sales-page .sl-customer-cell{display:flex;align-items:center;gap:8px}.sales-page .sl-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.sales-page .sl-seller-chip{font-size:12px;color:var(--text-secondary);background:var(--bg-muted);padding:3px 10px;border-radius:20px;font-weight:500}.sales-page .sl-total-cell{font-size:14px;color:var(--text-primary);white-space:nowrap}.sales-page .sl-discount-cell{font-size:13px;color:#ef4444}.sales-page .sl-rank-badge{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border-radius:50%;font-size:12px;font-weight:700;color:var(--text-faint)}.sales-page .sl-share-cell{display:flex;align-items:center;gap:8px}.sales-page .sl-share-cell__pct{font-size:11px;color:var(--text-faint);white-space:nowrap}.sales-page .sl-view-btn{padding:6px;border:none;background:transparent;cursor:pointer;color:#6366f1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s}.sales-page .sl-view-btn:hover{background:#eef2ff}.sales-page .sl-filters-bar{display:flex;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px}.sales-page .sl-search-wrap{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);flex:1;min-width:180px}.sales-page .sl-search-wrap input{border:none;outline:none;font-size:13px;color:var(--text-primary);background:transparent;flex:1}.sales-page .sl-search-wrap svg{color:var(--text-muted);flex-shrink:0}.sales-page .sl-search-wrap button{border:none;background:transparent;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:0}.sales-page .sl-filters-bar select{padding:9px 12px;border:1px solid var(--border);border-radius:10px;font-size:13px;color:var(--text-secondary);background:var(--bg-card);cursor:pointer}.sales-page .sl-clear-btn{display:flex;align-items:center;gap:5px;padding:9px 14px;border:1px solid rgb(247.039408867,161.960591133,161.960591133);border-radius:10px;background:#fff;color:#ef4444;font-size:12px;font-weight:500;cursor:pointer}.sales-page .sl-total-badge{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-faint);font-weight:600;padding:0 4px}.sales-page .sl-pagination{display:flex;align-items:center;justify-content:center;gap:5px;padding-top:24px}.sales-page .sl-pagination button{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:13px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sales-page .sl-pagination button:hover:not(:disabled){background:var(--bg-muted)}.sales-page .sl-pagination button.active{background:#6366f1;color:var(--bg-card);border-color:#6366f1}.sales-page .sl-pagination button:disabled{opacity:.4;cursor:not-allowed}.sales-page .sl-sellers-tab{display:flex;flex-direction:column;gap:24px}.sales-page .sl-sellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.sales-page .sl-seller-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px;text-align:center;position:relative;overflow:hidden;transition:box-shadow .2s}.sales-page .sl-seller-card:hover{box-shadow:0 4px 20px #00000012}.sales-page .sl-seller-card--top{border-color:#6366f1;background:linear-gradient(180deg,#f0f0ff 0%,var(--bg-card) 60%)}.sales-page .sl-seller-card__crown{font-size:11px;font-weight:700;color:#6366f1;margin-bottom:14px}.sales-page .sl-seller-card__avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;margin:0 auto 16px}.sales-page .sl-seller-card__name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.sales-page .sl-seller-card__email{font-size:11px;color:var(--text-muted);margin-bottom:20px}.sales-page .sl-seller-card__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px}.sales-page .sl-seller-card__stat{background:var(--bg-subtle);border-radius:8px;padding:10px 4px}.sales-page .sl-seller-card__stat-label{display:block;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.sales-page .sl-seller-card__stat-value{display:block;font-size:12px;font-weight:700;color:var(--text-primary)}.sales-page .sl-seller-card__share{font-size:11px;color:#6366f1;font-weight:600;margin-top:8px}.sales-page .sl-payments-tab{display:flex;flex-direction:column;gap:24px}.sales-page .sl-payments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.sales-page .sl-pmt-card{background:var(--bg-card);border:1px solid var(--border);padding:24px;border-radius:14px;transition:box-shadow .2s}.sales-page .sl-pmt-card:hover{box-shadow:0 4px 20px #00000012}.sales-page .sl-pmt-card__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.sales-page .sl-pmt-card__icon--cash{background:#10b98114;color:#10b981}.sales-page .sl-pmt-card__icon--credit-card{background:#6366f114;color:#6366f1}.sales-page .sl-pmt-card__icon--debit-card{background:#3b82f614;color:#3b82f6}.sales-page .sl-pmt-card__icon--pix{background:#8b5cf614;color:#8b5cf6}.sales-page .sl-pmt-card__icon--voucher{background:#f59e0b14;color:#f59e0b}.sales-page .sl-pmt-card__icon--bank-transfer{background:#06b6d414;color:#06b6d4}.sales-page .sl-pmt-card__icon--other{background:#6b728014;color:#6b7280}.sales-page .sl-pmt-card__label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.sales-page .sl-pmt-card__amount{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:8px}.sales-page .sl-pmt-card__meta{display:flex;justify-content:space-between;margin-bottom:12px}.sales-page .sl-pmt-card__meta span{font-size:11px;color:var(--text-muted)}.sales-page .sl-pmt-card__share{font-size:11px;font-weight:700;color:#6366f1}.sales-page .sl-pmt-donut-section{display:flex;gap:40px;align-items:center}@media(max-width:600px){.sales-page .sl-pmt-donut-section{flex-direction:column;align-items:flex-start;gap:24px}}.sales-page .sl-pmt-donut-wrap{position:relative;flex-shrink:0}.sales-page .sl-pmt-donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.sales-page .sl-pmt-donut-center__total{font-size:17px;font-weight:700;color:var(--text-primary)}.sales-page .sl-pmt-donut-center__label{font-size:11px;color:var(--text-muted)}.sales-page .sl-pmt-legend{flex:1;display:flex;flex-direction:column;gap:14px}.sales-page .sl-pmt-legend-row{display:flex;align-items:center;gap:12px}.sales-page .sl-pmt-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sales-page .sl-pmt-legend-dot--cash{background:#10b981}.sales-page .sl-pmt-legend-dot--credit-card{background:#6366f1}.sales-page .sl-pmt-legend-dot--debit-card{background:#3b82f6}.sales-page .sl-pmt-legend-dot--pix{background:#8b5cf6}.sales-page .sl-pmt-legend-dot--voucher{background:#f59e0b}.sales-page .sl-pmt-legend-dot--bank-transfer{background:#06b6d4}.sales-page .sl-pmt-legend-dot--other{background:#6b7280}.sales-page .sl-pmt-legend-label{font-size:13px;color:var(--text-secondary);flex:1}.sales-page .sl-pmt-legend-pct{font-size:12px;color:var(--text-muted);min-width:36px;text-align:right}.sales-page .sl-pmt-legend-amount{font-size:13px;font-weight:600;color:var(--text-primary)}.sales-page .sl-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sales-page .sl-modal{background:var(--bg-card);border-radius:18px;width:100%;max-width:520px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #0003}.sales-page .sl-modal__header{display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid var(--border-light)}.sales-page .sl-modal__header-icon{width:40px;height:40px;background:#eef2ff;color:#6366f1;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sales-page .sl-modal__header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.sales-page .sl-modal__header p{font-size:12px;color:var(--text-muted);margin:3px 0 0}.sales-page .sl-modal__close{margin-left:auto;padding:7px;border:none;background:transparent;cursor:pointer;color:var(--text-muted);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sales-page .sl-modal__close:hover{background:var(--bg-muted);color:var(--text-primary)}.sales-page .sl-modal__body{padding:24px;overflow-y:auto;flex:1}.sales-page .sl-loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px;color:#6366f1}.sales-page .sl-detail-hero{text-align:center;margin-bottom:28px}.sales-page .sl-detail-hero__total{font-size:32px;font-weight:800;color:var(--text-primary);letter-spacing:-1px;margin-bottom:8px}.sales-page .sl-detail-hero__date{font-size:12px;color:var(--text-muted);margin-top:6px}.sales-page .sl-detail-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.sales-page .sl-detail-card{background:var(--bg-subtle);border-radius:10px;padding:14px 20px}.sales-page .sl-detail-card__label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.sales-page .sl-detail-card__value{font-size:14px;font-weight:600;color:var(--text-primary)}.sales-page .sl-detail-section{margin-bottom:24px}.sales-page .sl-detail-section__title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.sales-page .sl-detail-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-light)}.sales-page .sl-detail-item__name{flex:1;font-size:13px;color:var(--text-primary);font-weight:500}.sales-page .sl-detail-item__meta{font-size:11px;color:var(--text-muted);white-space:nowrap}.sales-page .sl-detail-item__total{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap}.sales-page .sl-detail-totals{background:var(--bg-subtle);border-radius:10px;padding:20px;margin-bottom:24px}.sales-page .sl-detail-totals__row{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;color:var(--text-secondary)}.sales-page .sl-detail-totals__row--discount{color:#ef4444}.sales-page .sl-detail-totals__row--total{font-size:15px;font-weight:700;color:var(--text-primary);border-top:1px solid var(--border);padding-top:14px;margin-top:6px}.sales-page .sl-detail-payment{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-light);font-size:13px}.sales-page .sl-detail-payment--cash{color:#10b981}.sales-page .sl-detail-payment--credit-card{color:#6366f1}.sales-page .sl-detail-payment--debit-card{color:#3b82f6}.sales-page .sl-detail-payment--pix{color:#8b5cf6}.sales-page .sl-detail-payment--voucher{color:#f59e0b}.sales-page .sl-detail-payment--bank-transfer{color:#06b6d4}.sales-page .sl-detail-payment--other{color:#6b7280}.sales-page .sl-detail-payment__amount{margin-left:auto;font-weight:700;color:var(--text-primary)}.sales-page .sl-chip{background:var(--bg-muted);color:var(--text-faint);font-size:11px;padding:2px 8px;border-radius:20px}.sales-page .sl-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:var(--text-muted);font-size:13px}.sales-page .sl-empty-state--center{text-align:center;padding:48px 40px}.sales-page .sl-empty-state button{margin-top:14px;padding:8px 18px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);font-size:12px;cursor:pointer;color:#6366f1}