:root{--primary-hue:160;--primary-sat:85%;--primary-light:39%;--primary:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-hover:hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) - 8%));--primary-glow:hsla(var(--primary-hue), var(--primary-sat), var(--primary-light), .15);--secondary:#ec4899;--secondary-glow:#ec489926;--accent:#0ea5e9;--accent-glow:#0ea5e926;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg-app:#fff;--bg-sidebar:#fff;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--shadow-premium:0 20px 40px -15px #4f46e51f;--glass-bg:#ffffffb3;--glass-border:#fff6;--font-sans:"Inter", sans-serif;--font-heading:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-app:#080c14;--bg-sidebar:#0f131f;--bg-surface:#121824;--bg-surface-hover:#1b2336;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#1e293b;--border-light:#161f30;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 25px -5px #0006;--shadow-premium:0 20px 40px -15px #4f46e540;--glass-bg:#121824b3;--glass-border:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;outline:none}button,label{font-weight:500}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700}p,span,div{font-weight:400}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);width:260px;color:var(--text-main);border-right:1px solid var(--border-color);z-index:100;transition:width var(--transition-normal);flex-direction:column;flex-shrink:0;height:100%;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:12px;height:70px;padding:0 24px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #4f46e54d}.brand-name{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-main);text-transform:capitalize;font-size:20px;font-weight:800}.sidebar-menu{flex-direction:column;flex-grow:1;gap:4px;padding:20px 12px;list-style:none;display:flex;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.menu-item a{color:var(--text-main);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.menu-item a:hover{color:var(--text-main);background-color:var(--primary-glow)}.menu-item.active a{color:var(--primary);background-color:var(--primary-glow);box-shadow:none}.sidebar-footer{border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:12px;padding:16px;display:flex}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--secondary), var(--accent));color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex;overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-role{color:#64748b;font-size:11px}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar.collapsed .brand-name{display:none}.sidebar.collapsed .sidebar-menu{padding:20px 8px}.sidebar.collapsed .menu-item a,.sidebar.collapsed .menu-item-header{justify-content:center;gap:0;padding:12px 0}.sidebar.collapsed .menu-item a span,.sidebar.collapsed .menu-item-header span,.sidebar.collapsed .menu-item-header svg:last-child,.sidebar.collapsed .submenu{display:none}.sidebar.collapsed .sidebar-footer{flex-direction:column;justify-content:center;gap:12px;padding:16px 0}.sidebar.collapsed .user-info,.sidebar-overlay{display:none}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex;overflow-y:auto}.top-header{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:90;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;min-height:70px;padding:0 32px;display:flex;position:sticky;top:0}.header-search{background-color:var(--bg-app);border-radius:var(--radius-sm);border:1px solid var(--border-color);width:300px;transition:var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;display:flex}.header-search:focus-within{border-color:var(--text-main);box-shadow:0 0 0 3px var(--primary-glow);background-color:var(--bg-surface)}.header-search input{width:100%;color:var(--text-main);background:0 0;border:none;font-size:14px}.header-actions{align-items:center;gap:16px;display:flex}.header-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.header-btn:hover{background-color:var(--border-light);color:var(--text-main)}.page-container{flex-direction:column;flex-grow:1;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:32px;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.page-title h1{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-main);margin:0 0 4px;font-size:28px;font-weight:700}.page-title p{color:var(--text-secondary);font-size:14px}.btn{letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:800;display:inline-flex}.btn-sm{border-radius:12px;padding:8px 16px;font-size:12px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow);border:1px solid var(--primary)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98140}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 15px #ef444440}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444459}.btn-secondary{background-color:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-transform:uppercase}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--text-muted)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.sales-metrics-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.sales-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sales-metrics-grid{grid-template-columns:1fr}}.sales-metric-card{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-md);transition:var(--transition-normal);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden}.sales-metric-card:hover{box-shadow:var(--shadow-premium);border-color:#4f46e533;transform:translateY(-4px)}.metric-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-normal);justify-content:space-between;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-premium);border-color:#4f46e533;transform:translateY(-4px)}.metric-card:after{content:"";background:var(--primary);opacity:0;width:4px;height:100%;transition:var(--transition-fast);position:absolute;top:0;left:0}.metric-card:hover:after{opacity:1}.metric-info h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.metric-value{font-family:var(--font-heading);color:var(--text-main);margin-bottom:6px;font-size:28px;font-weight:700}.metric-trend{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.metric-icon-box{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-weight:600;display:flex}.metric-primary .metric-icon-box{background-color:var(--primary-glow);color:var(--primary)}.metric-secondary .metric-icon-box{background-color:var(--secondary-glow);color:var(--secondary)}.metric-accent .metric-icon-box{background-color:var(--accent-glow);color:var(--accent)}.metric-warning .metric-icon-box{color:var(--warning);background-color:#f59e0b1a}.card-panel{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:20px;padding:24px;display:flex}.card-title{font-family:var(--font-heading);color:var(--text-main);font-size:18px;font-weight:700}.table-responsive{border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.data-table th{background-color:var(--bg-app);color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:14px 20px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:16px 20px}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-surface-hover)}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background-color:#10b9811a}.badge-warning{color:var(--warning);background-color:#f59e0b1a}.badge-danger{color:var(--danger);background-color:#ef44441a}.badge-info{background-color:var(--accent-glow);color:var(--accent)}.login-container{background:radial-gradient(circle at 10% 20%, #4f46e514 0%, transparent 40%), radial-gradient(circle at 90% 80%, #ec489914 0%, transparent 40%), var(--bg-app);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);width:420px;box-shadow:var(--shadow-lg), 0 30px 60px -15px #0000001a;border-radius:var(--radius-lg);flex-direction:column;gap:28px;padding:40px;display:flex}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-lg);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 6px 20px #4f46e566}.login-header h2{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.5px;font-size:24px;font-weight:800}.login-header p{color:var(--text-secondary);font-size:14px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-main);font-size:13px;font-weight:600}.form-input-wrapper{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.form-input-wrapper:focus-within{border-color:var(--primary);background-color:var(--bg-surface);box-shadow:0 0 0 3px var(--primary-glow)}.form-input-wrapper input{width:100%;color:var(--text-main);background:0 0;border:none;font-size:14px}.form-actions{justify-content:space-between;align-items:center;font-size:13px;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;display:flex}.forgot-password{color:var(--primary);font-weight:500}.forgot-password:hover{text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:500px;max-width:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;margin:auto;padding:24px 32px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex}.modal-content form{flex-direction:column;flex:1;gap:16px;display:flex}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.modal-header h3{font-family:var(--font-heading);font-size:20px;font-weight:700}.modal-body{flex-direction:column;flex:1;gap:16px;padding-right:6px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:16px;display:flex}.form-row{gap:16px;width:100%;display:flex}.form-row>.form-group{flex:1}@media (width<=576px){.form-row{flex-direction:column;gap:12px}}.settings-grid{grid-template-columns:240px 1fr;gap:32px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);padding:10px 16px;font-size:14px;font-weight:500}.settings-nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.settings-nav-item.active{background-color:var(--primary-glow);color:var(--primary);font-weight:600}.settings-form{flex-direction:column;gap:20px;max-width:600px;display:flex}.alert-banner{border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.alert-banner-success{color:var(--success);border-left:4px solid var(--success);background-color:#10b9811a}.alert-banner-error{color:var(--danger);border-left:4px solid var(--danger);background-color:#ef44441a}.pulse-glow{animation:2s infinite pulse;box-shadow:0 0 #4f46e566}@keyframes pulse{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 #4f46e500}}@media (width<=992px){.settings-grid{grid-template-columns:1fr}.app-container{flex-direction:row}.sidebar{z-index:200;border-right:1px solid var(--border-color);width:260px;height:100vh;transition:transform var(--transition-normal);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 25px #00000026}.sidebar:not(.collapsed){transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.sidebar-menu{flex-direction:column;padding:20px 12px;overflow-x:visible}.menu-item a{white-space:normal;padding:12px 16px}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:150;background-color:#0f172a8c;display:block;position:fixed;inset:0}}.new-login-container{background-color:#fff;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.new-login-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:24px;flex-direction:column;width:400px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000000f,0 1px 3px #00000005}.new-login-header{color:#fff;text-align:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom-right-radius:36px;border-bottom-left-radius:36px;flex-direction:column;align-items:center;padding:40px 32px 36px;display:flex}.new-login-logo-container{background:#ffffff26;border:1.5px solid #ffffff40;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex;box-shadow:inset 0 1px 1px #ffffff1a}.new-login-logo-container svg{color:#fff}.new-login-header h2{color:#fff;font-family:var(--font-heading);letter-spacing:-.5px;margin:0 0 6px;font-size:24px;font-weight:700}.new-login-header p{color:#ffffffd9;margin:0;font-size:14px;font-weight:400}.new-login-body{background-color:#fff;flex-direction:column;gap:20px;padding:32px 32px 40px;display:flex}.new-input-group label{color:#334155;font-size:13px;font-weight:600}.new-input-wrapper input::placeholder,.new-input-icon{color:var(--primary)}.new-input-toggle{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.new-forgot-link{color:#6366f1;align-self:flex-end;margin-top:-4px;font-size:13px;font-weight:600;text-decoration:none}.new-login-btn{color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 20px #6366f133}.new-login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #6366f14d}.new-login-btn:active{transform:translateY(1px)}.new-footer-text{text-align:center;color:#64748b;margin-top:8px;font-size:13px}.new-footer-link{color:#6366f1;cursor:pointer;font-weight:600;text-decoration:none}.new-footer-link:hover{color:#4f46e5;text-decoration:underline}.menu-item-dropdown{flex-direction:column;display:flex}.menu-item-header{color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.menu-item-header:hover{color:var(--text-main);background-color:var(--primary-glow)}.menu-item-header-content{align-items:center;gap:12px;display:flex}.submenu{flex-direction:column;gap:2px;margin:4px 0 8px;padding-left:28px;list-style:none;display:flex}.submenu-item a{color:#64748b;border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.submenu-item a:hover{color:var(--text-main);background-color:var(--primary-glow)}.submenu-item.active a{color:var(--primary);background-color:var(--primary-glow);font-weight:700}.is-frozen:not(.on-subscription-page) button[type=submit],.is-frozen:not(.on-subscription-page) .btn-primary,.is-frozen:not(.on-subscription-page) .btn-success,.is-frozen:not(.on-subscription-page) .btn-danger{opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}.is-frozen:not(.on-subscription-page) button.header-btn:has(.lucide-trash2){opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}.is-frozen:not(.on-subscription-page) button.header-btn:has(.lucide-edit){opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}.is-frozen:not(.on-subscription-page) button.header-btn:has(.lucide-trash){opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}.is-frozen:not(.on-subscription-page) button:has(.lucide-plus){opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}.is-frozen:not(.on-subscription-page) button:has(.lucide-edit2){opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}.is-frozen:not(.on-subscription-page) button:has(.lucide-trash2){opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}.is-frozen:not(.on-subscription-page) button:has(.lucide-trash){opacity:.55!important;pointer-events:none!important;cursor:not-allowed!important;filter:grayscale()!important}@media print{.sidebar,.top-header,.page-header,.print-hide{display:none!important}.app-container,.main-content,.page-container{width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.card,div[style*="padding: 16px"],div[style*="padding: 20px 24px"],div[style*="padding: 0px"],.page-container>div>div{box-shadow:none!important;background:0 0!important;border:none!important}body{color:#000!important;background-color:#fff!important}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}}.submenu-group-container{margin-bottom:6px}.submenu-group-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 12px;font-size:11px;font-weight:800;transition:all .15s;display:flex}.submenu-group-header:hover{color:var(--text-main);background-color:var(--primary-glow)}.submenu-group-header.active-group-header{color:var(--primary)}.group-bullet{color:var(--primary);font-size:14px}.sub-submenu{border-left:1px dashed var(--border-color);flex-direction:column;gap:2px;margin:4px 0 6px 4px;padding-left:12px;list-style:none;display:flex}.sub-submenu-item a{color:var(--text-main);border-radius:6px;align-items:center;padding:6px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sub-submenu-item a:hover{color:var(--primary);background-color:var(--primary-glow)}.sub-submenu-item.active a{color:var(--primary);background-color:var(--primary-glow);font-weight:700}input:focus,select:focus,textarea:focus{outline:none!important}.new-login-container{box-sizing:border-box;background-color:#f0fbf7;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.new-login-container:before{content:"";opacity:.6;z-index:0;background-image:radial-gradient(#b2e0cf 20%,#0000 20%);background-size:20px 20px;width:100px;height:100px;position:absolute;top:40px;left:40px}.new-login-container:after{content:"";opacity:.8;z-index:0;background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path fill=\"%23bde0d1\" d=\"M100,50 C100,22.3857625 77.6142375,0 50,0 C22.3857625,0 0,22.3857625 0,50 C0,77.6142375 22.3857625,100 50,100 C77.6142375,100 100,77.6142375 100,50 Z\" opacity=\"0.3\"/><path fill=\"%2394d1b8\" d=\"M80,80 C80,50 50,30 50,30 C50,30 20,50 20,80 C30,90 50,100 80,80 Z\" opacity=\"0.6\"/></svg>") 100% 100%/contain no-repeat;width:300px;height:300px;position:absolute;bottom:0;right:0}[data-theme=dark] .new-login-container{background-color:#0b1511}.new-login-card{z-index:1;background-color:#fff;border:1px solid #009c700d;border-radius:20px;flex-direction:column;width:440px;max-width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0000000d,0 8px 16px #009c7008}[data-theme=dark] .new-login-card{background-color:#13241d;border-color:#ffffff0d;box-shadow:0 20px 40px #0006}.new-login-header{text-align:center;background:linear-gradient(135deg,#dcf5eb 0%,#bdebd8 100%);border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;align-items:center;padding:36px 32px 32px;display:flex;position:relative;overflow:hidden}.new-login-logo-container{color:#fff;background:#009c70;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex;box-shadow:0 8px 16px #009c7040}.new-login-header h2{color:#1e293b;letter-spacing:-.5px;margin:0 0 8px;font-size:24px;font-weight:800}.new-login-header p{color:#64748b;max-width:280px;margin:0;font-size:14px;line-height:1.4}[data-theme=dark] .new-login-header h2{color:#f8fafc}[data-theme=dark] .new-login-header p{color:#94a3b8}.new-login-body{flex-direction:column;gap:28px;padding:20px 32px 36px;display:flex}.new-input-group{flex-direction:column;gap:8px;display:flex}.new-input-group label{color:#334155;margin-left:2px;font-size:13px;font-weight:600}[data-theme=dark] .new-input-group label{color:#cbd5e1}.new-input-wrapper{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}[data-theme=dark] .new-input-wrapper{background-color:#0f172a;border-color:#334155}.new-input-wrapper:focus-within{border-color:#009c70;box-shadow:0 0 0 3px #009c701f}.new-input-icon{color:#94a3b8;flex-shrink:0}.new-input-wrapper input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:14px}[data-theme=dark] .new-input-wrapper input{color:#f8fafc}.new-input-toggle{cursor:pointer;color:#94a3b8;justify-content:center;align-items:center;transition:color .2s;display:flex}.new-input-toggle:hover{color:#475569}[data-theme=dark] .new-input-toggle:hover{color:#f8fafc}.custom-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:#475569;align-items:center;gap:8px;font-weight:500;display:flex}.custom-checkbox-label input{display:none}.custom-checkbox-box{background:#fff;border:2px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.custom-checkbox-label input:checked+.custom-checkbox-box{background:#009c70;border-color:#009c70}.check-icon{color:#fff;opacity:0;transition:opacity .2s}.custom-checkbox-label input:checked+.custom-checkbox-box .check-icon{opacity:1}.new-forgot-link{color:#009c70;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.new-forgot-link:hover{color:#007a58;text-decoration:underline}.main-login-btn{letter-spacing:.5px;color:#fff;cursor:pointer;background:#009c70;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #009c7040}.main-login-btn:hover:not(:disabled){background:#008761;transform:translateY(-1px);box-shadow:0 6px 16px #009c7059}.main-login-btn:disabled{opacity:.7;cursor:not-allowed}.alert-banner{border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.alert-banner-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}[data-theme=dark] .alert-banner-error{color:#fca5a5;background-color:#dc262626;border-color:#dc26264d}.alert-banner-success{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.login-virtual-keypad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:240px;margin:0 auto 20px;display:grid}.keypad-btn{height:44px;color:var(--text-main,#1e293b);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .15s;display:flex}.keypad-btn:hover{background-color:#e2e8f0;border-color:#94a3b8}.keypad-btn:active{background-color:#cbd5e1;transform:scale(.95)}.keypad-btn-action{color:#475569;background-color:#e2e8f0}[data-theme=dark] .keypad-btn{color:#f8fafc;background-color:#1e293b;border-color:#334155}[data-theme=dark] .keypad-btn:hover{background-color:#334155;border-color:#475569}[data-theme=dark] .keypad-btn-action{color:#cbd5e1;background-color:#0f172a}.virtual-kb-toggle-btn{color:#009c70;cursor:pointer;background-color:#0000;border:1px solid #009c70;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.virtual-kb-toggle-btn:hover{background-color:#009c700d}.virtual-kb-toggle-btn.active{color:#fff;background-color:#009c70;box-shadow:0 2px 8px #009c7040}[data-theme=dark] .virtual-kb-toggle-btn{color:#818cf8;background-color:#0f172a;border-color:#334155}[data-theme=dark] .virtual-kb-toggle-btn:hover{background-color:#1e293b}[data-theme=dark] .virtual-kb-toggle-btn.active{color:#fff;background-color:#6366f1}.virtual-full-keyboard-fixed-bottom{z-index:99999;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffffc7;border:1.5px solid #ffffffb3;border-radius:24px;width:calc(100% - 32px);max-width:520px;padding:10px 14px 12px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpFloating;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #0000002e,0 2px 10px #6366f11f}.vk-inner-container{flex-direction:column;gap:5px;width:100%;display:flex}@keyframes slideUpFloating{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}[data-theme=dark] .virtual-full-keyboard-fixed-bottom{background:#0f172ac7;border-color:#ffffff26;box-shadow:0 16px 40px #0009,0 2px 10px #6366f133}.new-login-container.keyboard-active{align-items:flex-start;padding-top:30px;padding-bottom:280px}.vk-header{border-bottom:1px solid #e2e8f099;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:6px;display:flex}[data-theme=dark] .vk-header{border-bottom-color:#1e293bb3}.vk-active-indicator{color:#64748b;align-items:center;gap:6px;font-size:11px;display:flex}[data-theme=dark] .vk-active-indicator{color:#94a3b8}.vk-live-preview{color:#4f46e5;text-overflow:ellipsis;white-space:nowrap;background:#6366f11f;border-radius:12px;max-width:160px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700;overflow:hidden}[data-theme=dark] .vk-live-preview{color:#a5b4fc;background:#6366f140}.vk-close-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.vk-close-btn:hover{background-color:#fee2e2b3}.vk-row{justify-content:center;gap:4px;display:flex}.vk-key{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;justify-content:center;align-items:center;min-width:24px;height:36px;padding:0;font-size:13px;font-weight:600;transition:all .1s;display:flex}.vk-key:hover{color:#4f46e5;background-color:#eef2ff;border-color:#6366f1}.vk-key:active{background-color:#c7d2fe;transform:scale(.94)}[data-theme=dark] .vk-key{color:#f8fafc;background-color:#1e293b;border-color:#334155}[data-theme=dark] .vk-key:hover{color:#818cf8;background-color:#334155;border-color:#6366f1}.vk-key-special{background-color:#e2e8f0;flex:1.5;font-size:11px}.vk-key-special.active{color:#fff;background-color:#6366f1;border-color:#4f46e5}[data-theme=dark] .vk-key-special{background-color:#334155}.vk-key-backspace{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.vk-key-symbol{background-color:#f8fafc;flex:1;font-size:12px}.vk-key-space{color:#64748b;background-color:#fff;flex:3;font-size:12px}[data-theme=dark] .vk-key-space{color:#94a3b8;background-color:#1e293b}*{box-sizing:border-box}.db-wrap{background:#f7fdf9;flex-direction:column;gap:14px;min-height:100vh;padding:20px 22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.db-hero-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.db-hero-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 4px #0000000a}.db-hero-card:hover{box-shadow:0 4px 14px #00000014}.db-hero-card.green{border-top:3px solid #22c55e}.db-hero-card.blue{border-top:3px solid #3b82f6}.db-hero-card.orange{border-top:3px solid #f97316}.db-hero-card.purple{border-top:3px solid #a855f7}.db-hero-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.db-hero-icon.green{color:#16a34a;background:#dcfce7}.db-hero-icon.blue{color:#2563eb;background:#dbeafe}.db-hero-icon.orange{color:#ea580c;background:#ffedd5}.db-hero-icon.purple{color:#9333ea;background:#f3e8ff}.db-hero-body{flex-direction:column;gap:2px;display:flex}.db-hero-label{color:#6b7280;font-size:12px;font-weight:600}.db-hero-val{color:#111827;font-size:22px;font-weight:800;line-height:1.2}.db-combined-row{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0;display:flex}.db-combined-item{align-items:baseline;gap:4px;display:flex}.db-combined-tag{color:#6b7280;font-size:11px;font-weight:600}.db-combined-val{color:#111827;font-size:18px;font-weight:800;line-height:1.2}.db-combined-sep{color:#d1d5db;font-size:14px;font-weight:300}.db-badge-trend{align-items:center;gap:3px;margin-top:3px;font-size:11px;font-weight:700;display:inline-flex}.db-badge-trend.up{color:#16a34a}.db-badge-trend.down{color:#ef4444}.db-badge-trend-sub{color:#9ca3af;margin-left:2px;font-size:10px;font-weight:500}.db-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px;box-shadow:0 1px 4px #0000000a}.db-section-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.db-section-title{color:#111827;font-size:14px;font-weight:800}.db-filter-icon{color:#10b981;flex-shrink:0}.db-filter-card{padding:12px 18px}.db-filter-left-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.db-filter-heading{color:#374151;white-space:nowrap;font-size:13px;font-weight:700}.db-date-wrap{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:border-color .15s;display:flex;position:relative}.db-date-wrap:hover{border-color:#10b981}.db-dropdown{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:160px;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.db-dd-item{color:#374151;cursor:pointer;padding:9px 14px;font-size:13px;font-weight:500;transition:background .1s}.db-dd-item:hover{background:#ecfdf5}.db-dd-item.active{color:#065f46;background:#d1fae5;font-weight:700}.db-sep{color:#d1d5db;-webkit-user-select:none;user-select:none;font-size:18px}.db-export-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.db-export-btn:hover{background:#059669}.db-search-box{border:1px solid #d1d5db;border-radius:7px;flex:1;align-items:center;gap:7px;min-width:220px;padding:7px 14px;transition:border-color .15s;display:flex}.db-search-box:focus-within{border-color:#10b981}.db-search-box svg{color:#9ca3af;flex-shrink:0}.db-search-box input{color:#374151;background:0 0;border:none;outline:none;width:100%;font-size:13px}.db-search-box input::placeholder{color:#9ca3af}.db-qs-card{padding:14px 18px}.db-qs-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.db-qs-title{color:#111827;font-size:14px;font-weight:800}.db-qs-links{color:#22c55e;font-weight:700}.db-qs-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.db-qs-item{background:#fafafa;border:1px solid #f3f4f6;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.db-qs-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.db-qs-icon.green{color:#16a34a;background:#dcfce7}.db-qs-icon.blue{color:#2563eb;background:#dbeafe}.db-qs-icon.orange{color:#ea580c;background:#ffedd5}.db-qs-icon.purple{color:#9333ea;background:#f3e8ff}.db-qs-label{color:#6b7280;font-size:11px;font-weight:600}.db-qs-val{color:#111827;font-size:18px;font-weight:800}.db-qs-trend{align-items:center;gap:3px;margin-top:2px;font-size:11px;font-weight:700;display:inline-flex}.db-qs-trend.up{color:#16a34a}.db-qs-trend.down{color:#ef4444}.db-body{grid-template-columns:1fr 320px;align-items:start;gap:14px;display:grid}.db-left,.db-right{flex-direction:column;gap:14px;display:flex}.db-left-bottom-row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.db-charts-duo{grid-template-columns:1fr 1fr;gap:16px;display:grid}.db-chart-panel{flex-direction:column;gap:8px;display:flex}.db-chart-sub-title{color:#374151;font-size:12px;font-weight:700}.db-chart-h{width:100%;height:200px}.db-chart-full{flex-direction:column;gap:8px;display:flex}.db-chart-h-lg{width:100%;height:240px}.db-pie-legend{flex-direction:column;flex:1;gap:8px;padding-left:8px;display:flex}.db-legend-row{align-items:center;gap:7px;font-size:12px;display:flex}.db-legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.db-legend-name{color:#374151;flex:1;font-weight:500}.db-legend-pct{color:#111827;font-weight:700}.db-top-items-list{flex-direction:column;gap:0;display:flex}.db-top-item-row{border-bottom:1px solid #f9fafb;align-items:center;gap:12px;padding:11px 0;display:flex}.db-top-item-row:last-child{border-bottom:none}.db-top-rank{color:#9ca3af;text-align:center;width:18px;font-size:12px;font-weight:700}.db-top-img{object-fit:cover;border-radius:7px;flex-shrink:0;width:30px;height:30px}.db-top-info{flex:1;min-width:0}.db-top-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.db-top-cat{color:#9ca3af;font-size:11px}.db-top-stats{text-align:right}.db-top-qty{color:#6b7280;font-size:11px}.db-top-rev{color:#111827;font-size:13px;font-weight:700}.db-top-trend{align-items:center;gap:3px;margin-left:8px;font-size:11px;font-weight:700;display:flex}.db-top-trend.up{color:#16a34a}.db-top-trend.down{color:#ef4444}.db-real-time-badge{color:#059669;background:#d1fae5;border:1px solid #6ee7b7;border-radius:20px;margin-left:4px;padding:2px 8px;font-size:10px;font-weight:700}.db-live-toggle{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:14px;display:flex;overflow:hidden}.db-live-tab{color:#6b7280;cursor:pointer;background:#fff;border:none;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.db-live-tab.active{color:#fff;background:#10b981}.db-live-tab:not(.active):hover{background:#f9fafb}.db-live-table{border-collapse:collapse;width:100%;font-size:12px}.db-live-table th{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid #f3f4f6;padding:6px 8px;font-size:10px;font-weight:700}.db-live-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f9fafb;padding:8px;font-weight:600}.db-live-table tr:last-child td{border-bottom:none}.db-live-table tr:hover td{background:#f9fafb}.db-status-badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.db-view-all-btn{color:#059669;cursor:pointer;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:8px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.db-view-all-btn:hover{background:#d1fae5}.db-table-status-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.db-table-cell{text-align:center;border:1px solid;border-radius:8px;padding:10px 8px}.db-table-cell.free,.db-table-cell.available{background:#ecfdf5;border-color:#6ee7b7}.db-table-cell.occupied{background:#fef2f2;border-color:#fecaca}.db-table-cell.reserved{background:#fffbeb;border-color:#fde68a}.db-table-cell.billing{background:#fef3c7;border-color:#fde68a}.db-table-cell.generated{background:#e0e7ff;border-color:#c7d2fe}.db-table-cell-name{color:#111827;font-size:13px;font-weight:800}.db-table-cell-status{color:#6b7280;margin-top:2px;font-size:10px;font-weight:600}.db-alerts{flex-direction:column;gap:8px;display:flex}.db-alert-row{cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;transition:opacity .15s;display:flex}.db-alert-row:hover{opacity:.85}.db-alert-row.error{background:#fef2f2;border:1px solid #fecaca}.db-alert-row.warning{background:#fffbeb;border:1px solid #fde68a}.db-alert-row.info{background:#eff6ff;border:1px solid #bfdbfe}.db-alert-row.success{background:#f0fdf4;border:1px solid #bbf7d0}.db-alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.db-alert-row.error .db-alert-dot{background:#ef4444}.db-alert-row.warning .db-alert-dot{background:#f59e0b}.db-alert-row.info .db-alert-dot{background:#3b82f6}.db-alert-row.success .db-alert-dot{background:#22c55e}.db-alert-text{color:#374151;flex:1;font-size:12px;font-weight:500;line-height:1.4}.db-alert-arrow{color:#9ca3af;flex-shrink:0}.db-pay-list{flex-direction:column;gap:14px;display:flex}.db-pay-item{flex-direction:column;gap:4px;display:flex}.db-pay-row-top{justify-content:space-between;align-items:center;display:flex}.db-pay-name,.db-pay-amt{color:#111827;font-size:13px;font-weight:700}.db-pay-bar-wrap{background:#f3f4f6;border-radius:4px;height:7px;overflow:hidden}.db-pay-bar-fill{border-radius:4px;height:100%;transition:width .6s}.db-pay-pct-label{color:#9ca3af;font-size:11px;font-weight:600}.db-small-table{border-collapse:collapse;width:100%;font-size:12.5px}.db-small-table th{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid #f3f4f6;padding:6px 6px 8px;font-size:10px;font-weight:700}.db-small-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f9fafb;padding:9px 6px;font-weight:600}.db-small-table tr:last-child td{border-bottom:none}.db-small-table tr:hover td{background:#f9fafb}.db-no-data-cell{text-align:center;color:#9ca3af;padding:20px 0!important;font-weight:500!important}.db-staff-av{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex}.db-no-data{text-align:center;color:#9ca3af;padding:20px 0;font-size:13px}@media (width<=1200px){.db-body{grid-template-columns:1fr}.db-right{grid-template-columns:1fr 1fr;display:grid}}@media (width<=900px){.db-hero-row,.db-qs-grid{grid-template-columns:1fr 1fr}.db-charts-duo,.db-left-bottom-row{grid-template-columns:1fr}}@media (width<=600px){.db-wrap{padding:12px 14px}.db-hero-row,.db-qs-grid,.db-right{grid-template-columns:1fr}.db-filter-left-group{flex-direction:column;align-items:flex-start;gap:8px}.db-search-box{min-width:unset;width:100%}}.thermal-designer-container{flex-direction:column;gap:20px;display:flex}.thermal-printer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.thermal-row-title{color:var(--text-main,#0f172a);margin:0 0 4px;font-size:.95rem;font-weight:600}[data-theme=dark] .thermal-row-title{color:#f8fafc}.thermal-row-sub{color:var(--text-muted,#64748b);margin:0;font-size:.8125rem}.paper-size-pill{border:1.5px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);color:var(--text-main,#475569);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:500;transition:all .2s}[data-theme=dark] .paper-size-pill{color:#cbd5e1;background:#0f172a;border-color:#334155}.paper-size-pill.active{color:#7c3aed;background:#8b5cf61a;border-color:#8b5cf6;font-weight:600}.thermal-toggle-list{flex-direction:column;gap:14px;margin-bottom:20px;display:flex}.thermal-toggle-row{background:var(--bg-surface-hover,#f8fafc);border:1px solid var(--border-color,#f1f5f9);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}[data-theme=dark] .thermal-toggle-row{background:#ffffff08;border-color:#ffffff0f}.thermal-toggle-label{color:var(--text-main,#1e293b);font-size:.875rem;font-weight:500}[data-theme=dark] .thermal-toggle-label{color:#e2e8f0}.tax-settings-container{flex-direction:column;gap:20px;display:flex}.tax-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tax-summary-stats-grid{border-top:1px solid var(--border-color,#e2e8f0);grid-template-columns:repeat(4,1fr);gap:16px;padding-top:16px;display:grid}@media (width<=850px){.tax-summary-stats-grid{grid-template-columns:repeat(2,1fr)}}.tax-stat-col{flex-direction:column;gap:4px;display:flex}.tax-stat-col:not(:last-child){border-right:1px solid var(--border-color,#e2e8f0);padding-right:16px}[data-theme=dark] .tax-stat-col:not(:last-child){border-right-color:#ffffff14}.tax-stat-label{color:var(--text-muted,#64748b);font-size:.78rem;font-weight:500}.tax-stat-value{color:var(--text-main,#0f172a);font-size:1.25rem;font-weight:700}[data-theme=dark] .tax-stat-value{color:#f8fafc}.tax-stat-value.highlight-green{color:#10b981}.tax-stat-subtext{color:var(--text-muted,#94a3b8);font-size:.75rem}.tax-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.tax-table-controls{align-items:center;gap:12px;display:flex}.tax-search-box{align-items:center;display:flex;position:relative}.tax-search-input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);color:var(--text-main,#0f172a);border-radius:8px;outline:none;width:200px;padding:8px 12px 8px 34px;font-size:.8125rem}[data-theme=dark] .tax-search-input{color:#f8fafc;background:#0f172a;border-color:#334155}.tax-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.tax-table-wrapper{border:1px solid var(--border-color,#e2e8f0);border-radius:12px;overflow-x:auto}[data-theme=dark] .tax-table-wrapper{border-color:#ffffff14}.tax-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.tax-table th{background:var(--bg-surface-hover,#f8fafc);color:var(--text-main,#475569);border-bottom:1px solid var(--border-color,#e2e8f0);padding:12px 16px;font-weight:600}[data-theme=dark] .tax-table th{color:#cbd5e1;background:#ffffff0a;border-bottom-color:#ffffff14}.tax-table td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-main,#1e293b);padding:14px 16px}[data-theme=dark] .tax-table td{color:#e2e8f0;border-bottom-color:#ffffff0a}.tax-name-cell{align-items:center;gap:8px;font-weight:600;display:flex}.tax-default-badge{color:#10b981;background:#10b9811f;border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:600}.tax-status-active{color:#10b981;background:#10b9811f;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.tax-status-inactive{color:#ef4444;background:#ef44441a;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.tax-action-btn{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-right:6px;padding:5px 8px;transition:all .2s;display:inline-flex}.tax-action-btn.edit{color:#10b981;border-color:#10b9814d}.tax-action-btn.edit:hover{background:#10b9811a}.tax-action-btn.delete{color:#ef4444;border-color:#ef44444d}.tax-action-btn.delete:hover{background:#ef44441a}.tax-table-pagination{color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;margin-top:14px;font-size:.8125rem;display:flex}.tax-page-controls{align-items:center;gap:6px;display:flex}.tax-page-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);width:28px;height:28px;color:var(--text-main,#334155);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}[data-theme=dark] .tax-page-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}.tax-page-btn.active{color:#fff;background:#047857;border-color:#047857}.tax-rules-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=900px){.tax-rules-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.tax-rules-grid-4{grid-template-columns:1fr}}.tax-rules-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.tax-checkbox-wrap{color:var(--text-main,#1e293b);cursor:pointer;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex}[data-theme=dark] .tax-checkbox-wrap{color:#e2e8f0}.tax-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tax-modal-content{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;width:100%;max-width:480px;padding:24px;box-shadow:0 10px 25px #00000026}[data-theme=dark] .tax-modal-content{background:#1e293b;border-color:#ffffff1a}.two-factor-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.two-factor-header-panel{background:var(--bg-surface-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}[data-theme=dark] .two-factor-header-panel{background:#ffffff08;border-color:#ffffff14}.two-factor-header-left{align-items:center;gap:14px;display:flex}.two-factor-shield-badge{color:#6366f1;background:#6366f11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.two-factor-header-title{color:var(--text-main,#0f172a);margin:0 0 2px;font-size:1.1rem;font-weight:800}.two-factor-header-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.82rem}.two-factor-status-pill{border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.two-factor-status-pill.disabled{color:#ef4444;background:#ef44441a}.two-factor-status-pill.enabled{color:#10b981;background:#10b9811a}.two-factor-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.two-factor-grid{grid-template-columns:1fr}}.two-factor-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-direction:column;gap:16px;padding:20px 24px;display:flex}[data-theme=dark] .two-factor-card{background:#1e293b;border-color:#ffffff14}.two-factor-card-title{color:var(--text-main,#0f172a);align-items:center;gap:8px;margin:0 0 4px;font-size:.95rem;font-weight:700;display:flex}.method-select-list{flex-direction:column;gap:10px;display:flex}.method-select-card{border:2px solid var(--border-color,#e2e8f0);cursor:pointer;background:var(--bg-surface,#fff);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}[data-theme=dark] .method-select-card{background:#0f172a;border-color:#334155}.method-select-card:hover{background:var(--bg-surface-hover,#f8fafc)}.method-select-card.active{background:#6366f10a;border-color:#6366f1}.method-select-info{align-items:center;gap:12px;display:flex}.method-select-icon{color:#6366f1;background:#6366f11a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.method-select-label{color:var(--text-main,#0f172a);margin:0;font-size:.88rem;font-weight:700}.method-select-sub{color:var(--text-muted,#64748b);margin:0;font-size:.76rem}.method-select-dot{border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.method-select-card.active .method-select-dot{background:#6366f1;border-color:#6366f1}.method-select-card.active .method-select-dot:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.otp-input-row{justify-content:center;gap:10px;margin:12px 0;display:flex}.otp-digit-input{border:2px solid var(--border-color,#cbd5e1);text-align:center;width:44px;height:48px;color:var(--text-main,#0f172a);background:var(--bg-surface,#fff);border-radius:10px;font-size:1.25rem;font-weight:800;transition:all .2s}[data-theme=dark] .otp-digit-input{color:#f8fafc;background:#0f172a;border-color:#334155}.otp-digit-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.otp-digit-input.invalid{color:#ef4444;background:#ef44440d;border-color:#ef4444}.btn-action-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-primary:hover{background:#4f46e5}.btn-action-outline{width:100%;color:var(--text-main,#334155);border:1px solid var(--border-color,#cbd5e1);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-outline:hover{background:var(--bg-surface-hover,#f8fafc);border-color:#94a3b8}.change-password-container{flex-direction:column;gap:20px;display:flex}.password-card-frame{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:28px;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .password-card-frame{background:#1e293b;border-color:#ffffff14}.password-form-layout{grid-template-columns:1fr 1fr;gap:32px;margin-top:20px;display:grid}@media (width<=850px){.password-form-layout{grid-template-columns:1fr}}.password-input-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.password-input-group label{color:var(--text-main,#334155);font-size:.8125rem;font-weight:600}[data-theme=dark] .password-input-group label{color:#cbd5e1}.password-relative-field{align-items:center;display:flex;position:relative}.password-input-field{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);width:100%;color:var(--text-main,#0f172a);border-radius:10px;outline:none;padding:10px 42px 10px 14px;font-size:.875rem;transition:all .2s}[data-theme=dark] .password-input-field{color:#f8fafc;background:#0f172a;border-color:#334155}.password-input-field:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.password-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.password-eye-btn:hover{color:var(--text-main,#475569)}.strength-meter-card{background:var(--bg-surface-hover,#f8fafc);border:1px solid var(--border-color,#f1f5f9);border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex}[data-theme=dark] .strength-meter-card{background:#ffffff08;border-color:#ffffff0f}.strength-label-row{justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.strength-bar-track{background:#e2e8f0;border-radius:4px;width:100%;height:6px;overflow:hidden}[data-theme=dark] .strength-bar-track{background:#334155}.strength-bar-fill{border-radius:4px;height:100%;transition:all .3s}.req-checklist{flex-direction:column;gap:8px;margin-top:6px;display:flex}.req-item{color:var(--text-muted,#64748b);align-items:center;gap:8px;font-size:.8125rem;transition:all .2s;display:flex}.req-item.satisfied{color:#10b981;font-weight:500}.security-notice-banner{background:#10b98114;border:1px solid #10b98133;border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;display:flex}[data-theme=dark] .security-notice-banner{background:#10b9811f;border-color:#10b98140}.security-notice-text{color:#065f46;font-size:.8125rem;line-height:1.4}[data-theme=dark] .security-notice-text{color:#6ee7b7}.id-page-container{flex-direction:column;gap:20px;display:flex}.id-top-header{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}[data-theme=dark] .id-top-header{background:#1e293b;border-color:#334155}.id-header-title-area{align-items:center;gap:16px;display:flex}.id-page-title{margin:0;font-size:18px;font-weight:700}.id-page-subtitle{color:var(--text-muted,#64748b);margin:4px 0 0;font-size:13px}[data-theme=dark] .id-page-title{color:#f8fafc}.id-back-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.id-back-btn:hover{background:#f1f5f9}[data-theme=dark] .id-back-btn{color:#fff;background:#0f172a;border-color:#334155}.id-progress-container{width:260px}.id-progress-text{justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.id-progress-text span{color:var(--text-muted,#64748b);text-transform:uppercase}.id-progress-text strong{color:var(--text-main,#0f172a)}[data-theme=dark] .id-progress-text strong{color:#f8fafc}.id-progress-bar-bg{background:#e2e8f0;border-radius:10px;height:8px;overflow:hidden}[data-theme=dark] .id-progress-bar-bg{background:#334155}.id-progress-bar-fill{border-radius:10px;height:100%;transition:width .4s}.id-batch-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}[data-theme=dark] .id-batch-toolbar{background:#0f172a;border-color:#334155}.id-batch-actions{gap:12px;display:flex}.id-tool-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}[data-theme=dark] .id-tool-btn{color:#e2e8f0;background:#1e293b;border-color:#475569}.id-tool-btn:hover:not(:disabled){background:#f1f5f9}.id-tool-btn:disabled{opacity:.5;cursor:not-allowed}.id-tool-btn-danger{color:#dc2626;border-color:#fca5a5}.id-tool-btn-danger:hover{background:#fef2f2}[data-theme=dark] .id-tool-btn-danger{background:#dc26261a;border-color:#dc26264d}.btn-purple-save:hover:not(:disabled){background:#4f46e5}.btn-purple-save:disabled{opacity:.6;cursor:not-allowed}.id-dashboard-grid{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}@media (width<=1024px){.id-dashboard-grid{grid-template-columns:1fr}}.id-column-controls{flex-direction:column;gap:16px;display:flex}.id-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}[data-theme=dark] .id-section-card{background:#1e293b;border-color:#334155}.id-section-header{color:#6366f1;background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:14px;display:flex}[data-theme=dark] .id-section-header{background:#ffffff05;border-color:#334155}.id-section-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}[data-theme=dark] .id-section-header h3{color:#f8fafc}.id-form-body{padding:16px}.id-template-mini{cursor:pointer;text-align:center;border:2px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}[data-theme=dark] .id-template-mini{color:#e2e8f0;border-color:#475569}.id-template-mini.active{background:#6366f10d}.id-colors-picker{flex-wrap:wrap;gap:12px;display:flex}.id-color-dot{cursor:pointer;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.id-color-dot.active{transform:scale(1.1);box-shadow:0 4px 10px #00000026}.id-accordions-wrap{flex-direction:column;gap:12px;display:flex}.id-acc-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}[data-theme=dark] .id-acc-card{background:#1e293b;border-color:#334155}.id-acc-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.id-acc-header:hover{background:#f8fafc}[data-theme=dark] .id-acc-header:hover{background:#ffffff08}.id-acc-title{flex:1;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}[data-theme=dark] .id-acc-title{color:#f8fafc}.id-check-action{cursor:pointer;accent-color:#6366f1;width:16px;height:16px}.id-acc-body{background:#fafafa;border-top:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px;display:flex}[data-theme=dark] .id-acc-body{background:#0f172a;border-color:#334155}.id-toggle-row{justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}[data-theme=dark] .id-toggle-row{color:#e2e8f0}.id-switch{width:36px;height:20px;display:inline-block;position:relative}.id-switch input{opacity:0;width:0;height:0}.id-slider{cursor:pointer;background-color:#cbd5e1;border-radius:20px;transition:all .4s;position:absolute;inset:0}[data-theme=dark] .id-slider{background-color:#475569}.id-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.id-slider{background-color:#6366f1}input:checked+.id-slider:before{transform:translate(16px)}.id-input-group{flex-direction:column;gap:6px;display:flex}.id-input-group label{text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.id-input-group input,.id-input-group textarea{border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:13px}[data-theme=dark] .id-input-group input,[data-theme=dark] .id-input-group textarea{color:#f8fafc;background:#1e293b;border-color:#475569}.id-input-group input:focus,.id-input-group textarea:focus{border-color:#6366f1;outline:none}.id-upload-btn{cursor:pointer;background:#e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:600;display:flex}[data-theme=dark] .id-upload-btn{color:#e2e8f0;background:#334155}.id-upload-btn:hover{background:#cbd5e1}.id-column-preview{flex-direction:column;display:flex}.id-preview-sticky-wrap{position:sticky;top:20px}.id-preview-header{color:#6366f1;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;gap:8px;padding:14px;display:flex}[data-theme=dark] .id-preview-header{background:#1e293b;border-color:#334155}.id-preview-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:700}[data-theme=dark] .id-preview-header h3{color:#f8fafc}.id-paper-sheet-container{background:#cbd5e1;border:1px solid #e2e8f0;border-radius:0 0 12px 12px;min-height:600px;padding:30px;overflow-x:auto}[data-theme=dark] .id-paper-sheet-container{background:#0f172a;border-color:#334155}.id-paper-sheet{color:#1e293b;background:#fff;width:600px;min-height:800px;margin:0 auto;padding:40px;font-family:Inter,sans-serif;box-shadow:0 4px 12px #0000001a}.id-paper-sheet p{margin:0;font-size:12px;line-height:1.4}.prev-header{border-bottom:2px solid;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;display:flex}.prev-logo{object-fit:contain;max-width:150px;max-height:50px;margin-bottom:8px}.prev-brand h2{margin:0 0 4px;font-size:20px;font-weight:700}.prev-meta{text-align:right}.prev-meta h1{letter-spacing:1px;margin:0 0 4px;font-size:24px;font-weight:800}.prev-meta span{color:#64748b;font-size:12px;display:block}.prev-modern .prev-header{color:#fff;border-bottom:none;border-radius:8px;padding:20px}.prev-modern .prev-meta span{color:#fffc}.prev-customer{margin-bottom:20px}.prev-customer strong{color:#64748b;letter-spacing:.5px;font-size:11px}.prev-customer h4{margin:4px 0;font-size:14px;font-weight:700}.prev-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:12px}.prev-table th{text-align:left;border-bottom:1px solid #cbd5e1;padding:10px;font-weight:600}.prev-table td{border-bottom:1px solid #e2e8f0;padding:12px 10px}.prev-item-desc{color:#64748b;margin-top:4px;font-size:10px}.prev-item-serial{color:#0284c7;margin-top:2px;font-size:10px}.prev-totals-area{justify-content:space-between;margin-bottom:30px;display:flex}.prev-qr-box{flex-direction:column;gap:16px;width:200px;display:flex}.qr-placeholder{text-align:center;border:1px solid #cbd5e1;border-radius:8px;padding:12px}.qr-placeholder img{width:80px;height:80px;margin-bottom:6px}.qr-placeholder span{font-size:10px;font-weight:600;display:block}.prev-hsn-summary{border:1px solid #e2e8f0;border-radius:6px;font-size:10px}.prev-hsn-summary strong{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:6px;display:block}.hsn-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:6px;display:flex}.prev-calc-box{width:240px}.calc-row{justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.grand-total{border-top:2px solid;margin-top:4px;padding-top:10px;font-size:16px;font-weight:700}.savings-tag{color:#166534;text-align:center;background:#dcfce7;border-radius:4px;margin-top:8px;padding:6px;font-size:11px;font-weight:600}.payment-tag{text-align:right;margin-top:8px;font-size:11px}.prev-footer{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:20px;padding-top:20px;display:flex}.prev-footer-left{max-width:300px}.prev-terms strong,.prev-bank strong{color:#64748b;margin-bottom:4px;font-size:11px;display:block}.prev-bank{margin-top:12px}.prev-signature{flex-direction:column;align-items:center;margin-top:30px;display:flex}.sig-line{border-top:1px solid #334155;width:150px;margin-bottom:6px}.prev-signature span{font-size:11px;font-weight:600}.prev-thankyou{text-align:center;margin-top:30px;font-size:14px;font-style:italic;font-weight:600}.gold-upgrade-banner{color:#92400e;background:linear-gradient(90deg,#fef3c7,#fde68a);border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .gold-upgrade-banner{color:#fde68a;background:linear-gradient(90deg,#451a03,#78350f)}.settings-page-container{max-width:1240px;font-family:var(--font-sans,system-ui, sans-serif);color:var(--text-main,#0f172a);margin:0 auto;padding:28px}.settings-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.settings-header-left{flex-direction:column;display:flex}.settings-title{color:var(--text-main,#0f172a);margin:0 0 4px;font-size:1.6rem;font-weight:700}[data-theme=dark] .settings-title{color:#f8fafc}.settings-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.875rem}.settings-header-right{align-items:center;gap:16px;display:flex}.settings-branch-select-box{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:10px;padding:6px 14px;display:flex;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .settings-branch-select-box{background:#1e293b;border-color:#ffffff14}.settings-branch-icon-wrap{color:#10b981;background:#10b9811f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.settings-branch-select{color:var(--text-main,#0f172a);cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem;font-weight:600}[data-theme=dark] .settings-branch-select{color:#f8fafc}.settings-user-header-pill{align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.settings-avatar-circle-sm{color:#fff;background:#047857;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex}.settings-user-header-meta{flex-direction:column;display:flex}.settings-user-header-name{color:var(--text-main,#0f172a);font-size:.84rem;font-weight:700;line-height:1.2}[data-theme=dark] .settings-user-header-name{color:#f8fafc}.settings-user-header-role{color:var(--text-muted,#64748b);font-size:.75rem}.settings-main-layout{grid-template-columns:240px 1fr;gap:24px;display:grid}@media (width<=900px){.settings-main-layout{grid-template-columns:1fr}}.settings-tabs-sidebar{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;flex-direction:column;gap:6px;height:fit-content;padding:16px 12px;display:flex;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .settings-tabs-sidebar{background:#1e293b;border-color:#ffffff14}.settings-tab-btn{color:var(--text-main,#334155);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}[data-theme=dark] .settings-tab-btn{color:#cbd5e1}.settings-tab-btn:hover{background:var(--bg-surface-hover,#f8fafc);color:#10b981}[data-theme=dark] .settings-tab-btn:hover{background:#ffffff0d}.settings-tab-btn.active{color:#10b981;background:#10b9811f;font-weight:600}.settings-tab-btn .tab-icon{flex-shrink:0}.settings-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .settings-card{background:#1e293b;border-color:#ffffff14}.settings-card-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.settings-card-icon-box{color:#10b981;background:#10b9811a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.settings-card-title-group{flex-direction:column;display:flex}.settings-card-title{color:var(--text-main,#0f172a);margin:0 0 2px;font-size:1.05rem;font-weight:700}[data-theme=dark] .settings-card-title{color:#f8fafc}.settings-card-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.8125rem}.settings-status-pill{color:#10b981;background:#10b9811a;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.settings-status-pill .dot{background:#10b981;border-radius:50%;width:7px;height:7px}.settings-form-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;display:grid}@media (width<=768px){.settings-form-grid-3{grid-template-columns:1fr}}.settings-form-group{flex-direction:column;gap:6px;display:flex}.settings-form-group label{color:var(--text-main,#334155);font-size:.8125rem;font-weight:600}[data-theme=dark] .settings-form-group label{color:#cbd5e1}.settings-input,.settings-select,.settings-textarea{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);width:100%;color:var(--text-main,#0f172a);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:.875rem;transition:all .2s}[data-theme=dark] .settings-input,[data-theme=dark] .settings-select,[data-theme=dark] .settings-textarea{color:#f8fafc;background:#0f172a;border-color:#334155}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.settings-btn-green{color:#fff;cursor:pointer;background:#047857;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.settings-btn-green:hover{background:#065f46;box-shadow:0 4px 12px #04785740}.settings-btn-outline{color:#047857;cursor:pointer;background:0 0;border:1px solid #047857;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.settings-btn-outline:hover{background:#04785714}.settings-btn-danger-outline{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.settings-btn-danger-outline:hover{background:#ef444414}.settings-2fa-layout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.settings-2fa-details{flex-direction:column;gap:12px;max-width:340px;display:flex}.settings-2fa-text-sm{color:var(--text-muted,#64748b);margin:0;font-size:.8125rem;line-height:1.4}.settings-qr-container{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:12px;align-items:center;gap:20px;padding:12px;display:flex}.settings-qr-code-img{object-fit:contain;width:100px;height:100px}.settings-footer-bar{border-top:1px solid var(--border-color,#e2e8f0);color:var(--text-muted,#94a3b8);justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;font-size:.8125rem;display:flex}[data-theme=dark] .settings-footer-bar{border-top-color:#ffffff14}.number-series-container{flex-direction:column;gap:20px;display:flex}.number-series-info-box{color:var(--text-main,#0f172a);background-color:#6366f10f;border:1px solid #6366f133;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;font-size:.84rem;line-height:1.5;display:flex}[data-theme=dark] .number-series-info-box{color:#f8fafc;background-color:#6366f11f;border-color:#6366f14d}.number-series-info-icon{color:#6366f1;flex-shrink:0;margin-top:2px}.number-series-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .number-series-card{background:#1e293b;border-color:#ffffff14}.number-series-table-wrapper{width:100%;overflow-x:auto}.number-series-table{border-collapse:collapse;width:100%;font-size:.84rem}.number-series-table th{color:var(--text-main,#475569);letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-surface-hover,#f8fafc);text-align:left;padding:14px 16px;font-size:.72rem;font-weight:700}[data-theme=dark] .number-series-table th{color:#cbd5e1;background-color:#ffffff0a;border-bottom-color:#ffffff14}.number-series-table td{border-bottom:1px solid var(--border-color,#f1f5f9);vertical-align:middle;color:var(--text-main,#1e293b);padding:12px 16px}[data-theme=dark] .number-series-table td{color:#e2e8f0;border-bottom-color:#ffffff0a}.number-series-table tr:hover{background-color:#6366f108}.number-series-inline-input{border:1px solid var(--border-color,#cbd5e1);background-color:var(--bg-surface,#fff);color:var(--text-main,#0f172a);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.84rem;transition:all .2s}[data-theme=dark] .number-series-inline-input{color:#f8fafc;background-color:#0f172a;border-color:#334155}.number-series-inline-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.number-series-preview-badge{color:#6366f1;letter-spacing:.5px;background:#6366f114;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:.9rem;font-weight:800;display:inline-block}.number-series-footer-sticky{background-color:var(--bg-surface,#fff);border-top:1px solid var(--border-color,#e2e8f0);z-index:10;justify-content:flex-end;padding:16px 24px;display:flex;position:sticky;bottom:0}[data-theme=dark] .number-series-footer-sticky{background-color:#1e293b;border-top-color:#ffffff14}.profile-page-container{max-width:1320px;color:var(--text-main,#0f172a);margin:0 auto;padding:24px;font-family:inherit}.profile-header-title-group{margin-bottom:24px}.profile-main-title{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0 0 4px;font-size:1.6rem;font-weight:800}[data-theme=dark] .profile-main-title{color:#f8fafc}.profile-main-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.875rem}.profile-layout-grid{grid-template-columns:270px 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.profile-layout-grid{grid-template-columns:1fr}}.profile-sidebar-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .profile-sidebar-card{background:#1e293b;border-color:#ffffff14}.sidebar-header-row{border-bottom:1px solid var(--border-color,#f1f5f9);align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px 14px;display:flex}[data-theme=dark] .sidebar-header-row{border-bottom-color:#ffffff0f}.sidebar-header-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-main,#334155);margin:0;font-size:.8125rem;font-weight:800}[data-theme=dark] .sidebar-header-title{color:#cbd5e1}.sidebar-menu-list{flex-direction:column;gap:4px;display:flex}.sidebar-nav-item{color:var(--text-main,#334155);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}[data-theme=dark] .sidebar-nav-item{color:#cbd5e1}.sidebar-nav-item:hover{background:var(--bg-surface-hover,#f8fafc);color:#6366f1}.sidebar-nav-item.active{background:var(--bg-surface-hover,#fff);color:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px #6366f11f}[data-theme=dark] .sidebar-nav-item.active{color:#818cf8;background:#6366f126;border-color:#818cf8}.sidebar-nav-left{align-items:center;gap:12px;display:flex}.sidebar-nav-icon{justify-content:center;align-items:center;display:flex}.sidebar-nav-chevron{color:#cbd5e1;transition:transform .2s}.sidebar-nav-item.active .sidebar-nav-chevron{color:#6366f1;transform:translate(2px)}.profile-content-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:20px;min-height:680px;padding:28px;transition:min-height .2s;box-shadow:0 2px 8px #0000000a}[data-theme=dark] .profile-content-card{background:#1e293b;border-color:#ffffff14}.gold-upgrade-banner{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 18px;font-size:.84rem;font-weight:600;display:flex}[data-theme=dark] .gold-upgrade-banner{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.content-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.panel-header-left{align-items:center;gap:14px;display:flex}.panel-back-circle{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);width:38px;height:38px;color:var(--text-main,#334155);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}[data-theme=dark] .panel-back-circle{color:#f8fafc;background:#0f172a;border-color:#334155}.panel-back-circle:hover{background:var(--bg-surface-hover,#f1f5f9)}.panel-title{color:var(--text-main,#0f172a);margin:0 0 2px;font-size:1.35rem;font-weight:800}[data-theme=dark] .panel-title{color:#f8fafc}.panel-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.8125rem}.btn-purple-save{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-purple-save:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.invoice-designer-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=850px){.invoice-designer-grid{grid-template-columns:1fr}}.designer-section-box{background:var(--bg-surface-hover,#f8fafc);border:1px solid var(--border-color,#f1f5f9);border-radius:14px;padding:20px}[data-theme=dark] .designer-section-box{background:#ffffff05;border-color:#ffffff0f}.designer-section-title{color:var(--text-main,#0f172a);align-items:center;gap:8px;margin:0 0 16px;font-size:.95rem;font-weight:700;display:flex}[data-theme=dark] .designer-section-title{color:#f8fafc}.template-option-card{background:var(--bg-surface,#fff);border:1.5px solid var(--border-color,#cbd5e1);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}[data-theme=dark] .template-option-card{background:#0f172a;border-color:#334155}.template-option-card.selected{border-width:2px;border-color:#0f172a}[data-theme=dark] .template-option-card.selected{border-color:#818cf8}.template-option-title{color:var(--text-main,#0f172a);margin:0 0 2px;font-size:.9rem;font-weight:700}[data-theme=dark] .template-option-title{color:#f8fafc}.template-option-desc{color:var(--text-muted,#64748b);margin:0;font-size:.78rem}.template-check-circle{color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}[data-theme=dark] .template-check-circle{background:#818cf8}.invoice-print-sheet{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;font-size:.8125rem;box-shadow:0 4px 14px #0000000f}.invoice-preview-header{border-bottom:2px solid #0f172a;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.company-brand-name{margin:0 0 4px;font-size:1.25rem;font-weight:800}.invoice-big-title{text-align:right;margin:0 0 4px;font-size:1.25rem;font-weight:800}.invoice-meta-sub{color:#64748b;font-size:.75rem}.invoice-bill-to{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px}.invoice-table-mini{border-collapse:collapse;width:100%;margin-top:10px}.invoice-table-mini th{text-align:left;text-transform:uppercase;color:#64748b;border-bottom:1px solid #e2e8f0;padding:6px 0;font-size:.72rem;font-weight:700}.invoice-table-mini td{border-bottom:1px solid #f1f5f9;padding:8px 0}.company-branding-hero-card{background:linear-gradient(135deg, #6366f10f 0%, #a855f70f 100%), var(--bg-surface-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000005}[data-theme=dark] .company-branding-hero-card{background:linear-gradient(135deg,#6366f11f 0%,#a855f71f 100%),#0f172a;border-color:#ffffff14}.branding-hero-content{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.company-logo-wrapper{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.company-logo-box{border:2px dashed var(--border-color,#cbd5e1);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:120px;height:100px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000a}[data-theme=dark] .company-logo-box{background:#1e293b;border-color:#ffffff26}.company-logo-img{object-fit:contain;max-width:100%;max-height:100%;padding:6px}.company-logo-placeholder{color:var(--text-muted,#94a3b8);flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.logo-quick-actions{align-items:center;gap:8px;display:flex}.logo-upload-btn{color:#fff;cursor:pointer;background:#6366f1;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;transition:background .2s;display:inline-flex}.logo-upload-btn:hover{background:#4f46e5}.logo-remove-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-size:.78rem;transition:all .2s;display:inline-flex}.logo-remove-btn:hover{background:#ef444433}.company-user-details-group{flex-direction:column;flex:1;gap:10px;min-width:250px;display:flex}.company-heading-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.company-display-name{color:var(--text-main,#0f172a);letter-spacing:-.01em;margin:0;font-size:1.45rem;font-weight:800}[data-theme=dark] .company-display-name{color:#f8fafc}.company-code-badge{color:#6366f1;letter-spacing:.02em;background:#6366f11f;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}[data-theme=dark] .company-code-badge{color:#a5b4fc;background:#818cf833}.user-profile-info-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.user-name-wrapper{align-items:center;gap:8px;display:flex}.user-icon-accent{color:#10b981}.user-display-name{color:var(--text-main,#334155);font-size:1rem;font-weight:700}[data-theme=dark] .user-display-name{color:#e2e8f0}.user-role-badge{color:#059669;text-transform:uppercase;letter-spacing:.03em;background:#10b9811f;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}[data-theme=dark] .user-role-badge{color:#34d399;background:#10b98133}.user-email-text{color:var(--text-muted,#64748b);align-items:center;gap:6px;font-size:.84rem;display:flex}[data-theme=dark] .user-email-text{color:#94a3b8}.logo-info-hint{color:var(--text-muted,#64748b);margin-top:4px;font-size:.78rem}.pos-sidebar{background-color:#fff;border-right:1px solid #f1f5f9;flex-direction:column;width:250px;height:100vh;transition:width .3s;display:flex;position:sticky;top:0;box-shadow:2px 0 10px #00000005}.pos-sidebar.collapsed{width:72px}.pos-sidebar.collapsed .logo-text,.pos-sidebar.collapsed .pos-sidebar-text,.pos-sidebar.collapsed .sidebar-chevron,.pos-sidebar.collapsed .sidebar-subitems,.pos-sidebar.collapsed .sidebar-section-title{display:none}.sidebar-toggle-btn{cursor:pointer;color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;padding:12px;display:flex}.sidebar-toggle-btn:hover{color:#1e293b;background-color:#f8fafc}.pos-sidebar-logo{align-items:center;gap:12px;padding:24px;display:flex}.logo-star-icon{width:32px;height:32px}.logo-text{flex-direction:column;display:flex}.logo-text-main{color:#1e293b;font-size:16px;font-weight:700;line-height:1.2}.logo-text-sub{color:#94a3b8;font-size:11px;font-weight:500}.pos-sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.sidebar-item-container{flex-direction:column;gap:2px;display:flex}.pos-sidebar-link{color:#64748b;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.pos-sidebar-link:hover{color:#334155;background-color:#f8fafc}.pos-sidebar-link.active{background-color:#d1fae5}.pos-sidebar-text.active{color:#065f46;font-weight:600}.pos-sidebar-icon{color:#94a3b8}.pos-sidebar-icon.active{color:#10b981}.sidebar-chevron{color:#94a3b8}.sidebar-subitems{flex-direction:column;gap:4px;margin-top:4px;margin-bottom:8px;padding-left:48px;display:flex}.sidebar-subitem-link{color:#64748b;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.sidebar-subitem-link:hover{color:#334155;background-color:#f8fafc}.sidebar-subitem-link.active{color:#10b981;background-color:#ecfdf5;font-weight:600}.pos-sidebar-footer{padding:24px 16px}.upgrade-plan-box{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 16px;box-shadow:0 4px 20px #0000000a}.upgrade-plan-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.upgrade-plan-desc{color:#64748b;margin:0 0 16px;font-size:12px;line-height:1.5}.upgrade-plan-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;width:100%;padding:10px 0;font-size:13px;font-weight:600;transition:background-color .2s}.upgrade-plan-btn:hover{background-color:#059669}.logout-btn:hover{color:#ef4444;background-color:#fef2f2}.logout-btn:hover .pos-sidebar-icon{color:#ef4444}.admin-layout-wrapper{background-color:#fafbfd;min-height:100vh;font-family:Inter,sans-serif;display:flex}.admin-layout-content{flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.admin-topbar{z-index:10;background-color:#ecfdf5;border-bottom:1px solid #d1fae5;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.admin-welcome-text{color:#0f172a;margin:0 0 2px;font-size:20px;font-weight:700}.admin-welcome-sub{color:#64748b;margin:0;font-size:13px}.admin-topbar-right{align-items:center;gap:16px;display:flex}.admin-search-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:280px;padding:8px 12px;transition:all .2s;display:flex}.admin-search-container:focus-within{background-color:#fff;border-color:#cbd5e1;box-shadow:0 0 0 3px #e2e8f080}.admin-search-icon{color:#64748b;margin-right:8px}.admin-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.admin-search-input::placeholder{color:#94a3b8}.admin-search-shortcut{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px}.admin-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.admin-icon-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-notification-btn{position:relative}.admin-notification-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.admin-user-avatar{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-user-avatar:hover{border-color:#cbd5e1}.admin-page-content{flex:1;padding:24px 32px 32px}.quickStartContainer{color:#333;background-color:#f5faf6;max-width:1600px;min-height:calc(100vh - 64px);margin:0 auto;padding:8px 24px 24px;font-family:Inter,system-ui,-apple-system,sans-serif}.headerStepperContainer{background-color:#eef5f0;border:1px solid #e1ece5;border-radius:24px;margin-bottom:32px;padding:24px 32px}.quickStartHeader{justify-content:space-between;align-items:center;display:flex}.headerLeft h1{align-items:center;margin:0;font-size:20px;display:flex}.headerPillBtn{cursor:pointer;background:#fff;border:1px solid #e5e7e5;border-radius:50px;align-items:center;gap:12px;padding:10px 24px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.headerPillBtn:hover{background:#fdfdfd;box-shadow:0 4px 12px #0000000a}.stepperPillContainer{background:#fff;border-radius:100px;margin-top:24px;padding:16px 32px;box-shadow:0 2px 8px #00000005}.stepperContainer{justify-content:center;align-items:center;display:flex}.stepperItem{align-items:center;gap:12px;display:flex}.stepperCircle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.stepperCircle.completed,.stepperCircle.current{color:#fff;background-color:#1a7b76;border:2px solid #1a7b76}.stepperCircle.upcoming{color:#999;background-color:#fff;border:2px solid #e5e7e5}.stepperLabel{font-size:14px;font-weight:600}.stepperLabel.completed,.stepperLabel.current{color:#111}.stepperLabel.upcoming{color:#999}.stepperLine{background-color:#e5e7e5;width:60px;height:2px;margin:0 16px}.mainLayout{align-items:flex-start;gap:32px;display:flex}.leftColumn{flex:1;min-width:0}.rightColumn{flex:0 0 350px;position:sticky;top:32px}@media (width<=992px){.mainLayout{flex-direction:column}.rightColumn{flex:none;width:100%;position:static}}.formCard{background:#fff;border:1px solid #e5e7e5;border-radius:12px;padding:24px 32px;box-shadow:0 4px 20px #00000008}.formCardHeader{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.formCardIcon{color:#1a7b76;background-color:#e6f3f2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.formCardTitleWrapper{flex-direction:column;gap:8px;display:flex}.formCardTitle{color:#111;margin:0;font-size:24px;font-weight:700}.formCardSubtitle{color:#666;margin:0;font-size:14px;line-height:1.5}.inputGroup{margin-bottom:20px}.inputLabel{color:#111;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.inputLabelIcon{color:#555;font-size:16px}.inputWrapper{align-items:center;display:flex;position:relative}.inputIcon{color:#999;font-size:16px;position:absolute;left:16px}.textInput{color:#333;background:#fff;border:1px solid #e5e7e5;border-radius:8px;width:100%;padding:14px 16px;font-size:14px;transition:all .2s}.textInput.hasIcon{padding-left:44px}.textInput:focus{border-color:#1a7b76;outline:none;box-shadow:0 0 0 3px #1a7b761a}.textInput::placeholder{color:#999}.inputError{color:#d32f2f;margin-top:6px;font-size:12px}.helperText{color:#666;margin-top:8px;font-size:12px;line-height:1.5}.imageUploadArea{text-align:center;cursor:pointer;background-color:#f8faf9;border:1px dashed #a5c9c7;border-radius:8px;padding:24px;transition:all .2s}.imageUploadArea:hover{background-color:#f0f7f6;border-color:#1a7b76}.imageUploadArea.hasImage{border-style:solid;border-color:#e5e7e5;padding:0;overflow:hidden}.uploadedImg{object-fit:cover;width:100%;height:240px;display:block}.uploadIcon{color:#1a7b76;margin-bottom:12px;font-size:32px}.uploadText{color:#1a7b76;font-size:14px;font-weight:500}.setupFooter{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.footerBtnBack{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-size:14px;font-weight:600;display:flex}.footerBtnBack:hover{color:#111}.footerBtnPrimary{color:#fff;cursor:pointer;background-color:#18736f;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.footerBtnPrimary:hover{background-color:#125551}.footerBtnPrimary:disabled{cursor:not-allowed;background-color:#a5c9c7}.footerBtnSecondary{color:#18736f;cursor:pointer;background-color:#fff;border:1px solid #18736f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.footerBtnSecondary:hover{background-color:#f8faf9}.previewCard{background:#fff;border:1px solid #e5e7e5;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000008}.previewHeader{align-items:center;gap:12px;margin-bottom:24px;display:flex}.previewIcon{color:#1a7b76;background-color:#e6f3f2;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.previewTitleWrapper h3{color:#111;margin:0 0 4px;font-size:16px;font-weight:700}.previewTitleWrapper p{color:#666;margin:0;font-size:12px}.previewProgress{margin-top:16px}.progressRow{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progressRow span{color:#333;align-items:center;gap:8px;font-size:13px;display:flex}.progressPercentage{color:#111;font-weight:600}.progressBarBg{background:#e5e7e5;border-radius:3px;height:6px;overflow:hidden}.progressBarFill{background:#1a7b76;border-radius:3px;height:100%;transition:width .4s}.previewStats{flex-direction:column;gap:12px;margin-top:24px;display:flex}.statRow{color:#666;justify-content:space-between;align-items:center;font-size:13px;display:flex}.statDot{background-color:#1a7b76;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.foodTypeWrapper{gap:12px;display:flex}.foodTypeBtn{cursor:pointer;color:#555;background:#fff;border:1px solid #e5e7e5;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.foodTypeBtn.active{color:#1a7b76;background-color:#f0f7f6;border-color:#1a7b76}.optionRow{align-items:center;gap:16px;margin-bottom:16px;display:flex}.optionRow .textInput{margin-bottom:0}.deleteBtn{color:#999;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.deleteBtn:hover{color:#d32f2f}.addBtn{color:#1a7b76;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:14px;font-weight:600}.addBtn:hover{text-decoration:underline}.successCard{text-align:center;padding:64px 32px}.successIcon{color:#1a7b76;background:#e6f3f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 32px;font-size:40px;display:flex}.successTitle{margin:0 0 12px;font-size:28px;font-weight:700}.successSubtitle{color:#666;margin:0 0 40px;font-size:16px}.successActions{flex-direction:column;align-items:center;gap:16px;max-width:400px;margin:0 auto;display:flex}.onboarding-container{background-color:#f8fafc;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}.onboarding-header{z-index:10;background:0 0;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex;position:relative}.onboarding-progress-bar{background-color:#e2e8f0;border-radius:4px;width:100%;max-width:600px;height:6px;overflow:hidden}.onboarding-progress-fill{background-color:#10b981;border-radius:4px;height:100%;transition:width .3s}.onboarding-step-indicator{color:#64748b;letter-spacing:.5px;font-size:13px;font-weight:600}.onboarding-content-area{flex:1;justify-content:center;align-items:center;padding:0 40px 40px;display:flex}.onboarding-split-layout{background:#fff;border-radius:24px;width:100%;max-width:1100px;min-height:500px;display:flex;position:relative;overflow:hidden}.onboarding-split-left{background-color:#f0fdf4;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex;position:relative;overflow:hidden}.onboarding-illustration-text{text-align:center;z-index:2;margin-bottom:24px}.onboarding-step-badge{color:#fff;background-color:#0f3f35;border-radius:24px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.onboarding-illustration-text h3{color:#0f3f35;margin:0 0 12px;font-size:28px;font-weight:700}.onboarding-illustration-text p{color:#4b6b5c;max-width:320px;margin:0 auto;font-size:16px;line-height:1.5}.onboarding-split-left:before{content:"";pointer-events:none;background:radial-gradient(circle,#10b9810d 0%,#fff0 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.onboarding-illustration{object-fit:contain;z-index:1;filter:drop-shadow(0 20px 30px #10b98126);width:100%;max-width:450px;height:100%;max-height:450px}.onboarding-split-right{background:#fff;flex-direction:column;flex:1;justify-content:center;padding:32px;display:flex}.onboarding-step{width:100%}.onboarding-step h2{color:#0f172a;align-items:center;gap:12px;margin-top:0;margin-bottom:8px;font-size:28px;font-weight:700;display:flex}.onboarding-step p{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.6}.onboarding-form-group{margin-bottom:14px}.onboarding-form-group label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.onboarding-form-group input,.onboarding-form-group select{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.onboarding-form-group input:focus,.onboarding-form-group select:focus{background-color:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.onboarding-input-wrapper{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.onboarding-input-wrapper:focus-within{background-color:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.onboarding-input-icon{color:#047857;background-color:#d1fae5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:6px 0 6px 6px;display:flex}.onboarding-input-wrapper input,.onboarding-input-wrapper select,.onboarding-input-wrapper textarea{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px;font-family:inherit;font-size:15px}.onboarding-input-wrapper input:focus,.onboarding-input-wrapper select:focus,.onboarding-input-wrapper textarea:focus{box-shadow:none;background:0 0;border:none}.onboarding-actions{justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.onboarding-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.onboarding-btn.primary{color:#fff;background-color:#10b981;box-shadow:0 4px 14px #10b9814d}.onboarding-btn.primary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.onboarding-btn.secondary{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.onboarding-btn.secondary:hover{background-color:#f8fafc}.onboarding-btn.skip{color:#64748b;background-color:#0000;padding:12px}.onboarding-btn.skip:hover{color:#334155;text-decoration:underline}.onboarding-checkbox-group{align-items:center;gap:12px;margin-bottom:12px;display:flex}.onboarding-checkbox-group input[type=checkbox]{accent-color:#10b981;border-radius:4px;width:20px;height:20px}.onboarding-checkbox-group label{cursor:pointer;color:#334155;margin-bottom:0;font-weight:500}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}@media (width<=900px){.onboarding-split-layout{flex-direction:column}.onboarding-split-left{min-height:200px;padding:32px}.onboarding-illustration{max-width:250px}.onboarding-split-right{padding:32px}}.ctl-container{color:#0f172a;background-color:#f8fafc;min-height:100vh;padding:32px;font-family:Inter,sans-serif}.ctl-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ctl-title-group{align-items:center;gap:16px;display:flex}.ctl-title-icon{color:#10b981;background-color:#dcfce7;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ctl-title-text h1{margin:0 0 4px;font-size:24px;font-weight:800}.ctl-title-text p{color:#64748b;margin:0;font-size:14px}.ctl-header-actions{align-items:center;gap:16px;display:flex}.ctl-select-wrap{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.ctl-select-label{color:#94a3b8;font-size:13px}.ctl-view-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:4px;display:flex;overflow:hidden}.ctl-view-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.ctl-view-btn.active{color:#fff;background:#10b981}.ctl-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.ctl-kpi-card{border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;box-shadow:0 2px 4px #00000005}.ctl-kpi-card.green{background:linear-gradient(to bottom right,#f0fdf4,#ecfdf5);border:1px solid #d1fae5}.ctl-kpi-card.blue{background:linear-gradient(to bottom right,#eff6ff,#f5f3ff);border:1px solid #dbeafe}.ctl-kpi-card.purple{background:linear-gradient(to bottom right,#faf5ff,#f3e8ff);border:1px solid #ddd6fe}.ctl-kpi-card.orange{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fde68a}.ctl-kpi-header{color:#0f172a;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.ctl-kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.green .ctl-kpi-icon{color:#10b981;background:#fff}.blue .ctl-kpi-icon{color:#3b82f6;background:#fff}.purple .ctl-kpi-icon{color:#a855f7;background:#fff}.orange .ctl-kpi-icon{color:#f59e0b;background:#fff}.ctl-kpi-value{color:#0f172a;margin-bottom:4px;font-size:32px;font-weight:800}.ctl-kpi-subtext{color:#64748b;font-size:13px}.ctl-kpi-chart{width:56px;height:56px;position:absolute;bottom:24px;right:24px}.ctl-kpi-watermark{opacity:.2;position:absolute;bottom:24px;right:24px}.circular-chart{width:56px;height:56px;margin:0 auto;display:block}.circle-bg{fill:none;stroke:#0000000d;stroke-width:3.8px}.circle{fill:none;stroke-width:2.8px;stroke-linecap:round;animation:1s ease-out forwards progress}@keyframes progress{0%{stroke-dasharray:0 100}}.percentage{fill:#334155;text-anchor:middle;font-family:Inter,sans-serif;font-size:.5em;font-weight:700}.green .circle{stroke:#10b981}.blue .circle{stroke:#3b82f6}.ctl-floor-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 2px 4px #00000005}.ctl-floor-list{align-items:center;gap:12px;display:flex;overflow-x:auto}.ctl-floor-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;min-width:140px;padding:12px 20px;transition:all .2s;display:flex}.ctl-floor-btn.active{color:#fff;background:#047857;border-color:#047857}.ctl-fb-left{flex-direction:column;flex:1;display:flex}.ctl-floor-btn .f-name{color:#0f172a;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.ctl-floor-btn.active .f-name{color:#fff}.ctl-floor-btn .f-count{color:#64748b;font-size:12px;font-weight:500}.ctl-floor-btn.active .f-count{color:#fffc}.ctl-floor-icon{color:#64748b;margin-right:12px}.ctl-floor-btn.active .ctl-floor-icon{color:#fff}.ctl-fb-badge{color:#fff;background:#059669;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:700}.ctl-toggle-wrap{border-left:1px solid #e2e8f0;align-items:center;gap:16px;padding-left:24px;display:flex}.ctl-toggle-label{color:#0f172a;font-size:14px;font-weight:600}.ctl-toggle{cursor:pointer;background:#cbd5e1;border-radius:12px;width:44px;height:24px;transition:all .3s;position:relative}.ctl-toggle.on{background:#10b981}.ctl-toggle-dot{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.ctl-toggle.on .ctl-toggle-dot{transform:translate(20px)}.ctl-filter-icon{color:#94a3b8;cursor:pointer}.ctl-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 2px 4px #00000005}.ctl-ts-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ctl-ts-title h3{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:800}.ctl-ts-title p{color:#64748b;margin:0;font-size:13px}.ctl-ts-actions{gap:16px;display:flex}.ctl-search{width:240px;position:relative}.ctl-search input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:40px;padding:0 16px 0 40px;font-size:14px;font-weight:500}.ctl-search svg{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ctl-status-filter{color:#334155;cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.ctl-table{border-collapse:collapse;width:100%}.ctl-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;padding:16px;font-size:11px;font-weight:700}.ctl-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:20px 16px}.ctl-table tr:last-child td{border-bottom:none}.ctl-table-name{align-items:center;gap:16px;display:flex}.ctl-table-icon{color:#10b981;background:#dcfce7;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ctl-tn-text h4{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:800}.ctl-tn-text p{color:#64748b;margin:0;font-size:12px}.ctl-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.ctl-badge.floor{color:#16a34a;background:#f0fdf4}.ctl-badge.status-available{color:#10b981;background:#dcfce7}.ctl-badge.status-occupied{color:#2563eb;background:#eff6ff}.ctl-badge.status-served{color:#d97706;background:#fffbeb}.ctl-badge.status-billed{color:#9333ea;background:#faf5ff}.ctl-status-dot{border-radius:50%;width:6px;height:6px}.ctl-badge.status-available .ctl-status-dot{background:#10b981}.ctl-badge.status-occupied .ctl-status-dot{background:#2563eb}.ctl-badge.status-served .ctl-status-dot{background:#d97706}.ctl-badge.status-billed .ctl-status-dot{background:#9333ea}.ctl-capacity{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ctl-action-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.ctl-action-btn:hover{background:#f1f5f9}.roles-container{padding:8px 0 32px}.roles-header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.roles-header-left{align-items:center;gap:12px;display:flex}.roles-icon-badge{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.roles-title-row{align-items:center;gap:10px;margin-bottom:2px;display:flex}.roles-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.roles-status-pill{color:#15803d;letter-spacing:.02em;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #22c55e80}70%{transform:scale(1);box-shadow:0 0 0 5px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.roles-subtitle{color:#64748b;margin:0;font-size:13.5px}.btn-add-role{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-add-role:hover{background:#059669}.roles-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.role-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 2px #00000005}.role-kpi-card.purple{background:linear-gradient(to bottom right,#faf5ff,#f3e8ff);border:1px solid #ddd6fe}.role-kpi-card.green{background:linear-gradient(to bottom right,#f0fdf4,#ecfdf5);border:1px solid #d1fae5}.role-kpi-card.blue{background:linear-gradient(to bottom right,#eff6ff,#f5f3ff);border:1px solid #dbeafe}.role-kpi-card.orange{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fde68a}.role-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.role-kpi-icon.purple{color:#4338ca;background:#e0e7ff}.role-kpi-icon.green{color:#047857;background:#d1fae5}.role-kpi-icon.blue{color:#1d4ed8;background:#dbeafe}.role-kpi-icon.orange{color:#c2410c;background:#ffedd5}.role-kpi-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.role-kpi-label{color:#64748b;margin-top:2px;font-size:12.5px;font-weight:500}.roles-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.roles-search-container{flex:1;min-width:200px;position:relative}.roles-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.roles-search-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:36px;padding:0 12px 0 32px;font-size:13px}.roles-search-input:focus{border-color:#6366f1}.roles-select-filter{color:#1e293b;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:130px;height:36px;padding:0 10px;font-size:13px;overflow:hidden}.roles-date-badge{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.roles-date-label{color:#64748b;font-size:12px;font-weight:600}.roles-date-input{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.btn-clear-roles-filters{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;height:42px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-clear-roles-filters:hover{color:#0f172a;background:#e2e8f0}.roles-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.roles-table{border-collapse:collapse;width:100%}.roles-table th{color:#475569;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:600}.roles-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:13px}.roles-table tr:last-child td{border-bottom:none}.roles-table tr:hover td{background-color:#f8fafc}.role-badge-icon{color:#4f46e5;background:#eef2ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.role-name-text{color:#0f172a;font-size:13px;font-weight:600}.subrole-pill-tag{color:#0f172a;align-items:center;font-size:13px;display:inline-flex}.perm-count-badge{color:#475569;align-items:center;font-size:13px;display:inline-flex}.role-action-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px}.role-action-btn.edit:hover{color:#4f46e5}.role-action-btn.delete:hover{color:#ef4444}.roles-empty-state{text-align:center;color:#64748b;padding:48px 24px;font-size:14px}.roles-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.roles-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:920px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.roles-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.roles-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.roles-modal-body{flex:1;grid-template-columns:360px 1fr;display:grid;overflow:hidden}.roles-modal-left{background:#fff;border-right:1px solid #e2e8f0;padding:24px;overflow-y:auto}.roles-modal-right{background-color:#f8fafc;padding:24px;overflow-y:auto}.roles-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=1024px){.roles-kpi-grid{grid-template-columns:repeat(2,1fr)}.roles-modal-body{grid-template-columns:1fr}}@media (width<=640px){.roles-kpi-grid{grid-template-columns:1fr}}.employees-container{padding:8px 0 32px}.employees-header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.employees-header-left{align-items:center;gap:12px;display:flex}.employees-icon-badge{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.employees-title-row{align-items:center;gap:10px;margin-bottom:2px;display:flex}.employees-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.employees-status-pill{color:#15803d;letter-spacing:.02em;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.employees-subtitle{color:#64748b;margin:0;font-size:13.5px}.btn-add-employee{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-add-employee:hover{background:#059669}.employees-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.employee-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 2px #00000005}.employee-kpi-card.purple{background:linear-gradient(to bottom right,#faf5ff,#f3e8ff);border:1px solid #ddd6fe}.employee-kpi-card.green{background:linear-gradient(to bottom right,#f0fdf4,#ecfdf5);border:1px solid #d1fae5}.employee-kpi-card.blue{background:linear-gradient(to bottom right,#eff6ff,#f5f3ff);border:1px solid #dbeafe}.employee-kpi-card.orange{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fde68a}.kpi-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.kpi-icon-box.purple{color:#4338ca;background:#e0e7ff}.kpi-icon-box.green{color:#047857;background:#d1fae5}.kpi-icon-box.blue{color:#1d4ed8;background:#dbeafe}.kpi-icon-box.orange{color:#c2410c;background:#ffedd5}.kpi-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.kpi-label{color:#64748b;margin-top:2px;font-size:12.5px;font-weight:500}.employees-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.emp-search-container{flex:1;min-width:200px;max-width:300px;position:relative}.emp-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.emp-search-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:36px;padding:0 12px 0 32px;font-size:13px}.emp-search-input:focus{border-color:#6366f1}.emp-select-filter{color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:130px;height:36px;padding:0 10px;font-size:13px}.emp-date-badge{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.emp-date-label{color:#64748b;font-size:12px;font-weight:500}.emp-date-input{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.btn-clear-filters{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.btn-clear-filters:hover{color:#0f172a;background:#f1f5f9}.employees-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.emp-table{border-collapse:collapse;width:100%}.emp-table th{color:#475569;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:600}.emp-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:13px}.emp-table tr:last-child td{border-bottom:none}.emp-table tr:hover td{background-color:#f8fafc}.emp-avatar-box{color:#4f46e5;background:#eef2ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.emp-name-text{color:#0f172a;font-size:13px;font-weight:600}.emp-sub-text{color:#64748b;font-size:12px}.badge-status{align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.badge-status.active{color:#10b981}.badge-status.inactive{color:#64748b}.dot-indicator{display:none}.emp-group-tag{color:#0f172a;font-size:13px;font-weight:500}.emp-role-subtext{color:#64748b;font-size:12px}.emp-action-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:4px}.emp-action-btn.edit:hover{color:#4f46e5}.emp-action-btn.delete:hover{color:#ef4444}.emp-empty-state{text-align:center;color:#64748b;padding:48px 24px;font-size:14px}.emp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.emp-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:820px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.emp-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.emp-modal-header-left{align-items:center;gap:12px;display:flex}.emp-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.emp-modal-close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .2s}.emp-modal-close-btn:hover{color:#0f172a;background-color:#f1f5f9}.emp-modal-body{background-color:#f8fafc;flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.emp-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 2px #00000005}.emp-form-section-title{color:#4f46e5;align-items:center;gap:8px;margin:0 0 16px;font-size:14.5px;font-weight:700;display:flex}.emp-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}@media (width<=1024px){.employees-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.employees-kpi-grid{grid-template-columns:1fr}.employees-header{flex-direction:column;align-items:flex-start}.btn-add-employee{justify-content:center;width:100%}}.user-logs-modern-container{padding:16px 24px}.logs-header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.logs-header-left{align-items:center;gap:12px;display:flex}.logs-icon-badge{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logs-title-row{align-items:center;gap:10px;margin-bottom:2px;display:flex}.logs-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.logs-status-pill{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.logs-subtitle{color:#64748b;margin:0;font-size:13.5px}.btn-export-logs{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-export-logs:hover{background:#f8fafc}.user-logs-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.modern-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 2px #00000005}.modern-stat-card.card-green{background:linear-gradient(to bottom right,#f0fdf4,#ecfdf5);border:1px solid #d1fae5}.modern-stat-card.card-blue{background:linear-gradient(to bottom right,#eff6ff,#f5f3ff);border:1px solid #dbeafe}.modern-stat-card.card-teal{background:linear-gradient(to bottom right,#f0fdfa,#ccfbf1);border:1px solid #99f6e4}.modern-stat-card.card-orange{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fde68a}.modern-stat-icon{z-index:1;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bg-light-green{background-color:#ecfdf5}.bg-light-blue{background-color:#eff6ff}.bg-light-teal{background-color:#f0fdfa}.bg-light-orange{background-color:#fff7ed}.modern-stat-info{z-index:1;flex-direction:column;display:flex}.modern-stat-value{color:#0f172a;font-size:24px;font-weight:800;line-height:1.2}.modern-stat-label{color:#64748b;margin-top:2px;font-size:13px;font-weight:500}.modern-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px}.modern-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.modern-search-wrap{width:250px;position:relative}.modern-search-wrap .search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.modern-search-wrap input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;height:36px;padding:0 12px 0 32px;font-size:13px}.modern-search-wrap input:focus{border-color:#6366f1}.modern-filter-dropdowns{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modern-select-wrap{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.modern-select-wrap select{color:#1e293b;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;width:130px;font-size:13px;overflow:hidden}.select-icon,.date-icon{color:#94a3b8}.modern-date-wrap{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.date-label{color:#64748b;font-size:12px;font-weight:500}.modern-date-wrap input{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.btn-modern-refresh{color:#475569;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.btn-modern-refresh:hover{color:#0f172a;background:#f1f5f9}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-table-wrapper{overflow-x:auto}.modern-logs-table{border-collapse:collapse;width:100%;min-width:1100px}.modern-logs-table th{color:#475569;text-align:left;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:12px;font-weight:600}.modern-logs-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:13px}.modern-logs-table tbody tr:hover td{background-color:#f8fafc}.cell-date{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.cell-user{align-items:center;gap:12px;display:flex}.avatar-circle{color:#fff;background-color:#8b5cf6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-info-text{flex-direction:column;display:flex}.user-name{color:#0f172a;font-size:14px;font-weight:600}.user-email{color:#64748b;font-size:12px}.modern-log-badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{color:#3b82f6;background-color:#eff6ff;border:1px solid #dbeafe}.badge-green{color:#10b981;background-color:#ecfdf5;border:1px solid #d1fae5}.badge-default{color:#64748b;background-color:#f1f5f9;border:1px solid #e2e8f0}.cell-details{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:13px;display:block;overflow:hidden}.cell-actions{text-align:right;width:40px}.modern-pagination-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-info{color:#64748b;font-size:13px}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){background-color:#f1f5f9}.page-btn.active{color:#fff;background-color:#10b981}.page-btn:disabled{opacity:.5;cursor:not-allowed}.modern-dropdown-menu{z-index:50;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:140px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.dropdown-item:hover{background-color:#f1f5f9}.dropdown-item.text-danger{color:#ef4444}.dropdown-item.text-danger:hover{background-color:#fef2f2}.oh-container{color:#0f172a;background-color:#fafbfd;flex-direction:column;min-height:100vh;padding:0 24px 24px;font-family:Inter,sans-serif;display:flex}.oh-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.oh-title-group{align-items:center;gap:12px;display:flex}.oh-title-icon{color:#475569;background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.oh-title-text h1{margin:0 0 2px;font-size:20px;font-weight:700}.oh-title-text p{color:#64748b;margin:0;font-size:13px}.oh-header-actions{align-items:center;gap:8px;display:flex}.oh-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.oh-btn:hover{background:#f8fafc;border-color:#cbd5e1}.oh-btn.primary{color:#fff;background:#10b981;border-color:#10b981}.oh-btn.primary:hover{background:#059669}.oh-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.oh-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:16px;display:flex;box-shadow:0 1px 2px #00000005}.oh-kpi-card.green{background:linear-gradient(to bottom right,#f0fdf4,#ecfdf5);border:1px solid #d1fae5}.oh-kpi-card.blue{background:linear-gradient(to bottom right,#eff6ff,#f5f3ff);border:1px solid #dbeafe}.oh-kpi-card.purple{background:linear-gradient(to bottom right,#faf5ff,#f3e8ff);border:1px solid #ddd6fe}.oh-kpi-card.orange{background:linear-gradient(to bottom right,#fffbeb,#fef3c7);border:1px solid #fde68a}.oh-kpi-header{color:#64748b;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.oh-kpi-icon{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.green .oh-kpi-icon{color:#10b981;background:#dcfce7}.blue .oh-kpi-icon{color:#3b82f6;background:#dbeafe}.purple .oh-kpi-icon{color:#a855f7;background:#f3e8ff}.orange .oh-kpi-icon{color:#f59e0b;background:#fef3c7}.oh-kpi-value{color:#0f172a;margin-bottom:8px;font-size:24px;font-weight:700}.oh-kpi-trend{color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:flex}.oh-kpi-trend span{font-weight:600}.oh-kpi-trend span.up{color:#10b981}.oh-kpi-trend span.neutral{color:#64748b}.oh-kpi-chart{display:none}.oh-filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:8px 16px;display:flex}.oh-filter-group{flex:1;align-items:center;gap:12px;display:flex}.oh-date-range{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-size:13px;display:flex}.oh-date-range input{color:#0f172a;background:0 0;border:none;outline:none;font-family:inherit;font-size:13px;font-weight:600}.oh-select-wrap{flex:1;align-items:center;gap:8px;min-width:130px;display:flex}.oh-select-label{color:#64748b;white-space:nowrap;font-size:12px;font-weight:500}.oh-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;height:32px;padding:0 10px;font-size:13px;font-weight:500}.oh-clear-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.oh-clear-btn:hover{background:#f1f5f9}.oh-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.oh-ts-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.oh-ts-title h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.oh-ts-title p{display:none}.oh-ts-actions{gap:12px;display:flex}.oh-search{width:240px;position:relative}.oh-search input{border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;height:36px;padding:0 12px 0 36px;font-size:13px}.oh-search input:focus{border-color:#cbd5e1}.oh-search svg{color:#94a3b8;width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.oh-filter-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.oh-table{border-collapse:collapse;width:100%}.oh-table th{text-align:left;color:#475569;border-bottom:2px solid #f1f5f9;padding:10px 8px;font-size:12px;font-weight:600}.oh-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 8px;font-size:13px}.oh-table tr:last-child td{border-bottom:none}.oh-table tr:hover{cursor:pointer;background-color:#f8fafc}.oh-order-link{color:#0f172a;font-weight:600}.oh-date-time{flex-direction:column;display:flex}.oh-date-time span:last-child{color:#64748b;font-size:11px}.oh-table-pill{color:#0f172a;font-weight:500}.oh-status-pill{font-size:13px;font-weight:500}.oh-status-pill.billed{color:#10b981}.oh-status-pill.preparing{color:#f59e0b}.oh-status-pill.served{color:#3b82f6}.oh-status-pill.ready{color:#8b5cf6}.oh-action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.oh-action-btn:hover{color:#ef4444}.oh-pagination{color:#64748b;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:13px;display:flex}.oh-page-controls{gap:4px;display:flex}.oh-page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.oh-page-btn.active{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.oh-swal-popup{border-radius:16px!important;width:380px!important;padding:20px!important;box-shadow:0 25px 50px -12px #00000040!important}.oh-swal-title{color:#0f172a!important;margin-bottom:4px!important;font-size:20px!important;font-weight:700!important}.oh-swal-text{color:#64748b!important;margin-top:8px!important;font-size:14px!important}.oh-swal-actions{gap:12px!important;margin-top:24px!important}.oh-swal-btn-danger{color:#fff!important;background-color:#ef4444!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important}.oh-swal-btn-danger:hover{background-color:#dc2626!important}.oh-swal-btn-cancel{color:#475569!important;background-color:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:10px 20px!important;font-size:14px!important;font-weight:600!important}.oh-swal-btn-cancel:hover{background-color:#e2e8f0!important}.sales-container{color:#0f172a;background-color:#f8fafc;min-height:100vh;padding:32px;font-family:Inter,sans-serif}.sales-header{margin-bottom:24px}.sales-title-group{align-items:center;gap:16px;display:flex}.sales-title-icon{color:#10b981;background-color:#dcfce7;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sales-title-text h1{margin:0 0 4px;font-size:24px;font-weight:800}.sales-title-text p{color:#64748b;margin:0;font-size:13px}.sales-content{gap:24px;height:calc(100vh - 150px);display:flex}.sales-list-card{background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.sales-toolbar{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:16px 20px;display:flex}.sales-search{flex:1;max-width:300px;position:relative}.sales-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sales-search input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:14px}.sales-search input:focus{border-color:#10b981}.sales-table-wrapper{flex:1;overflow:auto}.sales-table{border-collapse:collapse;width:100%}.sales-table th{text-align:left;color:#64748b;text-transform:uppercase;z-index:10;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:12px;font-weight:600;position:sticky;top:0}.sales-table td{color:#334155;cursor:pointer;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:14px;transition:background .2s}.sales-table tr:hover td{background:#f8fafc}.sales-table tr.selected td{background:#ecfdf5}.sales-detail-pane{background:#fff;border-radius:16px;flex-direction:column;width:400px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.sd-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.sd-title{color:#0f172a;margin-bottom:4px;font-size:18px;font-weight:700}.sd-subtitle{color:#64748b;font-size:13px}.sd-content{flex:1;padding:20px;overflow:auto}.sd-section-title{color:#94a3b8;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600}.sd-item{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sd-item-name{color:#334155;font-size:14px;font-weight:600}.sd-item-meta{color:#64748b;font-size:12px}.sd-item-price{color:#0f172a;font-size:14px;font-weight:600}.sd-totals{background:#f8fafc;border-radius:12px;margin-top:24px;padding:16px}.sd-total-row{color:#64748b;justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.sd-grand-total{color:#10b981;border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:12px;padding-top:12px;font-size:18px;font-weight:700;display:flex}.sd-footer{border-top:1px solid #e2e8f0;gap:12px;padding:20px;display:flex}.sd-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.sd-btn:hover{opacity:.9}.sd-btn-edit{color:#fff;background:#3b82f6}.sd-btn-cancel{color:#475569;background:#f1f5f9}.sd-btn-save{color:#fff;background:#10b981}.edit-item-row{border-bottom:1px dashed #e2e8f0;align-items:center;gap:12px;padding:12px 0;display:flex}.edit-item-info{flex:1}.edit-item-qty{align-items:center;gap:8px;display:flex}.edit-qty-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.edit-qty-btn:hover{background:#f1f5f9}.edit-qty-input{text-align:center;border:1px solid #e2e8f0;border-radius:6px;width:40px;padding:4px;font-size:14px}.edit-payment-mode{gap:8px;margin-top:12px;display:flex}.edit-pm-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:600}.edit-pm-btn.active{color:#10b981;background:#f0fdf4;border-color:#10b981}.esb-container{color:#0f172a;background-color:#f8fafc;min-height:calc(100vh - 64px);padding:24px;font-family:Inter,sans-serif}.esb-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.esb-back-btn{cursor:pointer;color:#334155;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.esb-back-btn:hover{background:#e2e8f0}.esb-title-group h1{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:700}.esb-title-group p{color:#64748b;margin:0;font-size:13px}.esb-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.esb-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px -1px #00000005}.esb-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.esb-card-title-wrap{align-items:center;gap:12px;display:flex}.esb-icon-box{color:#fff;background:#10b981;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.esb-card-title-col h3{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.esb-card-title-col p{color:#64748b;margin:0;font-size:12px}.esb-pill-btn{color:#10b981;cursor:pointer;background:#ecfdf5;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.esb-search-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;margin-bottom:24px;padding:0 16px;display:flex}.esb-search-input{background:0 0;border:none;outline:none;flex:1;padding:14px 12px;font-size:14px}.esb-table{border-collapse:separate;border-spacing:0 12px;width:100%}.esb-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding:0 16px 12px;font-size:11px;font-weight:700}.esb-table th.center{text-align:center}.esb-table th.right{text-align:right}.esb-table td{background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:12px 16px}.esb-table td:first-child{border-left:1px solid #f1f5f9;border-top-left-radius:12px;border-bottom-left-radius:12px}.esb-table td:last-child{border-right:1px solid #f1f5f9;border-top-right-radius:12px;border-bottom-right-radius:12px}.esb-item-info{align-items:center;gap:12px;display:flex}.esb-item-icon{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.esb-item-name{color:#0f172a;font-size:14px;font-weight:600}.esb-qty-pill{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:4px;display:inline-flex}.esb-qty-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.esb-qty-btn:hover{background:#f1f5f9}.esb-qty-val{text-align:center;width:24px;font-size:14px;font-weight:600}.esb-price-input{text-align:center;border:1px solid #e2e8f0;border-radius:20px;outline:none;width:80px;padding:8px 12px;font-size:14px;font-weight:600}.esb-total-val{font-size:14px;font-weight:700}.esb-del-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.esb-summary-table{border-collapse:collapse;width:100%;margin-bottom:24px}.esb-summary-table th{text-align:left;color:#64748b;border-bottom:1px solid #f1f5f9;padding:12px 8px;font-size:10px;font-weight:700}.esb-summary-table th.right{text-align:right}.esb-summary-table th.center{text-align:center}.esb-summary-table td{color:#0f172a;border-bottom:1px dashed #f1f5f9;padding:12px 8px;font-size:13px;font-weight:600}.esb-summary-table td.right{text-align:right}.esb-summary-table td.center{text-align:center}.esb-calc-row{justify-content:space-between;align-items:center;padding:8px;display:flex}.esb-calc-label{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.esb-calc-val{color:#0f172a;font-size:14px;font-weight:600}.esb-discount-input{border:1px solid #e2e8f0;border-radius:20px;align-items:center;width:100px;padding:4px 12px;display:flex}.esb-discount-input span{color:#64748b;margin-right:4px;font-size:12px}.esb-discount-input input{border:none;outline:none;width:100%;font-size:13px;font-weight:600}.esb-grand-box{background:#f0fdf4;border-radius:16px;justify-content:space-between;align-items:flex-end;margin-top:16px;padding:16px;display:flex}.esb-tax-info{flex-direction:column;gap:8px;display:flex}.esb-tax-row{align-items:center;gap:8px;display:flex}.esb-tax-icon{color:#10b981;background:#dcfce7;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.esb-tax-text{flex-direction:column;display:flex}.esb-tax-lbl{color:#64748b;font-size:10px}.esb-tax-val{color:#0f172a;font-size:12px;font-weight:700}.esb-gt-right{text-align:right}.esb-gt-lbl{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:700}.esb-gt-val{color:#10b981;font-size:32px;font-weight:800}.esb-pm-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.esb-pm-btn{cursor:pointer;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:600;display:flex;position:relative}.esb-pm-btn.active{color:#065f46;background:#f0fdf4;border-color:#10b981}.esb-pm-btn .esb-pm-check{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #10b9814d}.esb-paid-change{align-items:center;gap:12px;display:flex}.esb-input-col{flex-direction:column;flex:1;gap:6px;display:flex}.esb-input-col label{color:#64748b;font-size:11px;font-weight:600}.esb-change-box{color:#10b981;background:#dcfce7;border-radius:20px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.esb-change-box.due{color:#ef4444;background:#fef2f2}.esb-actions{justify-content:space-between;gap:12px;display:flex}.esb-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:600;display:flex}.esb-btn-cancel{color:#ef4444;background:0 0;border:1px solid #ef4444}.esb-btn-save{color:#fff;background:#10b981}.esb-btn-print{color:#fff;background:#3b82f6}.pos-layout{background-color:var(--bg-app);height:calc(100vh - 70px);color:var(--text-main);gap:20px;padding:20px;font-family:Inter,sans-serif;display:flex;position:relative}.success-text{color:var(--success)!important}.fw-600{font-weight:600}.muted{color:var(--text-muted);font-size:11px}.pos-left{flex-direction:column;flex:1;min-width:300px;display:flex;overflow:hidden}.pos-title-bar{margin-bottom:24px}.pos-title{margin:0;font-size:24px;font-weight:700}.pos-search-row{gap:16px;margin-bottom:24px;display:flex}.pos-customer-wrap{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:8px;width:280px;padding:10px 14px;display:flex}.pos-customer-select{background:0 0;border:none;outline:none;flex:1;font-size:14px}.pos-btn-icon{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pos-search-wrap{border:1px solid var(--border-color);background:#fff;border-radius:8px;flex:1;align-items:center;gap:8px;padding:10px 14px;display:flex}.pos-search-input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.pos-kbd-toggle{border:1px solid var(--success);color:var(--success);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.pos-kbd-toggle.active{background:var(--success-glow)}.pos-cat-list{box-sizing:border-box;-webkit-overflow-scrolling:touch;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:8px 12px 8px 2px;display:flex;overflow-x:auto}.pos-cat-list::-webkit-scrollbar{height:4px}.pos-cat-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.pos-cat-pill{border:1px solid var(--border-color);box-sizing:border-box;cursor:pointer;height:36px;color:var(--text-main);white-space:nowrap;appearance:none;background:#fff;border-radius:20px;outline:none;flex-shrink:0;justify-content:center;align-items:center;min-width:max-content;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;transform:translateZ(0)}.pos-cat-pill.active{background:var(--success);border-color:var(--success);color:#fff}.pos-cat-pill.more{align-items:center;gap:4px;display:flex}.pos-product-grid{grid-template-columns:1fr;gap:12px;padding-bottom:20px;padding-right:8px;display:grid;overflow-y:auto}.pos-product-card{border:1px solid var(--border-color);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:row;align-items:center;gap:16px;padding:12px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #00000005}.pos-product-card:hover{border-color:var(--success);transform:translateY(-2px)}.pos-product-img{object-fit:contain;width:60px;height:60px;margin-bottom:0}.pos-product-img.placeholder{background:var(--bg-surface-hover);border-radius:8px}.pos-product-name{margin-bottom:2px;font-size:12px;font-weight:600}.pos-product-sku{color:var(--text-muted);margin-bottom:4px;font-size:11px}.pos-product-price{color:var(--success);font-size:13px;font-weight:700}.pos-keyboard{border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);z-index:1000;box-sizing:border-box;background:#fff;border-radius:16px 16px 0 0;width:700px;max-width:95vw;padding:16px 24px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 40px #00000026}.pos-kbd-header{color:var(--success);justify-content:space-between;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.pos-kbd-close{cursor:pointer;align-items:center;gap:4px;display:flex}.pos-kbd-row{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.pos-key{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;min-width:40px;height:42px;font-size:16px;font-weight:600;box-shadow:0 1px 2px #0000000d}.pos-key:active{background:var(--bg-surface)}.pos-key.enter{background:var(--success);color:#fff;border-color:var(--success);min-width:80px}.pos-key.space{flex:1;max-width:400px}.pos-key.icon{background:var(--bg-surface)}.pos-key.shift{background:var(--bg-surface);color:var(--success)}.pos-key.sym{background:var(--bg-surface);font-size:13px}.pos-right{border:1px solid var(--border-color);background:#fff;border-radius:16px;flex-direction:column;flex-shrink:1;width:680px;min-width:350px;max-width:65%;padding:24px;display:flex;overflow-y:auto;box-shadow:0 4px 20px #00000008}.pos-cart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cart-title{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.cart-actions{gap:8px;display:flex}.cart-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.cart-btn.clear{color:var(--danger);border-color:var(--danger-glow);background:var(--danger-glow)}.cart-btn.icon{padding:6px}.pos-meta-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.meta-col label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.meta-col input,.meta-col select{border:1px solid var(--border-color);background:#fff;border-radius:6px;width:100%;padding:8px 12px;font-size:13px}.pos-cart-list{border:1px solid var(--border-color);border-radius:8px;flex:1;min-height:250px;margin-bottom:24px;padding:16px;overflow-y:auto}.pos-table{border-collapse:collapse;width:100%}.pos-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding-bottom:12px;font-size:12px;font-weight:600}.pos-table td{border-bottom:1px solid var(--border-color);padding:16px 0;font-size:13px}.pos-table tr:last-child td{border-bottom:none}.cart-item-info{align-items:center;gap:12px;display:flex}.cart-item-img{object-fit:contain;border:1px solid var(--border-color);border-radius:6px;width:40px;height:40px}.cart-item-name{margin-bottom:2px;font-weight:600}.cart-item-sku{color:var(--text-muted);font-size:11px}.qty-control{border:1px solid var(--border-color);border-radius:20px;align-items:center;padding:4px;display:inline-flex}.qty-control button{border:1px solid var(--border-color);cursor:pointer;width:24px;height:24px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.qty-control span{text-align:center;width:32px;font-weight:600}.discount-col{flex-direction:column;display:flex}.add-item-btn{color:var(--success);border:1px solid var(--success);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-top:16px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.pos-summary{gap:24px;margin-bottom:24px;display:flex}.summary-left{flex:1}.sum-row{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.sum-lbl{color:var(--text-main);align-items:center;gap:4px;font-weight:500;display:flex}.sum-input-group{align-items:center;gap:4px;display:flex}.sum-input-group input,.sum-input-right{border:1px solid var(--border-color);text-align:right;border-radius:4px;width:100px;padding:4px 8px;font-size:12px}.percent-sign{color:var(--text-muted);font-size:12px}.grand-total{margin-top:16px;font-size:18px;font-weight:700}.summary-right{width:240px}.pay-details-title{color:var(--success);margin:0 0 16px;font-size:14px}.pay-field{margin-bottom:12px}.pay-field label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.pay-select,.pay-input{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:8px 12px;font-size:13px}.pay-balance{background:var(--success-glow);border-radius:6px;justify-content:space-between;align-items:center;margin:16px 0 0;padding:12px;display:flex}.pay-balance span{color:var(--success);font-size:12px;font-weight:600}.pay-balance .bal-val{font-size:16px;font-weight:700}.pay-methods{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pay-method-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:600;display:flex}.pay-method-btn.active{background:var(--success);border-color:var(--success);color:#fff}.pos-actions{gap:16px;display:flex}.btn-save-print{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;display:flex}.btn-cancel{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-cancel:hover{background:#fee2e2}.btn-complete-sale{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1.5;padding:14px;font-size:14px;font-weight:600}.pos-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pos-modal-content{background:#fff;border-radius:16px;flex-direction:column;width:500px;max-width:90vw;display:flex;box-shadow:0 10px 40px #0003}.pos-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pos-modal-header h3{color:var(--text-main);margin:0;font-size:18px}.pos-modal-body{padding:24px 24px 4px}.modal-grand-total{background:var(--bg-surface);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;font-size:20px;font-weight:700;display:flex}.pos-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-surface);border-radius:0 0 16px 16px;gap:16px;padding:20px 24px;display:flex}.pos-dropdown-menu{border:1px solid var(--border-color);z-index:100;background:#fff;border-radius:8px;min-width:160px;margin-top:8px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.pos-dropdown-item{cursor:pointer;color:var(--text-main);padding:10px 16px;font-size:13px;font-weight:500;transition:background .2s}.pos-dropdown-item:hover{background:var(--bg-surface-hover)}@media (width<=1024px){.pos-right{width:480px;max-width:65%}.pos-search-row{flex-direction:column;height:auto}.pos-customer-wrap{width:100%!important}.pos-product-card{gap:8px;padding:8px}.pos-product-img{width:45px;height:45px}.cart-item-img{display:none}}.checkout-modal-modern{background:#fff;border-radius:16px;flex-direction:column;width:780px;max-width:95vw;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.checkout-header-modern{background-color:#f4fdf8;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.checkout-title-wrap{align-items:center;gap:16px;display:flex}.checkout-back-btn{cursor:pointer;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.checkout-back-btn:hover{background:#f8fafc}.checkout-title-text h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.checkout-title-text p{color:#64748b;margin:4px 0 0;font-size:13px}.checkout-total-pill{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.checkout-total-pill .count{color:#fff;background:#10b981;border-radius:12px;padding:2px 8px;font-size:13px}.checkout-body-modern{max-height:70vh;padding:24px;overflow-y:auto}.checkout-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000005}.checkout-card-header{color:#0f172a;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.order-summary-table{border-collapse:collapse;width:100%}.order-summary-table th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding-bottom:12px;font-size:12px;font-weight:600}.order-summary-table td{border-bottom:1px solid #f1f5f9;padding:12px 0}.order-item-name{color:#0f172a;font-size:14px;font-weight:600}.order-item-sku{color:#64748b;margin-top:2px;font-size:12px}.order-item-qty{color:#475569;font-size:14px}.order-item-amt{color:#0f172a;text-align:right;font-size:14px;font-weight:700}.checkout-tax-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;margin-top:16px;padding:12px 20px;display:flex}.checkout-tax-col{text-align:center;flex:1}.checkout-tax-col:not(:last-child){border-right:1px solid #e2e8f0}.checkout-tax-lbl{color:#64748b;margin-bottom:4px;font-size:12px}.checkout-tax-val{color:#0f172a;font-size:15px;font-weight:700}.charges-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.charges-lbl{color:#0f172a;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.charges-input{text-align:right;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:90px;padding:6px 10px;font-size:13px;font-weight:500}.charges-input:focus{border-color:#10b981}.grand-total-block{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;justify-content:center;align-items:center;margin-top:auto;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #10b9814d}.grand-total-block:before{content:"";opacity:.8;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");position:absolute;inset:0}.gt-icon{opacity:.3;position:absolute;left:24px}.gt-content{text-align:right;z-index:1}.gt-lbl{opacity:.9;font-size:14px;font-weight:600}.gt-val{font-size:32px;font-weight:800;line-height:1.1;display:block}.pay-mode-pills{gap:12px;margin-bottom:20px;display:flex}.pay-mode-pill{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.pay-mode-pill.active{color:#059669;background:#f4fdf8;border:1.5px solid #10b981}.pay-mode-pill .check{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.pay-inputs-row{align-items:flex-end;gap:20px;display:flex}.pay-amt-box{flex:1}.pay-amt-lbl{color:#0f172a;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.pay-amt-input-wrap{position:relative}.pay-amt-input-wrap input{border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 40px;font-size:15px;font-weight:600}.pay-amt-input-wrap input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.pay-amt-input-wrap .curr{color:#64748b;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.pay-bal-box{background:#f4fdf8;border:1px solid #bbf7d0;border-radius:12px;flex:1;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pay-bal-lbl{color:#059669;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.pay-bal-val{color:#059669;font-size:20px;font-weight:800}.checkout-footer-modern{background:#fff;border-top:1px solid #e2e8f0;gap:12px;padding:20px 24px;display:flex}.btn-modern-back{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;padding:12px 24px;font-size:15px;font-weight:600;display:flex}.btn-modern-back:hover{background:#f8fafc}.btn-modern-cancel{color:#e11d48;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;padding:12px 24px;font-size:15px;font-weight:600;display:flex}.btn-modern-cancel:hover{background:#ffe4e6}.btn-modern-save{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:24px;flex:2;justify-content:center;align-items:center;gap:8px;height:48px;padding:12px 24px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #10b98133}.btn-modern-save:hover{background:#059669}.checkout-v2-container.premium-checkout{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:24px;flex-direction:column;height:100%;padding:24px;display:flex;box-shadow:0 20px 40px -10px #00000014}.checkout-v2-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.checkout-v2-title-wrap{align-items:center;gap:16px;display:flex}.checkout-v2-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 8px 16px -4px #10b98166}.checkout-v2-title-text h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:800}.checkout-v2-title-text p{color:#64748b;margin:4px 0 0;font-size:14px;font-weight:500}.checkout-v2-pill{color:#065f46;background:#f4fdf8;border:1px solid #10b98133;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.checkout-v2-pill .count{color:#fff;background:#10b981;border-radius:12px;padding:2px 10px;font-size:13px;box-shadow:0 2px 4px #10b9814d}.checkout-v2-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:20px;margin-bottom:24px;display:flex;box-shadow:0 10px 30px -10px #0000000d}.checkout-v2-card-half{flex:1;padding:24px}.checkout-v2-card-half:first-child{border-right:1px solid #0000000a}.checkout-v2-heading{color:#10b981;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;font-weight:800;display:flex}.checkout-v2-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.checkout-v2-row:last-child{margin-bottom:0}.checkout-v2-lbl{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.checkout-v2-val{color:#0f172a;font-size:16px;font-weight:700}.checkout-v2-divider{border-top:1.5px dashed #cbd5e1;margin:24px 0}.checkout-v2-input{text-align:right;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:110px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}.checkout-v2-input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.checkout-v2-grand-total{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:800}.checkout-v2-grand-total-val{color:#10b981;text-shadow:0 2px 4px #10b98133;font-size:32px;font-weight:800}.payment-mode-box:hover{background:#f1f5f9;transform:translateY(-2px)}.payment-mode-box.active{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 12px #10b98126}.payment-mode-box.active .icon-wrap{color:#10b981;transform:scale(1.1)}.checkout-v2-amt-input{position:relative}.checkout-v2-amt-input input{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:14px 16px 14px 44px;font-size:16px;font-weight:600;transition:all .2s}.checkout-v2-amt-input:focus-within input{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.checkout-v2-amt-input .curr{color:#94a3b8;font-size:16px;font-weight:700;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.checkout-v2-bal-box{background:#f0fdf4;border:1px solid #10b98133;border-radius:16px;justify-content:space-between;align-items:center;margin-top:16px;padding:20px;display:flex;box-shadow:inset 0 2px 4px #00000005}.checkout-v2-bal-lbl{color:#065f46;font-size:15px;font-weight:700}.checkout-v2-bal-val{color:#10b981;font-size:24px;font-weight:800}.checkout-v2-footer{gap:16px;margin-top:auto;padding:16px 0 0;display:flex}.btn-v2{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:52px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-v2:hover:not(:disabled){transform:translateY(-2px)}.btn-v2:active:not(:disabled){transform:translateY(0)}.btn-v2:disabled{opacity:.6;cursor:not-allowed}.btn-v2-back{color:#475569;background:#fff;border:1px solid #e2e8f0;flex:1}.btn-v2-back:hover{color:#0f172a;background:#f8fafc}.btn-v2-cancel{color:#e11d48;background:#fff;border:1px solid #fecdd3;flex:1}.btn-v2-cancel:hover{background:#fff1f2}.btn-v2-save{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;flex:1;box-shadow:0 8px 16px -4px #10b98166}.btn-v2-save:hover:not(:disabled){box-shadow:0 12px 20px -4px #10b98180}.btn-v2-print{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;flex:1;box-shadow:0 8px 16px -4px #0ea5e966}.btn-v2-print:hover:not(:disabled){box-shadow:0 12px 20px -4px #0ea5e980}@media (width<=1024px){.checkout-v2-card-half{padding:16px}.checkout-v2-heading{margin-bottom:16px}.checkout-v2-row{margin-bottom:12px}.checkout-v2-card-half:last-child{padding-top:8px}.responsive-mt-36{margin-top:0!important}.checkout-v2-header{flex-direction:column;align-items:flex-start;gap:16px}.checkout-v2-bal-box{margin-top:24px!important}.btn-v2 svg{display:none}.btn-v2{padding:0 8px;font-size:14px}}@media (width<=600px){.checkout-v2-card{flex-direction:column}.checkout-v2-card-half:first-child{border-bottom:1px dashed #e2e8f0;border-right:none}}.rpos-layout{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;height:calc(100vh - 130px);font-family:Inter,-apple-system,sans-serif;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.rpos-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 1px 2px #00000005}.rpos-title{color:#0f172a;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex}.rpos-header-actions{gap:12px;display:flex}.rpos-header-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.rpos-header-btn:hover{color:#0f172a;background:#f1f5f9}.rpos-main{flex:1;display:flex;position:relative;overflow:hidden}.rpos-floor-plan{width:100%;padding:24px;overflow-y:auto}.rpos-zone-title{color:#334155;margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600}.rpos-table-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.rpos-table-list{flex-direction:column;gap:16px;display:flex}.rpos-table-list .rpos-table-card{aspect-ratio:auto;flex-direction:row;align-items:center;padding:12px 24px}.rpos-table-list .rpos-table-header{flex:1;justify-content:flex-start;align-items:center;gap:16px}.rpos-table-list .rpos-table-footer{flex:2;justify-content:flex-end;gap:32px}.rpos-table-card{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000008}.rpos-table-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000f}.rpos-table-card-v2{cursor:pointer;border:1px solid var(--theme-color);background:#fff;border-radius:16px;flex-direction:column;min-height:220px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 16px #0000000a}.rpos-table-card-v2:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.rpos-card-v2-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.rpos-card-v2-number{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.rpos-card-v2-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.rpos-card-v2-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.rpos-card-v2-icon{margin-bottom:4px}.rpos-card-v2-name{color:#1e293b;font-size:16px;font-weight:700}.rpos-card-v2-seats{color:#64748b;font-size:13px;font-weight:500}.rpos-card-v2-seats:hover{color:#0f172a}.rpos-card-v2-bottom{width:100%;margin-top:16px}.rpos-card-v2-btn{cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px;font-size:14px;font-weight:700;transition:opacity .2s}.rpos-card-v2-btn:hover:not(:disabled){opacity:.9}.rpos-card-v2-divider{background-color:#e2e8f0;width:100%;height:1px;margin-bottom:12px}.rpos-card-v2-occupied-info{justify-content:space-between;align-items:center;width:100%;display:flex}.rpos-card-v2-amount{color:#0f172a;font-size:15px;font-weight:800}.rpos-card-v2-time{color:#64748b;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.rpos-card-v2-reserved-info{flex-direction:column;gap:6px;display:flex}.rpos-card-v2-res-row{color:#475569;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.rpos-card-v2-cancel-res{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;margin-top:8px;padding:6px;font-size:12px;font-weight:600}.rpos-card-v2-cancel-res:hover{background:#fef2f2}.rpos-table-available{border-color:#e2e8f0}.rpos-table-available:hover{border-color:#10b981}.rpos-table-occupied{background:#fffbeb;border-color:#f59e0b}.rpos-table-billed{background:#eff6ff;border-color:#3b82f6}.rpos-table-reserved{background:#faf5ff;border-color:#a855f7}.rpos-table-header{justify-content:space-between;align-items:flex-start;display:flex}.rpos-table-name{color:#0f172a;font-size:24px;font-weight:800}.rpos-table-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700}.rpos-table-available .rpos-table-status{color:#059669;background:#d1fae5}.rpos-table-occupied .rpos-table-status{color:#d97706;background:#fef3c7}.rpos-table-billed .rpos-table-status{color:#2563eb;background:#dbeafe}.rpos-table-reserved .rpos-table-status{color:#7e22ce;background:#f3e8ff}.rpos-table-footer{justify-content:space-between;align-items:center;display:flex}.rpos-table-amount{color:#0f172a;font-size:18px;font-weight:700}.rpos-table-time{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.rpos-order-view{width:100%;height:100%;animation:.3s cubic-bezier(.4,0,.2,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.rpos-menu-panel{background:#f8fafc;flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.rpos-category-scroller{scrollbar-width:none;flex-shrink:0;align-items:center;gap:12px;margin-bottom:12px;padding-top:4px;padding-bottom:12px;display:flex;overflow-x:auto}.rpos-category-scroller::-webkit-scrollbar{display:none}.rpos-cat-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:10px 20px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #00000003}.rpos-cat-btn.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 12px #0f172a33}.rpos-menu-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding-bottom:24px;display:grid;overflow-y:auto}.rpos-menu-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.rpos-menu-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.rpos-spin{animation:1s linear infinite spin}.rpos-menu-item:active{transform:scale(.96)}.rpos-menu-img{object-fit:cover;background:#f1f5f9;border-radius:8px;width:100%;height:100px}.rpos-menu-name{color:#1e293b;font-size:14px;font-weight:600;line-height:1.3}.rpos-menu-price{color:#10b981;font-size:14px;font-weight:700}.rpos-cart-panel{z-index:10;background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;width:440px;display:flex;box-shadow:-4px 0 16px #00000005}.rpos-ticket-header{flex-direction:column;gap:12px;padding:20px 24px 0;display:flex}.rpos-ticket-top{justify-content:space-between;align-items:center;display:flex}.rpos-ticket-title{color:#0f172a;margin:0;font-size:22px;font-weight:800}.rpos-ticket-badge{color:#059669;background:#d1fae5;border-radius:16px;padding:4px 10px;font-size:12px;font-weight:700}.rpos-ticket-meta{color:#475569;grid-template-columns:repeat(3,1fr);gap:8px;font-size:13px;display:grid}.rpos-ticket-meta-item{align-items:center;gap:6px;display:flex}.rpos-ticket-meta-item b{color:#10b981;font-weight:600}.rpos-ticket-tabs{border-bottom:1px solid #e2e8f0;gap:20px;margin-top:12px;display:flex}.rpos-tab{color:#64748b;cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0;font-size:14px;font-weight:600}.rpos-tab.active{color:#10b981;border-bottom-color:#10b981}.rpos-cart-list{flex-direction:column;flex:1;gap:20px;padding:16px 24px;display:flex;overflow-y:auto}.rpos-cart-item{align-items:flex-start;gap:12px;display:flex}.rpos-item-left{flex:1;gap:12px;display:flex}.rpos-item-qty-text{color:#334155;min-width:16px;font-weight:600}.rpos-item-details{flex-direction:column;display:flex}.rpos-cart-item-name{color:#1e293b;font-size:14px;font-weight:600}.rpos-item-subtext{color:#94a3b8;margin-top:2px;font-size:12px}.rpos-item-right{align-items:center;gap:16px;display:flex}.rpos-cart-item-price{color:#334155;font-size:14px;font-weight:600}.rpos-cart-qty-controls{border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:2px 4px;display:flex}.rpos-qty-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.rpos-qty-btn:hover{color:#0f172a}.rpos-qty-val{text-align:center;min-width:16px;font-size:13px;font-weight:600}.rpos-item-more{color:#94a3b8;cursor:pointer}.rpos-add-item-btn{color:#10b981;cursor:pointer;background:#f0fdf4;border:1px solid #10b981;border-radius:6px;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.rpos-cart-summary{background:#fff;padding:16px 24px 24px}.rpos-summary-row{color:#475569;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.rpos-summary-row.discount{color:#64748b}.rpos-discount-pill{color:#059669;background:#d1fae5;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:700}.rpos-discount-val{color:#059669;font-weight:600}.rpos-summary-grand{color:#0f172a;border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:20px;padding-top:16px;font-size:18px;font-weight:800;display:flex}.rpos-grand-val{font-size:22px}.rpos-action-row{gap:12px;margin-bottom:12px;display:flex}.rpos-action-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.rpos-btn-kitchen{color:#fff;background:#059669;border-color:#059669;flex:2}.rpos-btn-pay{color:#10b981;border-color:#10b981;flex:1}.rpos-btn-more{flex:0 0 48px}.rpos-btn-cancel{color:#ef4444;border-color:#ef4444;flex:1}.rpos-floor-toolbar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex;overflow-x:auto}.rpos-floor-tabs{gap:24px;display:flex}.rpos-floor-tab{color:#64748b;cursor:pointer;white-space:nowrap;padding-bottom:8px;font-size:15px;font-weight:600;position:relative}.rpos-floor-tab.active{color:#10b981}.rpos-floor-tab.active:after{content:"";background-color:#10b981;height:2px;position:absolute;bottom:-17px;left:0;right:0}.rpos-floor-stats-wrap{align-items:center;gap:16px;display:flex}.rpos-view-toggle{align-items:center;display:flex}.rpos-view-btn{cursor:pointer;color:#64748b;background:#fff;border:none;padding:6px 10px}.rpos-view-btn:first-child{border-right:1px solid #e2e8f0}.rpos-view-btn.active{color:#10b981;background:#f8fafc}.rpos-floor-stats{gap:12px;display:flex}.rpos-stat-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:90px;padding:8px 12px}.rpos-stat-header{color:#64748b;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.rpos-stat-val{color:#0f172a;font-size:16px;font-weight:700}.rpos-stat-dot{background:#fff;border:2px solid;border-radius:50%;width:10px;height:10px}.rpos-stat-dot.avail{border-color:#10b981}.rpos-stat-dot.occ{border-color:#3b82f6}.rpos-stat-dot.resv{border-color:#a855f7}.rpos-stat-dot.ord{border-color:#f59e0b}.rpos-stat-dot.pay{border-color:#8b5cf6}.rpos-stat-dot.clean{border-color:#ef4444}.billing-layout{color:#0f172a;background-color:#0000;flex-direction:column;min-height:100%;padding:0;font-family:Inter,sans-serif;display:flex}.billing-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.billing-title-box h1{color:#0f172a;letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:700}.billing-title-box p{color:#64748b;margin:0;font-size:14px;font-weight:500}.billing-refresh-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.billing-refresh-btn:hover{background:#f1f5f9}.billing-content-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:20px;display:grid}.billing-left-pane{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 6px -1px #00000005}.billing-pane-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.billing-pane-title-wrap{align-items:center;gap:8px;margin-bottom:4px;display:flex}.billing-pane-title-wrap h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.billing-pane-badge{color:#166534;background:#dcfce7;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:700}.billing-pane-subtitle{color:#64748b;margin:0;font-size:12px}.billing-view-toggles{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.billing-view-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.billing-view-btn.active{color:#fff;background:#10b981}.billing-tables-container.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-bottom:24px;display:grid}.billing-tables-container.list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.billing-tables-container.list .billing-table-card{flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.billing-tables-container.list .billing-table-icon-circle{width:40px;height:40px;margin-bottom:0;margin-right:16px}.billing-tables-container.list .billing-table-name{flex:1;margin-bottom:0}.billing-tables-container.list .billing-table-items{margin-bottom:0;margin-right:16px}.billing-tables-container.list .billing-table-amount{margin-right:16px}.billing-table-card{cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;flex-direction:column;align-items:center;padding:20px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #00000005}.billing-table-card:hover{border-color:#e2e8f0;transform:translateY(-2px)}.billing-table-icon-circle{color:#e11d48;background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;transition:all .2s;display:flex}.billing-table-card.selected .billing-table-icon-circle{color:#10b981;background:#dcfce7}.billing-table-name{color:#0f172a;margin-bottom:2px;font-size:15px;font-weight:600}.billing-table-items{color:#64748b;margin-bottom:16px;font-size:12px}.billing-table-amount{color:#0f172a;font-size:15px;font-weight:700}.billing-table-card.selected .billing-table-amount{color:#10b981}.billing-table-check{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #10b9814d}.billing-legend{border-top:1px solid #f1f5f9;gap:16px;margin-top:auto;padding-top:16px;display:flex}.legend-item{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.avail{background:#10b981}.legend-dot.occ{background:#e11d48}.billing-right-pane{flex-direction:column;gap:20px;display:flex}.billing-block-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 6px -1px #00000005}.new-bill-summary{padding:32px!important}.nbs-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.nbs-header-left{align-items:center;gap:16px;display:flex}.nbs-icon-box{background:#10b981;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.nbs-title-col h3{color:#0f172a;margin:0 0 4px;font-size:18px;font-weight:700}.nbs-title-col p{color:#64748b;margin:0;font-size:13px}.nbs-table-badge{color:#10b981;background:#ecfdf5;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.nbs-table-wrapper{margin-bottom:24px}.nbs-items-table{border-collapse:separate;border-spacing:0;width:100%}.nbs-items-table th{color:#64748b;text-transform:uppercase;text-align:left;background:#f8fafc;padding:12px 16px;font-size:11px;font-weight:700}.nbs-items-table th:first-child{border-radius:8px 0 0 8px}.nbs-items-table th:last-child{border-radius:0 8px 8px 0}.nbs-items-table th.text-right{text-align:right}.nbs-items-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:16px;font-size:14px}.nbs-items-table td.text-right{text-align:right}.nbs-item-cell{align-items:center;gap:12px;display:flex}.nbs-item-name,.nbs-qty{font-weight:600}.nbs-rate{color:#475569;font-weight:500}.nbs-amount{color:#475569;font-weight:600}.nbs-calc-list{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.nbs-calc-row{justify-content:space-between;align-items:center;padding:0 16px;display:flex}.nbs-calc-label{color:#475569;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.nbs-calc-val{color:#0f172a;font-size:15px;font-weight:700}.nbs-calc-action{align-items:center;gap:12px;display:flex}.nbs-round-badge{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:600}.nbs-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:12px;width:44px;height:24px;transition:all .3s;position:relative}.nbs-toggle.active{background:#10b981}.nbs-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.nbs-toggle.active .nbs-toggle-thumb{left:22px}.nbs-grand-card{background:#f0fdf4;border:1px solid #dcfce7;border-radius:16px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.nbs-grand-stacked-cols{flex-direction:column;gap:16px;display:flex}.nbs-grand-col{align-items:center;gap:12px;display:flex}.nbs-g-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nbs-g-label{color:#475569;margin-bottom:2px;font-size:12px;font-weight:600}.nbs-g-val{color:#0f172a;font-size:16px;font-weight:700}.nbs-g-divider{background:#dcfce7;width:1px;height:40px}.nbs-grand-total-col{text-align:right}.nbs-gt-label{color:#475569;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700}.nbs-gt-val{color:#10b981;font-size:36px;font-weight:700}.billing-payment-split{gap:24px;display:flex}.billing-payment-left{flex-direction:column;flex:1.5;display:flex}.billing-payment-right{flex-direction:column;flex:1;justify-content:space-between;display:flex}.billing-payment-right .billing-input-group{margin-bottom:0}.billing-input-group{margin-bottom:16px}.billing-input-label{color:#475569;margin-bottom:8px;font-size:12px;font-weight:600}.payment-mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.payment-mode-box{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.payment-mode-box:hover{border-color:#cbd5e1}.payment-mode-box.active{background:#f0fdf4;border-color:#10b981}.payment-mode-box .icon-wrap{color:#64748b;transition:all .2s}.payment-mode-box.active .icon-wrap{color:#10b981}.payment-mode-box .lbl{color:#334155;font-size:13px;font-weight:600}.payment-mode-box.active .lbl{color:#065f46}.payment-mode-box .check-badge{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #10b9814d}.billing-amount-input{position:relative}.billing-amount-input .curr{color:#64748b;font-size:15px;font-weight:600;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.billing-amount-input input{color:#0f172a;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 36px;font-size:16px;font-weight:700;transition:all .2s}.billing-amount-input input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.billing-change-box{background:#fff1f2;border:1px solid #ffe4e6;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.billing-change-box.success{background:#f0fdf4;border-color:#dcfce7}.billing-change-label{color:#e11d48;font-size:14px;font-weight:600}.billing-change-box.success .billing-change-label{color:#10b981}.billing-change-val{color:#e11d48;font-size:20px;font-weight:700}.billing-change-box.success .billing-change-val{color:#10b981}.billing-footer{gap:16px;display:flex}.billing-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:52px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.billing-btn-cancel{color:#e11d48;background:#fff;border:1px solid #fecdd3}.billing-btn-cancel:hover{background:#fff1f2}.billing-btn-save{color:#fff;background:#10b981}.billing-btn-save:hover{background:#059669}.billing-btn-print{color:#fff;background:#0ea5e9}.billing-btn-print:hover{background:#0284c7}.billing-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.billing-content-grid{grid-template-columns:1fr}}@media (width<=600px){.billing-summary-split,.billing-payment-split{flex-direction:column}}.billing-table-card.status-occupied{background:#fffbeb;border-color:#fef08a}.billing-table-card.status-served{background:#eff6ff;border-color:#bfdbfe}.billing-table-card.status-generated,.billing-table-card.status-billed{background:#f5f3ff;border-color:#ddd6fe}.billing-table-card.status-reserved{background:#fdf2f8;border-color:#fbcfe8}.billing-table-card.selected{background:#f0fdf4!important;border-color:#10b981!important;box-shadow:0 4px 12px #10b9811a!important}.legend-dot.served{background:#3b82f6}.legend-dot.generated{background:#8b5cf6}.legend-dot.reserved{background:#ec4899}.cashier-dash-container{background-color:#f8fafc;min-height:100vh;padding:24px 32px;font-family:Inter,sans-serif}.c-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.c-header-left h1{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.c-header-left p{color:#64748b;margin:0;font-size:14px}.c-header-right{align-items:center;gap:16px;display:flex}.c-search{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;width:240px;padding:8px 12px;display:flex}.c-search input{color:#334155;border:none;outline:none;width:100%;font-size:14px}.c-search input::placeholder{color:#94a3b8}.c-shortcut{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.c-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.c-icon-btn.profile{background:#1e293b;border:none}.c-actions-bar{justify-content:flex-end;margin-bottom:24px;display:flex}.c-date-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.c-kpi-row{gap:20px;margin-bottom:24px;display:flex}.c-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;padding:20px;display:flex;position:relative;overflow:hidden}.c-kpi-card.green-bg{background:linear-gradient(145deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.c-kpi-header{z-index:2;align-items:center;gap:12px;margin-bottom:12px;display:flex}.c-kpi-icon{color:#fff;background:#10b981;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.c-kpi-icon.blue{background:#3b82f6}.c-kpi-icon.purple{background:#8b5cf6}.c-kpi-icon.red{background:#ef4444}.c-kpi-title{color:#334155;font-size:14px;font-weight:600}.c-kpi-val{color:#0f172a;z-index:2;margin-bottom:8px;font-size:24px;font-weight:800}.c-kpi-val.split{align-items:baseline;gap:6px;display:flex}.c-trend{z-index:2;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.c-trend.up{color:#10b981}.c-trend.down{color:#ef4444}.c-trend-text{color:#64748b;font-weight:400}.c-kpi-subtext{color:#64748b;z-index:2;margin-top:auto;font-size:13px}.c-kpi-subtext.split-labels{justify-content:space-between;width:140px;display:flex}.c-kpi-watermark{color:#f1f5f9;z-index:1;position:absolute;bottom:-10px;right:-10px}.c-kpi-card.green-bg .c-kpi-watermark{color:#10b9811a}.c-kpi-sparkline{z-index:1;width:120px;height:40px;position:absolute;bottom:0;right:0}.c-chart-row{gap:20px;margin-bottom:24px;display:flex}.c-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.c-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.c-card-title{color:#0f172a;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.c-card-dropdown{color:#64748b;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.c-card-link{color:#10b981;cursor:pointer;font-size:13px;font-weight:600}.collection-trend-card{flex:2}.collection-body{gap:24px;display:flex}.collection-chart{flex:1}.collection-stats{border-left:1px solid #e2e8f0;flex-direction:column;width:220px;padding-left:24px;display:flex}.stats-title{color:#64748b;margin-bottom:4px;font-size:13px}.stats-val{color:#0f172a;margin-bottom:4px;font-size:24px;font-weight:800}.stats-bars{flex:1;margin-top:24px}.sbg-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sbg-label{color:#334155;align-items:center;gap:6px;font-size:13px;display:flex}.sbg-dot{border-radius:50%;width:8px;height:8px}.sbg-dot.green{background:#10b981}.sbg-dot.cyan{background:#06b6d4}.sbg-pct{color:#64748b;font-size:12px;font-weight:600}.sbg-val{color:#0f172a;margin-bottom:6px;font-size:14px;font-weight:600}.sbg-track{background:#f1f5f9;border-radius:3px;width:100%;height:6px;overflow:hidden}.sbg-fill{border-radius:3px;height:100%}.sbg-fill.green{background:#10b981}.sbg-fill.cyan{background:#06b6d4}.payment-method-card{flex:1}.payment-method-body{flex-direction:column;height:100%;display:flex}.pm-chart{justify-content:center;margin-bottom:20px;display:flex;position:relative}.pm-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pm-center-val{color:#0f172a;font-size:16px;font-weight:800}.pm-center-lbl{color:#64748b;font-size:12px}.pm-legend{flex-direction:column;gap:12px;display:flex}.pm-leg-item{justify-content:space-between;align-items:center;display:flex}.pml-left{align-items:center;gap:8px;width:80px;display:flex}.pml-dot{border-radius:50%;width:10px;height:10px}.pml-name{color:#334155;font-size:13px;font-weight:500}.pml-pct{color:#64748b;text-align:right;width:40px;font-size:13px}.pml-val{color:#0f172a;text-align:right;flex:1;font-size:13px;font-weight:600}.c-bottom-row{gap:20px;display:flex}.recent-tx-card{flex:2;padding:0}.recent-tx-card .c-card-header{padding:20px 24px 0}.c-table{border-collapse:collapse;width:100%}.c-table th{text-align:left;color:#64748b;border-bottom:1px solid #e2e8f0;padding:16px 24px;font-size:12px;font-weight:600}.c-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:13px}.c-table tr:last-child td{border-bottom:none}.c-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.pm-cash{color:#16a34a;background:#dcfce7}.pm-upi{color:#4f46e5;background:#e0e7ff}.pm-card{color:#ea580c;background:#ffedd5}.pm-other{color:#475569;background:#f1f5f9}.st-paid{color:#16a34a;background:#dcfce7}.st-cancelled{color:#dc2626;background:#fee2e2}.st-pending{color:#ca8a04;background:#fef9c3}.quick-actions-card{flex:1}.qa-grid{flex-direction:column;gap:12px;display:flex}.qa-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.qa-btn:hover{background:#f0fdf4;border-color:#10b981;box-shadow:0 4px 6px -1px #10b9811a}.qa-icon{color:#10b981;background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:0;display:flex}.qa-text h4{color:#0f172a;margin:0 0 2px;font-size:14px;font-weight:700}.qa-text p{color:#64748b;margin:0;font-size:12px}.reports-container{background-color:var(--bg-app);min-height:100vh;color:var(--text-main);padding:16px 20px;animation:.3s fadeIn}.reports-header{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.reports-header-left{align-items:center;gap:12px;display:flex}.reports-icon-badge{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.reports-title-row{align-items:center;gap:10px;margin-bottom:2px;display:flex}.reports-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.reports-status-pill{color:#15803d;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background-color:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 0 2px #22c55e33}.reports-subtitle{color:#64748b;margin:0;font-size:13.5px}.btn-reports-action{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-reports-action:hover{background:#f8fafc}.reports-controls{align-items:center;gap:12px;display:flex}.reports-select,.reports-date-input{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:all .2s}.reports-select:focus,.reports-date-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.reports-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.report-summary-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.report-summary-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.rsc-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.rsc-icon-wrapper.blue{color:#3b82f6;background-color:#3b82f61a}.rsc-icon-wrapper.green{color:#10b981;background-color:#10b9811a}.rsc-icon-wrapper.purple{color:#8b5cf6;background-color:#8b5cf61a}.rsc-icon-wrapper.orange{color:#f59e0b;background-color:#f59e0b1a}.rsc-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.rsc-value{color:var(--text-main);margin-bottom:4px;font-size:24px;font-weight:700}.report-chart-section{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:20px}.report-section-title{color:var(--text-main);margin:0 0 20px;font-size:18px;font-weight:700}.report-table-container{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.report-table{border-collapse:collapse;text-align:left;width:100%}.report-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);background-color:var(--bg-app);padding:10px 12px;font-size:12px;font-weight:700}.report-table td{color:var(--text-main);border-bottom:1px solid var(--border-color);padding:10px 12px;font-size:13px;font-weight:500}.report-table tfoot td{color:#ef4444!important}.report-table tr:last-child td{border-bottom:none}.report-table tr:hover td{background-color:var(--bg-app)}.text-right{text-align:right!important}.text-center{text-align:center!important}.color-success{color:#10b981}.color-danger{color:#ef4444}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reports-tabs{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.report-tab-btn{border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.report-tab-btn.active{background-color:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.report-tab-btn:hover:not(.active){border-color:var(--text-muted);color:var(--text-main)}.reports-top-bar{background-color:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.reports-filters-group{flex-wrap:nowrap;align-items:center;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.reports-filter-item{color:#475569;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.reports-filter-item input,.reports-filter-item select{color:#0f172a;background:0 0;border:none;outline:none;font-size:14px;font-weight:600}.reports-filter-item input[type=date]{width:110px}.reports-action-group{align-items:center;gap:12px;display:flex}.reports-action-btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.reports-action-btn.primary{color:#fff;background-color:#10b981;border:none}.reports-action-btn.outline{color:#475569;background-color:#fff;border:1px solid #e2e8f0}.reports-action-btn.outline:hover{background-color:#f8fafc}.report-card-pastel{border:1px solid #0000;border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.report-card-pastel.green{background-color:#f0fdf4;border-color:#dcfce7}.report-card-pastel.blue{background-color:#eff6ff;border-color:#dbeafe}.report-card-pastel.purple{background-color:#faf5ff;border-color:#f3e8ff}.report-card-pastel.orange{background-color:#fff7ed;border-color:#ffedd5}.report-card-pastel.red{background-color:#fdf2f8;border-color:#fce7f3}.report-card-pastel.mint{background-color:#ecfdf5;border-color:#d1fae5}.report-card-header{z-index:2;justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.report-card-icon{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 4px #0000000d}.green .report-card-icon{color:#10b981}.blue .report-card-icon{color:#3b82f6}.purple .report-card-icon{color:#8b5cf6}.orange .report-card-icon{color:#f59e0b}.red .report-card-icon{color:#ef4444}.mint .report-card-icon{color:#10b981}.report-card-title{color:#334155;z-index:2;margin-bottom:8px;font-size:14px;font-weight:700}.report-card-value{color:#0f172a;z-index:2;margin-bottom:12px;font-size:28px;font-weight:800}.report-card-trend{color:#64748b;z-index:2;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.trend-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.trend-badge.up{color:#16a34a;background-color:#dcfce7}.trend-badge.down{color:#dc2626;background-color:#fee2e2}.trend-badge.neutral{color:#64748b;background-color:#f1f5f9}.report-card-watermark{opacity:.1;z-index:1;position:absolute;bottom:-10px;right:-10px}.report-card-watermark svg{width:120px;height:120px}.chart-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.chart-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.chart-pills{background-color:#f8fafc;border-radius:20px;padding:4px;display:flex}.chart-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:6px 16px;font-size:13px;font-weight:600}.chart-pill.active{color:#fff;background-color:#10b981}.premium-header-banner{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 32px;display:flex;position:relative;overflow:hidden}.phb-content{z-index:1;align-items:center;gap:20px;display:flex}.phb-icon-box{color:#fff;background-color:#10b981;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #10b9814d}.phb-title{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.phb-subtitle{color:#64748b;margin:0;font-size:14px}.phb-illustration{opacity:.8;height:100%;position:absolute;top:0;right:0}.premium-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.premium-filter-item{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.premium-filter-item:focus-within{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.premium-filter-item input,.premium-filter-item select{color:#0f172a;background:0 0;border:none;outline:none;font-size:14px;font-weight:600}.premium-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.premium-btn.primary{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98133}.premium-btn.primary:hover{background:#059669}.premium-btn.secondary{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.premium-btn.secondary:hover{background:#f1f5f9}.premium-tabs{border-bottom:1px solid #e2e8f0;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.premium-tab-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.premium-tab-btn.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.premium-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.premium-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.premium-card.green-theme{background:linear-gradient(#fff 0%,#f0fdf4 100%)}.premium-card.blue-theme{background:linear-gradient(#fff 0%,#eff6ff 100%)}.premium-card.purple-theme{background:linear-gradient(#fff 0%,#faf5ff 100%)}.premium-card.orange-theme{background:linear-gradient(#fff 0%,#fff7ed 100%)}.premium-card.red-theme{background:linear-gradient(#fff 0%,#fef2f2 100%)}.premium-card.mint-theme{background:linear-gradient(#fff 0%,#f0fdfa 100%)}.pc-header{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.pc-icon-box{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.pc-icon-box.green{background:#10b981;box-shadow:0 4px 12px #10b9814d}.pc-icon-box.blue{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.pc-icon-box.purple{background:#a855f7;box-shadow:0 4px 12px #a855f74d}.pc-content{z-index:1}.pc-title{color:#475569;margin-bottom:8px;font-size:16px;font-weight:600}.pc-value{color:#0f172a;margin-bottom:12px;font-size:32px;font-weight:800}.pc-trend{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.pc-trend-badge{background:#fff;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;display:flex}.pc-trend-badge.up{color:#10b981}.pc-trend-badge.neutral{color:#64748b}.premium-chart-section{grid-template-columns:2fr 1fr;gap:24px;display:grid}.premium-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000008}.pcc-header{margin-bottom:24px}.pcc-title{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.pcc-subtitle{color:#64748b;align-items:center;gap:4px;font-size:13px;display:flex}.custom-legend{flex-direction:column;flex:1;gap:16px;display:flex}.cl-item{align-items:center;gap:16px;display:flex}.cl-dot{border-radius:50%;width:10px;height:10px}.cl-info{flex:1}.cl-top{color:#0f172a;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.cl-bar-bg{background:#f1f5f9;border-radius:4px;height:4px;overflow:hidden}.cl-bar-fill{border-radius:4px;height:100%}.premium-insight-card{background:#f0fdf4;border-radius:20px;gap:16px;padding:24px;display:flex}.pic-icon{color:#10b981;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pic-content h3{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:700}.pic-content p{color:#475569;margin:0;font-size:14px;line-height:1.5}.rr-dashboard{color:#0f172a;background-color:#f8fafc;min-height:100vh;padding:32px 40px;font-family:Inter,sans-serif;animation:.3s fadeIn}.rr-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.rr-welcome h1{letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:800}.rr-welcome p{color:#64748b;margin:0;font-size:14px}.rr-header-actions{align-items:center;gap:16px;display:flex}.rr-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;width:240px;padding:8px 12px;display:flex}.rr-search-bar input{border:none;outline:none;flex:1;padding:0 8px;font-size:13px}.kbd-shortcut{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.rr-date-picker-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex}.rr-date-item{align-items:center;gap:8px;display:flex}.rr-date-label{color:#64748b;font-size:12px}.rr-date-item input{color:#0f172a;border:none;outline:none;font-size:13px;font-weight:600}.rr-date-arrow{color:#94a3b8}.rr-title-card{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 32px;display:flex;box-shadow:0 4px 20px #00000005}.rr-title-content{align-items:center;gap:20px;display:flex}.icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.bg-green-light{background-color:#dcfce7}.text-green{color:#10b981}.bg-green{background-color:#10b981}.rr-title-content h2{margin:0 0 4px;font-size:20px;font-weight:800}.rr-title-content p{color:#64748b;margin:0;font-size:14px}.rr-title-graphic{position:relative}.graphic-icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;transform:rotate(5deg)}.graphic-badge{color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:-8px;right:-8px}.rr-kpi-row{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.rr-kpi{border:none;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005}.bg-green-soft{background-color:#f0fdf4}.bg-blue-soft{background-color:#eff6ff}.bg-blue-light{background-color:#dbeafe}.text-blue{color:#3b82f6}.bg-purple-soft{background-color:#faf5ff}.bg-purple-light{background-color:#f3e8ff}.text-purple{color:#8b5cf6}.rr-kpi .kpi-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.rr-kpi .kpi-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rr-kpi .kpi-title{color:#475569;font-size:13px;font-weight:600}.rr-kpi .kpi-value{color:#0f172a;margin-bottom:12px;font-size:28px;font-weight:800}.kpi-sparkline{width:120px;height:40px;position:absolute;bottom:12px;right:12px}.rr-tabs{gap:8px;margin-bottom:24px;display:flex}.rr-tab-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.rr-tab-btn.active{color:#fff;background:#10b981;border-color:#10b981}.rr-content-grid{grid-template-columns:7fr 3fr;gap:24px;display:grid}.rr-main-col{flex-direction:column;display:flex}.rr-side-col{flex-direction:column;gap:24px;display:flex}.rr-side-card{padding:24px}.rr-side-title{align-items:center;gap:8px;margin:0 0 20px;font-size:16px;font-weight:800;display:flex}.rr-table-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rr-table-search{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.rr-table-search input{border:none;outline:none;font-size:13px}.rr-btn-outline{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:flex}.rr-table th{color:#64748b;text-transform:capitalize;background-color:#f8fafc;padding:16px 24px;font-size:12px;font-weight:600}.rr-table td{vertical-align:middle;padding:16px 24px;font-size:13px}.payment-pill{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.payment-pill.cash{color:#10b981;background:#dcfce7}.payment-pill.upi{color:#8b5cf6;background:#f3e8ff}.payment-pill.card{color:#3b82f6;background:#dbeafe}.status-pill{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.status-pill.completed{color:#10b981;background:#f0fdf4;border:1px solid #10b981}.rr-pagination{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.rr-page-info{color:#64748b;font-size:13px}.rr-page-controls{align-items:center;gap:8px;display:flex}.rr-page-controls button{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.rr-current-page{color:#fff;background:#10b981;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.rr-action-item{cursor:pointer;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.rr-action-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.rr-action-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rr-action-name{margin-bottom:4px;font-size:14px;font-weight:700}.rr-action-desc{color:#64748b;font-size:12px}.rr-legend{flex-direction:column;gap:12px;margin-top:24px;display:flex}.rr-legend-item{align-items:center;gap:12px;display:flex}.rr-legend-color{border-radius:50%;width:10px;height:10px}.rr-legend-name{color:#475569;flex:1;font-size:13px}.rr-legend-value{color:#0f172a;font-size:13px;font-weight:600}.text-white{color:#fff}.modern-notifications-container{padding:12px 24px}.modern-notifications-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.modern-notifications-header{align-items:center;gap:16px;display:flex}.modern-header-icon-container{background-color:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modern-title{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:700}.modern-subtitle{color:#64748b;margin:0;font-size:14px}.modern-header-actions{align-items:center;gap:12px;display:flex}.modern-btn-read-all{color:#059669;cursor:pointer;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.modern-btn-read-all:hover{color:#fff;background-color:#10b981;border-color:#10b981;box-shadow:0 2px 6px #10b98133}.unread-dot{background-color:#3b82f6;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 2px #3b82f633}.modern-search-box{width:300px;position:relative}.modern-search-box .search-icon{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.modern-search-box input{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:14px}.modern-search-box input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.modern-filter-sort-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modern-pill-filters{gap:12px;display:flex}.modern-pill{color:#334155;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modern-pill.active{color:#fff;background-color:#047857}.modern-pill-badge{color:#334155;background-color:#cbd5e1;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.modern-pill.active .modern-pill-badge{color:#fff;background-color:#10b981}.modern-sort-dropdown select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 12px;font-size:14px;font-weight:600}.modern-notifications-list{flex-direction:column;gap:12px;display:flex}.modern-note-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.modern-note-card.cat-sales{border-left-color:#3b82f6}.modern-note-card.cat-stock{border-left-color:#f59e0b}.modern-note-card.cat-system{border-left-color:#10b981}.modern-note-left{align-items:center;gap:12px;width:140px;display:flex}.modern-note-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modern-note-icon-circle.bg-sales{color:#3b82f6;background-color:#eff6ff}.modern-note-icon-circle.bg-stock{color:#f59e0b;background-color:#fef3c7}.modern-note-icon-circle.bg-system{color:#10b981;background-color:#ecfdf5}.modern-note-badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge-sales{color:#3b82f6;background-color:#eff6ff}.badge-stock{color:#f59e0b;background-color:#fef3c7}.badge-system{color:#10b981;background-color:#ecfdf5}.modern-note-content{flex:1}.modern-note-title{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:700}.modern-note-msg{color:#475569;margin:0;font-size:13px}.modern-note-actions{color:#94a3b8;align-items:center;gap:20px;display:flex}.modern-note-date{align-items:center;gap:6px;font-size:13px;display:flex}.modern-btn-delete{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s}.modern-btn-delete:hover{color:#ef4444}.modern-chevron{color:#cbd5e1}.modern-empty-state{color:#64748b;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.modern-selection-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 16px;display:flex}.selection-left{align-items:center;gap:10px;display:flex}.select-all-label{color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600}.selected-count-badge{color:#3b82f6;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.modern-bulk-delete-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background-color .15s;display:flex}.modern-bulk-delete-btn:hover{background-color:#dc2626}.modern-checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex;position:relative}.modern-checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.modern-checkmark{background-color:#fff;border:2px solid #cbd5e1;border-radius:4px;width:18px;height:18px;transition:all .15s}.modern-checkbox-container:hover input~.modern-checkmark{border-color:#10b981}.modern-checkbox-container input:checked~.modern-checkmark{background-color:#10b981;border-color:#10b981}.modern-checkmark:after{content:"";display:none;position:absolute}.modern-checkbox-container input:checked~.modern-checkmark:after{display:block}.modern-checkbox-container .modern-checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;top:2px;left:6px;transform:rotate(45deg)}.modern-note-card.selected{background-color:#f8fafc;border-color:#10b981}