:root{--sidebar-w:240px;--sidebar-bg:#1a2028;--sidebar-hover:#242e38;--sidebar-active:#0d94882e;--sidebar-text:#a8b4be;--sidebar-text-active:#fff;--header-h:60px;--bg-main:#f1f4f7;--card-bg:#fff;--border:#e0e4e8;--text-main:#1a2028;--text-muted:#4b5563;--accent:#0f766e;--accent-hover:#0d9488;--accent-bg:#ccfbf1;--accent-border:#5eead4;--accent-light:#f0fdfa;--radius:12px;--radius-sm:8px;--shadow:0 1px 8px #00000012;--shadow-md:0 4px 16px #00000017;--skeleton-base:#e3e7eb;--skeleton-highlight:#fff9}*{box-sizing:border-box}body{background:var(--bg-main);color:var(--text-main);-webkit-tap-highlight-color:transparent;margin:0;font-family:Nunito,sans-serif;font-size:14px}.text-muted{color:var(--text-muted)!important}.loading-skeleton{gap:.75rem;margin-bottom:1rem;display:grid}.loading-skeleton-banner{margin-bottom:.75rem}.global-toast{z-index:3000;border:1px solid var(--border);background:var(--card-bg);width:min(420px,100vw - 32px);box-shadow:var(--shadow-md);color:var(--text-main);border-left:4px solid #dc3545;border-radius:8px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex;position:fixed;bottom:18px;right:18px}.global-toast-warning{border-left-color:#f59e0b}.global-toast-danger{border-left-color:#dc3545}.global-toast-icon{color:#dc3545;font-size:1.05rem;line-height:1.3}.global-toast-warning .global-toast-icon{color:#f59e0b}.global-toast-copy{flex:1;min-width:0}.global-toast-title{margin-bottom:.1rem;font-size:.88rem;font-weight:800}.global-toast-message{color:var(--text-muted);font-size:.8rem;line-height:1.35}.global-toast-close{color:var(--text-muted);background:0 0;border:0;padding:.1rem;line-height:1}.global-toast-close:hover{color:var(--text-main)}.skeleton{background:var(--skeleton-base);border-radius:var(--radius);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent);animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{height:16px}.skeleton-line-lg{border-radius:8px;height:22px}.skeleton-title{border-radius:10px;width:240px;height:26px}.skeleton-subtitle{border-radius:8px;width:320px;height:14px}.skeleton-input{border-radius:10px;width:200px;height:38px}.skeleton-card{height:110px}.skeleton-card-sm{height:90px}.skeleton-panel{height:190px}.skeleton-panel-lg{height:280px}.skeleton-panel-sm{height:120px}.skeleton-table{height:280px}.skeleton-block{height:160px}.skeleton-toolbar{border-radius:12px;height:42px}.skeleton-btn{border-radius:10px;width:140px;height:38px}.skeleton-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.skeleton-row-between{justify-content:space-between;width:100%}.skeleton-chip{border-radius:999px;width:78px;height:26px}.skeleton-pos{gap:1rem;display:flex}.skeleton-pos-left{flex-direction:column;flex:1;gap:.75rem;display:flex}.skeleton-pos-right{flex-direction:column;gap:.75rem;width:300px;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.4rem;display:grid}.skeleton-grid-item{border-radius:8px;height:70px}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}code{font-family:JetBrains Mono,monospace}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);z-index:1000;flex-direction:column;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-header{color:#fff;letter-spacing:.3px;border-bottom:1px solid #ffffff12;align-items:center;gap:.5rem;padding:1.25rem 1.125rem 1.125rem;font-size:.9rem;font-weight:800;display:flex}.sidebar-header i{font-size:1.4rem}.sidebar-logo{object-fit:cover;border-radius:6px;flex-shrink:0;width:28px;height:28px}.sidebar-brand{font-size:.85rem;line-height:1.2}.sidebar-user{border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:1rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#0f766e,#0d9488);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0d948859}.user-name{color:#fff;font-size:.85rem;font-weight:700}.user-role{text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.sidebar-nav{scrollbar-width:none;flex:1;padding:.75rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-list{margin:0;padding:0 .5rem;list-style:none}.nav-group{margin-bottom:.25rem}.nav-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-text);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;padding:.6rem .875rem .25rem;font-size:.65rem;font-weight:800;display:block}.nav-sublist{margin:0;padding:0;list-style:none}.nav-item{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:0 8px 8px 0;align-items:center;gap:.75rem;margin-bottom:2px;padding:.6rem .875rem;font-family:Nunito,sans-serif;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:#fff;border-left-color:#5eead459}.nav-item.active{background:var(--sidebar-active);color:#5eead4;border-left-color:#0d9488;font-weight:700}.nav-icon{flex-shrink:0;font-size:1.1rem}.sidebar-footer{border-top:1px solid #ffffff0f;padding:.5rem}.logout-btn{color:#e87474!important}.logout-btn:hover{color:#dc3545!important;background:#dc354526!important}.sidebar-overlay{z-index:999;background:#00000080;display:none;position:fixed;inset:0}.main-wrapper{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.top-header{height:var(--header-h);border-bottom:1px solid var(--border);z-index:100;box-shadow:0 1px 0 var(--border);background:#fff;align-items:center;gap:.75rem;padding:0 1.75rem;display:flex;position:sticky;top:0}.header-title{flex:1;font-size:1rem;font-weight:800}.header-right{margin-left:auto}.header-avatar{background:var(--accent-bg);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.page-content{flex:1;padding:1.75rem}.settings-page .row{align-items:flex-start;max-width:none;margin:0 1rem}.settings-page .col-lg-6{flex-direction:column;display:flex}@media (width>=1200px){.settings-page .row{margin:0 2rem}}@media (width<=991.98px){.settings-page .row{margin:0}}.settings-page .card-custom{margin-bottom:20px}.card-data-backup{margin-top:6px}.page-transition{animation:.42s pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}.theme-toggle{border:1px solid var(--border);background:var(--card-bg);color:var(--text-main);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.theme-toggle:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.login-theme-toggle{position:absolute;top:14px;right:14px}.btn-filter{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:8px;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.btn-filter:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-filter.btn-filter--active{background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);border:1px solid #0000;box-shadow:0 2px 8px #0d948859;color:#fff!important}.btn-filter.btn-filter--active:hover{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);box-shadow:0 3px 12px #0d948873}.card-custom{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .14s,box-shadow .14s,border-color .14s;overflow:hidden}.card-custom:hover{box-shadow:var(--shadow-md);border-color:#c8d0d8;transform:translateY(-2px)}.card-header-custom{border-bottom:1px solid var(--border);background:#f8fafb;align-items:center;padding:.925rem 1.125rem;font-size:.875rem;font-weight:700;display:flex}.stat-card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center;padding:1.375rem 1.125rem;transition:transform .14s,box-shadow .14s,border-color .14s}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#c8d0d8;transform:translateY(-2px)}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .75rem;font-size:1.3rem;display:flex}.stat-value{margin-bottom:.25rem;font-size:1.5rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.empty-state{text-align:center;padding:1.5rem}.expense-icon-button{flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.table{font-size:.875rem}.table th{text-transform:uppercase;letter-spacing:.3px;color:#6c7580;font-size:.78rem;font-weight:700}.table-scroll-panel{overflow:auto}.table-scroll-panel--products{max-height:68vh}.table-scroll-panel--inventory{max-height:60vh}.table-scroll-panel--page{max-height:65vh}.table-scroll-panel--dashboard{max-height:45vh}.table-scroll-panel--reports{max-height:55vh}.breakdown-tab{color:var(--bs-secondary-color,#6c757d);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.breakdown-tab:hover{color:#5eead4;border-color:#5eead466}.breakdown-tab.active{color:#5eead4;background:#1a2028;border-color:#0d9488}[data-theme=light] .breakdown-tab{color:#6c757d;border-color:#dee2e6}[data-theme=light] .breakdown-tab:hover{color:#0d9488;border-color:#0d9488}[data-theme=light] .breakdown-tab.active{color:#5eead4;background:#1a2028;border-color:#0d9488}.breakdown-scroll{scrollbar-width:thin;max-height:55vh;overflow-y:auto}.table-scroll-panel .table{margin-bottom:0}.table-scroll-panel thead th{z-index:2;background:#fafbfc;position:sticky;top:0}.table-page-size-control{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.table-page-size-control .form-select-sm{border-color:var(--border);min-height:28px;color:var(--text-main);box-shadow:none;background:#f8f9fa;padding:.25rem .5rem;font-size:.75rem}.table-page-size-control .form-select-sm:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px #0d948826}.table-footer-meta{background:#f8f9fa;font-size:.8rem}.activity-scroll-panel,.activity-accordion{max-height:60vh;overflow-y:auto}.activity-accordion-item+.activity-accordion-item{border-top:1px solid var(--border)}.activity-accordion-trigger{width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:700;transition:border-color .15s;display:flex}.activity-accordion-trigger:hover{border-left-color:var(--accent-border);background:var(--accent-light)}.activity-accordion-body{background:#fafbfc}.activity-meta{font-size:.72rem}.activity-empty{text-align:center;justify-content:center;align-items:center;min-height:120px;padding:1rem;display:flex}.order-edit-add-box{background:#f5f7fa;border-color:var(--border)!important}.order-edit-add-box .form-label{color:#6b7785}input.order-edit-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input.order-edit-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input.order-edit-qty-input{-moz-appearance:textfield}.page-header{justify-content:space-between;align-items:flex-start;display:flex}.col-span-all{grid-column:1/-1}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c0c5cb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#95a0a8}@media (width<=991.98px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0006}.sidebar-overlay{display:block}.main-wrapper{margin-left:0}.page-content{padding:1rem}}@media (width<=767.98px){.stat-value{font-size:1.2rem}.page-content{padding:.75rem}.skeleton-pos{flex-direction:column}.skeleton-pos-right{width:100%}}body[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sidebar-bg:#0d1318;--sidebar-hover:#182028;--sidebar-active:#0d948833;--sidebar-text:#8fa0af;--sidebar-text-active:#fff;--bg-main:#0f1418;--card-bg:#141a1f;--border:#222c34;--text-main:#e4eaee;--text-muted:#8fa0af;--accent:#0d9488;--accent-hover:#0f766e;--accent-bg:#0d948826;--accent-border:#5eead44d;--accent-light:#0d948814;--shadow:0 1px 8px #0000008c;--shadow-md:0 4px 18px #0006;--skeleton-base:#1a2228;--skeleton-highlight:#ffffff12;--bs-body-bg:#0f1418;--bs-body-bg-rgb:15, 20, 24;--bs-body-color:#e4eaee;--bs-body-color-rgb:228, 234, 238;--bs-secondary-bg:#1a2228;--bs-secondary-bg-rgb:26, 34, 40;--bs-tertiary-bg:#141a1f;--bs-tertiary-bg-rgb:20, 26, 31;--bs-border-color:#222c34;--bs-border-color-translucent:#ffffff1a;--bs-emphasis-color:#e4eaee;--bs-secondary-color:#e4eaeebf;--bs-tertiary-color:#e4eaee80;--bs-heading-color:#e4eaee;--bs-link-color:#0d9488;--bs-link-hover-color:#14b8a6;--bs-link-color-rgb:13, 148, 136;--bs-card-bg:#141a1f;--bs-card-border-color:#222c34;--bs-card-cap-bg:#ffffff08;--bs-modal-bg:#141a1f;--bs-modal-header-border-color:#222c34;--bs-offcanvas-bg:#141a1f;--bs-nav-tabs-border-color:#222c34;--bs-nav-tabs-link-active-bg:#141a1f;--bs-nav-tabs-link-active-color:#0d9488;--bs-nav-tabs-link-active-border-color:#222c34 #222c34 #141a1f;--bs-dropdown-bg:#1a2228;--bs-dropdown-border-color:#222c34;--bs-dropdown-link-color:#e4eaee;--bs-dropdown-link-hover-bg:#222c34;--bs-dropdown-link-hover-color:#e4eaee;--bs-table-bg:transparent;--bs-table-striped-bg:#ffffff06;--bs-table-hover-bg:#ffffff0a;--bs-table-border-color:#222c34;--bs-table-color:#e4eaee;--bs-list-group-bg:#141a1f;--bs-list-group-border-color:#222c34;--bs-list-group-color:#e4eaee;--bs-list-group-hover-bg:#1a2228;--bs-input-btn-focus-color:#0d948840;--bs-form-control-bg:#12181d;--bs-form-control-disabled-bg:#1a2228;--bs-form-select-bg:#12181d;--bs-form-select-indicator-color:#8fa0af;--bs-badge-color:#fff;--bs-tooltip-bg:#1a2228;--bs-tooltip-color:#e4eaee;--bs-popover-bg:#1a2228;--bs-popover-border-color:#222c34;--bs-popover-header-bg:#141a1f;--bs-popover-header-color:#e4eaee;--bs-popover-body-color:#e4eaee}body[data-theme=dark] .top-header{border-bottom-color:var(--border);background:#11171c}body[data-theme=dark] .header-avatar{color:#e6eaee;background:#1c232a}body[data-theme=dark] .card-header-custom{border-bottom-color:var(--border);background:#11171c}body[data-theme=dark] .table-scroll-panel thead th{color:#9aa6b2;background:#11171c}body[data-theme=dark] .table-footer-meta{border-top-color:var(--border);background:#11171c}body[data-theme=dark] .activity-accordion-item+.activity-accordion-item{border-top-color:var(--border)}body[data-theme=dark] .activity-accordion-trigger:hover{border-left-color:#3a4550}body[data-theme=dark] .activity-accordion-body{background:#11171c}body[data-theme=dark] .card-custom:hover{border-color:#5eead433;box-shadow:0 4px 18px #0006}body[data-theme=dark] .stat-card:hover{border-color:#5eead433}body[data-theme=dark] .text-muted,body[data-theme=dark] .text-secondary{color:#b2bcc7!important}body[data-theme=dark] .text-dark{color:#e6eaee!important}body[data-theme=dark] small,body[data-theme=dark] .small{color:#b2bcc7}body[data-theme=dark] .theme-toggle{background:#1a222a}body[data-theme=dark] .theme-toggle:hover{background:var(--accent-bg);border-color:var(--accent-border);color:#5eead4}body[data-theme=dark] .header-avatar{background:var(--accent-bg);color:#5eead4}body[data-theme=dark] .activity-accordion-trigger:hover{background:var(--accent-light);border-left-color:var(--accent-border)}body[data-theme=dark] .theme-toggle:hover{background:#202a33;border-color:#3a4550}body[data-theme=dark] .form-control,body[data-theme=dark] .form-select,body[data-theme=dark] .input-group-text{border-color:var(--border);color:var(--text-main);background:#12181d}body[data-theme=dark] .form-control::placeholder{color:#6f7c89}body[data-theme=dark] .input-group-text{color:#9aa6b2}body[data-theme=dark] .form-label{color:#c9d2dc}body[data-theme=dark] .table{color:var(--text-main)}body[data-theme=dark] .table th{color:#9aa6b2}body[data-theme=dark] .table-light{color:#9aa6b2;background:#1b2228!important}body[data-theme=dark] .table{--bs-table-bg:transparent;--bs-table-color:var(--text-main);--bs-table-border-color:var(--border);--bs-table-striped-bg:#1a2026;--bs-table-hover-bg:#1a2026;--bs-table-hover-color:var(--text-main)}body[data-theme=dark] .table>:not(caption)>*>*{background-color:#0000}body[data-theme=dark] .table-light>*>*{color:#b2bcc7;background-color:#1b2228!important}body[data-theme=dark] .table-hover tbody tr:hover{color:var(--text-main);background:#1a2026}body[data-theme=dark] .table-hover tbody tr:hover>*{color:var(--text-main)}body[data-theme=dark] .table td,body[data-theme=dark] .table th{border-color:var(--border)}body[data-theme=dark] .list-group-item{color:var(--text-main);border-color:var(--border);background:#141a1f}body[data-theme=dark] .badge.bg-light{color:#c9d2dc!important;background:#1f262d!important;border-color:#2b3540!important}body[data-theme=dark] .card{background:var(--card-bg);border-color:var(--border);color:var(--text-main)}body[data-theme=dark] .card.border,body[data-theme=dark] .card.border-2{border-color:var(--border)!important}body[data-theme=dark] .card.text-center{color:var(--text-main)}body[data-theme=dark] .card .text-muted{color:#b2bcc7!important}body[data-theme=dark] .modal-content{color:var(--text-main);background:#141a1f}body[data-theme=dark] .modal-header,body[data-theme=dark] .modal-footer{border-color:var(--border)}body[data-theme=dark] .btn.btn-light{color:#e6eaee;background:#1a222a;border-color:#2a3238}body[data-theme=dark] .btn-outline-secondary{color:#b8c2cc;border-color:#3a4550}body[data-theme=dark] .btn-outline-secondary:hover{color:#e6eaee;background:#202a33}body[data-theme=dark] .btn-outline-dark{color:#e6eaee;border-color:#3a4550}body[data-theme=dark] .btn-outline-dark:hover{color:#e6eaee;background:#202a33}.btn-process{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);border:none;border-radius:10px;padding:.75rem;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:800;transition:all .15s;box-shadow:0 3px 10px #0d948859}.btn-process:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);transform:translateY(-1px);box-shadow:0 5px 14px #0d948873}.btn-process:disabled{opacity:.5;cursor:not-allowed}body[data-theme=dark] .bg-light{color:#c9d2dc!important;background-color:#1b2228!important}body[data-theme=dark] .alert-info{color:#b8d4e2;background-color:#12232d;border-color:#1e3a4a}body[data-theme=dark] .alert-danger{color:#f2b8b8;background-color:#2a1416;border-color:#4a1e23}body[data-theme=dark] .alert-success{color:#b8e2c6;background-color:#12231a;border-color:#1e3a2a}body[data-theme=dark] .nav-tabs{border-color:var(--border)}body[data-theme=dark] .nav-tabs .nav-link{color:var(--text-muted);border-color:#0000}body[data-theme=dark] .nav-tabs .nav-link:hover{color:var(--text-main);border-color:var(--border) var(--border) transparent;background:0 0}body[data-theme=dark] .nav-tabs .nav-link.active{background:var(--card-bg);color:var(--accent);border-color:var(--border) var(--border) var(--card-bg)}body[data-theme=dark] .dropdown-menu{border-color:var(--border);color:var(--text-main);background:#1a2228;box-shadow:0 4px 16px #00000080}body[data-theme=dark] .dropdown-item{color:var(--text-main)}body[data-theme=dark] .dropdown-item:hover,body[data-theme=dark] .dropdown-item:focus{color:var(--text-main);background:#222c34}body[data-theme=dark] .dropdown-divider{border-color:var(--border)}body[data-theme=dark] .order-edit-add-box{background:#11171c;border-color:var(--border)!important}body[data-theme=dark] .order-edit-add-box .form-label{color:#b2bcc7}.login-page{background:linear-gradient(145deg,#0d1f1d 0%,#0f1418 60%,#1a2028 100%);min-height:100vh}.login-card{background:#fff;border-radius:16px;width:100%;max-width:400px;margin:1rem;padding:2.5rem 2rem;position:relative;box-shadow:0 20px 60px #00000059}.store-logo{border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 24px #0d948840}.store-logo img{object-fit:cover;width:100%;height:100%}.store-name{color:#1e2428;letter-spacing:.5px;font-size:1.5rem;font-weight:800}.store-sub{color:#4b5563;margin:0;font-size:.85rem}.login-btn{background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);border:none;border-radius:10px;padding:.75rem;font-size:1rem;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #0d948859}.login-btn:hover{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);transform:translateY(-1px);box-shadow:0 6px 18px #0d948873}.quick-btn{border-radius:10px;padding:.5rem;font-size:.75rem}.quick-btn i{font-size:1.1rem}.role-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.5rem;font-size:.75rem;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.role-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000014}.role-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.role-btn-active{background:#f6f7f9;border-width:2px}body[data-theme=dark] .login-page{background:radial-gradient(1200px 800px at 70% -10%,#0a1f1d,#0f1418 60%)}body[data-theme=dark] .login-card{background:#141a1f;box-shadow:0 20px 60px #0009}body[data-theme=dark] .store-name{color:#e6eaee}body[data-theme=dark] .store-sub{color:#97a3af}body[data-theme=dark] .login-btn{background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%)}body[data-theme=dark] .login-btn:hover{background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%)}body[data-theme=dark] .role-btn-active{background:#1a222a}