@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: #f7faf9;--surface: #FFFFFF;--surface-2: #e8f1ee;--border: rgba(19, 93, 71, .08);--border-strong: rgba(19, 93, 71, .15);--primary: #135d47;--glow: #187d60;--accent: var(--accent);--text: #2d3748;--text-muted:#718096;--text-dim: #a0aec0;--success: #38a169;--warning: #dd6b20;--danger: #e53e3e}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;transition:background .3s ease}.sidebar{width:260px;height:100vh;height:100dvh;position:fixed;left:0;top:0;background:#135d47!important;border-right:1px solid rgba(19,93,71,.15)!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.1rem;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:#ffffffd9!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:#ffffff1a!important;color:#fff!important}.nav-item.active{background:#fff!important;color:#135d47!important;font-weight:750;box-shadow:0 4px 12px #135d471f}.active-indicator{position:absolute;left:0;top:25%;bottom:25%;width:3px;background:#38a169!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:#0d4232!important;border:1px solid rgba(255,255,255,.12)!important;padding:.75rem .85rem;border-radius:10px;box-shadow:0 4px 12px #00000026;flex-shrink:0!important}.profile-widget .avatar{width:32px;height:32px;border-radius:50%;background:#fff;color:#135d47;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;box-shadow:0 0 8px #fff3}.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:#52c41a!important}.sidebar .profile-info .role.role-manager{color:#a6d5ff!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 #187d6040!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:#135d47!important;color:#fff!important;border:2px solid #38a169!important;box-shadow:0 0 10px #38a1694d!important;font-weight:700!important}body.admin button.primary:hover,body.admin .btn.primary:hover,body.admin input[type=submit].primary:hover{background:#38a169!important;border-color:#38a169!important;color:#fff!important;box-shadow:0 0 20px #38a169bf!important}body.admin button.pm{border:1px solid var(--border)!important;background:var(--surface-2)!important;color:var(--text-muted)!important;position:relative;overflow:hidden}body.admin button.pm:hover{border-color:#135d474d!important;color:var(--text)!important}body.admin button.pm.active{background:#38a1691f!important;color:#135d47!important;border-color:#38a169!important;box-shadow:0 0 14px #38a16959!important;font-weight:700!important}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:6px;border:1px solid var(--border)!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}}@keyframes pulse-border{0%{transform:scale(1);box-shadow:0 0 4px #e53e3e66}to{transform:scale(1.02);box-shadow:0 0 14px #e53e3ecc}}.admin-footer{margin-left:260px;padding:1.5rem 2rem;border-top:1px solid var(--border);text-align:center;font-size:.68rem;color:var(--text-muted);font-family:monospace;font-weight:700;letter-spacing:.05em;background:transparent;box-sizing:border-box}@media(max-width:1023px){.admin-footer{margin-left:0;padding:1.5rem 1rem}}