@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg: #F5F7FB;--surface: #FFFFFF;--surface-2: #F1F5F9;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--primary: #0052FF;--glow: #0088FF;--accent: var(--accent, #0052FF);--text: #1E293B;--text-muted:#64748B;--text-dim: #94A3B8;--success: #00B880;--warning: #D97706;--danger: #EF4444}html:has(body.admin){background:var(--bg)!important;background-image:none!important}body.admin{background:var(--bg)!important;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text)!important;margin:0;min-height:100vh;padding-left:260px!important;box-sizing:border-box;position:relative}.sidebar{width:260px;height:100vh;height:100dvh;position:fixed;left:0;top:0;background:#000!important;border-right:1px solid rgba(255,255,255,.1)!important;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1.25rem;box-sizing:border-box;z-index:1000;transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden!important}.sidebar-top{display:flex;flex-direction:column;gap:1.5rem;flex:1;min-height:0;flex-shrink:0}.sidebar .brand{display:flex;align-items:center;gap:.75rem;font-weight:800;font-family:Outfit,sans-serif;font-size:1.15rem;color:#fff!important;text-decoration:none;letter-spacing:-.025em;flex-shrink:0}.sidebar .brand img{height:32px;width:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)!important;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:.35rem;overflow-y:auto;flex:1;min-height:0;margin:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;color:#ffffffe0!important;font-size:.85rem;font-weight:600;text-decoration:none;border-radius:8px;position:relative;transition:all .2s ease;flex-shrink:0}.nav-item:hover{background:#ffffff14!important;color:#fff!important}.nav-item.active{background:#0052ff2e!important;color:#00c2ff!important;font-weight:600}.active-indicator{position:absolute;left:0;top:25%;bottom:25%;width:3px;background:#00c2ff!important;border-radius:0 4px 4px 0}.sidebar-bottom{flex-shrink:0!important;margin-top:auto!important;width:100%!important}.profile-widget{display:flex;align-items:center;gap:.75rem;background:#111!important;border:1px solid rgba(255,255,255,.1)!important;padding:.75rem .85rem;border-radius:10px;box-shadow:0 4px 12px #0006;flex-shrink:0!important}.profile-widget .avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;box-shadow:0 0 8px #0052ff4d}.profile-info{flex:1;display:flex;flex-direction:column;min-width:0}.profile-info .name{font-size:.82rem;font-weight:600;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .profile-info .role{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-top:.1rem}.sidebar .profile-info .role.role-owner{color:#00c2ff!important}.sidebar .profile-info .role.role-manager{color:var(--success)!important}.sidebar .profile-info .role.role-cashier{color:#ffffff80!important}.logout-btn{background:none!important;border:0!important;color:#ffffff80!important;cursor:pointer;padding:.25rem!important;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease}.logout-btn:hover{color:var(--danger)!important}.workstation-topbar{background:#fffc!important;backdrop-filter:saturate(180%) blur(12px)!important;-webkit-backdrop-filter:saturate(180%) blur(12px)!important;border-bottom:1px solid var(--border)!important;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;position:sticky;top:0;z-index:99}.topbar-left{display:flex;align-items:center}.mobile-menu-btn{display:none;background:none!important;border:0!important;color:var(--text-muted)!important;cursor:pointer;padding:.5rem!important;align-items:center;justify-content:center;border-radius:6px;margin-right:.75rem}.mobile-menu-btn:hover{color:var(--text)!important;background:#0000000d!important}.workstation-topbar h1{font-size:1.4rem;font-family:Outfit,sans-serif;font-weight:700;margin:0;letter-spacing:-.015em;color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:1rem}.date-dropdown{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);padding:.55rem .85rem;border-radius:8px;font-size:.8rem;color:var(--text-muted);font-weight:500;cursor:pointer;transition:all .15s ease}.date-dropdown:hover{color:var(--text);border-color:var(--border-strong)}.view-site-btn{background:var(--surface-2)!important;color:var(--text-muted)!important;border:1px solid var(--border)!important;padding:.55rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s ease;display:inline-flex;align-items:center}.view-site-btn:hover{color:var(--text)!important;border-color:var(--border-strong)!important}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999}.sidebar-overlay.active{display:block}body.admin .wrap,body.admin .pos-wrap,body.admin .dashboard-container{max-width:1200px!important;margin:0!important;padding:2rem 1.5rem!important;box-sizing:border-box;width:100%!important}body.admin .panel,body.admin .card,body.admin .kpi,body.admin .box,body.admin table,body.admin .day,body.admin dialog{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 4px 20px #0000000a!important;color:var(--text)!important}body.admin th{background:var(--surface-2)!important;color:var(--text-muted)!important;border-bottom:1px solid var(--border)!important;font-weight:600!important;font-size:.72rem!important}body.admin td{border-bottom:1px solid var(--border)!important;color:var(--text)!important}body.admin tr.row:hover td{background:var(--surface-2)!important}body.admin h1,body.admin h2,body.admin h3,body.admin h4{font-family:Outfit,sans-serif!important;color:var(--text)!important}body.admin input,body.admin select,body.admin textarea{background:var(--surface-2)!important;border:1px solid rgba(255,255,255,.15)!important;color:var(--text)!important;border-radius:8px!important;transition:all .15s ease!important}body.admin input:focus,body.admin select:focus,body.admin textarea:focus{border-color:var(--glow)!important;box-shadow:0 0 8px #00c2ff40!important;outline:none!important}body.admin button,body.admin .btn,body.admin label.btn,body.admin input[type=submit]{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:8px!important;font-weight:600!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;cursor:pointer;position:relative;overflow:hidden}body.admin .panel button:after,body.admin .card button:after,body.admin .box button:after,body.admin .panel .btn:after,body.admin .card .btn:after,body.admin .box .btn:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:skew(-20deg);transition:none}body.admin .panel button:hover:after,body.admin .card button:hover:after,body.admin .box button:hover:after,body.admin .panel .btn:hover:after,body.admin .card .btn:hover:after,body.admin .box .btn:hover:after{left:150%;transition:left .75s cubic-bezier(.16,1,.3,1)}body.admin button:hover,body.admin .btn:hover,body.admin label.btn:hover,body.admin input[type=submit]:hover{background:#ffffff0f!important;border-color:#ffffff4d!important;color:var(--text)!important;transform:translateY(-1.5px)!important;box-shadow:0 6px 15px #00000059!important}body.admin button.primary,body.admin .btn.primary,body.admin input[type=submit].primary{background:#1e3a8a!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 4px 14px #1e3a8a66!important;font-weight:700!important}body.admin button.primary:hover,body.admin .btn.primary:hover,body.admin input[type=submit].primary:hover{background:#152b66!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 6px 22px #3b82f68c!important}body.admin button.pm{border:1px solid rgba(255,255,255,.15)!important;background:var(--surface-2)!important;color:var(--text-muted)!important;position:relative;overflow:hidden}body.admin button.pm:hover{border-color:#ffffff4d!important;color:var(--text)!important}body.admin button.pm.active{background:#0052ff33!important;color:var(--glow)!important;border-color:var(--glow)!important;box-shadow:0 0 14px #00c2ff59!important;font-weight:700!important}@media(max-width:1023px){body.admin,html:has(body.admin){padding-left:0!important}.sidebar{transform:translate3d(-100%,0,0);z-index:1001;height:100vh;height:100dvh;border-right:1px solid var(--border-strong);overflow:hidden!important;-webkit-overflow-scrolling:touch!important}.sidebar.open{transform:translateZ(0)}.mobile-menu-btn{display:inline-flex}.workstation-topbar{padding:1rem 1.25rem;position:sticky;top:0;width:100%}body.admin .wrap,body.admin .pos-wrap,body.admin .dashboard-container{padding:1.25rem 1rem!important}.topbar-actions .view-site-btn{display:none}}@media(max-width:480px){.workstation-topbar h1{font-size:1.15rem}.date-dropdown span{display:none}.date-dropdown{padding:.55rem}}body.admin .preview-strip{background:linear-gradient(90deg,#d4a8532e,#d4a85347,#d4a8532e)!important;border-bottom:1px solid rgba(212,168,83,.45)!important;color:#f1d9a5!important;position:sticky!important;top:0;z-index:1001;width:100%}body.admin .preview-inner{max-width:1200px;margin:0 auto;padding:.45rem 1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.01em}body.admin .preview-dot{color:#d4a853;font-size:.7rem;line-height:1}body.admin .preview-strip strong{color:#fff;font-weight:600;letter-spacing:.04em}body.admin .preview-sep{color:#d4a8538c}body.admin .preview-strip+.workstation-topbar{top:0}