@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary:#00b4d8;--primary-hover:#0096c7;--primary-light:#e0f2fe;--primary-glow:#00b4d840;--bg:#f8fafc;--bg-grid:#e2e8f0;--card:#fff;--card-subtle:#f1f5f9;--text:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--border-focus:#00b4d8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--sidebar-w:240px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 10px 25px #00000012}[data-theme=dark]{--bg:#090d16;--bg-grid:#172033;--card:#111827;--card-subtle:#1a2234;--text:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--border:#1f293d;--border-focus:#00b4d8;--primary-light:#00b4d826;--primary-glow:#00b4d866}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg);background-image:linear-gradient(to right, var(--bg-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--bg-grid) 1px, transparent 1px);color:var(--text);-webkit-font-smoothing:antialiased;background-size:32px 32px;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(135deg,#00b4d8 0%,#0077b6 100%)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--card);color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--card-subtle);border-color:var(--border-focus)}.btn-danger{color:#ef4444;background:#fef2f2;border-color:#fecaca}.btn-danger:hover{color:#fff;background:#ef4444}.btn-success{color:#10b981;background:#ecfdf5;border-color:#a7f3d0}.btn-success:hover{color:#fff;background:#10b981}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{width:100%;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:11px 14px;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s}input:not([type=range]):not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}input[type=range]{cursor:pointer;appearance:none!important;background:var(--border)!important;width:100%!important;height:6px!important;min-height:6px!important;max-height:6px!important;box-shadow:none!important;border:none!important;border-radius:99px!important;outline:none!important;margin:16px 0 10px!important;padding:0!important}input[type=range]::-webkit-slider-thumb{appearance:none!important;border:3.5px solid var(--primary)!important;cursor:grab!important;background:#fff!important;border-radius:50%!important;width:22px!important;height:22px!important;transition:transform .15s,box-shadow .15s!important;box-shadow:0 2px 8px #00b4d873!important}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)!important;box-shadow:0 4px 14px #00b4d8a6!important}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing!important;transform:scale(1.08)!important}input[type=range]::-moz-range-thumb{border:3.5px solid var(--primary)!important;cursor:pointer!important;background:#fff!important;border-radius:50%!important;width:22px!important;height:22px!important;box-shadow:0 2px 8px #00b4d873!important}.switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:26px;transition:all .25s;position:absolute;inset:0}[data-theme=dark] .slider{background-color:#334155}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #0003}input:checked+.slider{background:linear-gradient(135deg,#00b4d8 0%,#0096c7 100%)}input:checked+.slider:before{transform:translate(22px)}.segmented-control{background:var(--card-subtle);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 14px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.segmented-btn.active{color:var(--primary);background:#fff;box-shadow:0 2px 6px #0000000f}[data-theme=dark] .segmented-btn.active{background:var(--card);color:var(--primary)}.preset-chip{border:1px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .15s}.preset-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.preset-chip.active{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 2px 6px var(--primary-glow)}.duration-unit-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text-muted);cursor:pointer;text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.duration-unit-btn:hover{border-color:var(--border-focus);background:var(--card-subtle)}.duration-unit-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary-hover);box-shadow:0 2px 10px var(--primary-glow)}pre,code{font-family:JetBrains Mono,monospace}.badge{border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-primary{background:var(--primary-light);color:var(--primary-hover)}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#b45309;background:#fef3c7}.badge-danger{color:#b91c1c;background:#fee2e2}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.dot-active{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg);padding:24px;animation:.25s slideUp;position:relative;overflow-y:auto}.sidebar-nav-item{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:3px;padding:9px 12px;font-size:.86rem;font-weight:500;text-decoration:none;transition:all .16s cubic-bezier(.16,1,.3,1);display:flex}.sidebar-nav-item:hover{background:var(--card-subtle);color:var(--text);transform:translate(2px)}.sidebar-nav-item.active{color:var(--primary);background:#00b4d814;border-color:#00b4d838;font-weight:600}[data-theme=dark] .sidebar-nav-item.active{color:#38bdf8;background:#00b4d824;border-color:#38bdf840}.sidebar-nav-item.active .nav-icon-box{color:var(--primary);filter:drop-shadow(0 2px 5px #00b4d84d)}.sidebar-nav-item.owner-item{color:#d97706;background:#f59e0b0d;border-color:#f59e0b29}[data-theme=dark] .sidebar-nav-item.owner-item{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b40}.sidebar-nav-item.owner-item:hover{color:#b45309;background:#f59e0b1f;border-color:#f59e0b52}[data-theme=dark] .sidebar-nav-item.owner-item:hover{color:#fef08a}.sidebar-nav-item.owner-item.active{color:#f59e0b;background:linear-gradient(135deg,#f59e0b2e 0%,#d977061f 100%);border-color:#f59e0b73;font-weight:700;box-shadow:0 4px 12px #f59e0b26}.nav-icon-box{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .15s;display:flex}.sidebar-nav-item:hover .nav-icon-box{transform:scale(1.08)}.mobile-drawer-sheet{background:var(--card);flex-direction:column;width:min(300px,85vw);height:100%;padding:20px 16px;animation:.24s cubic-bezier(.16,1,.3,1) slideInDrawer;display:flex;overflow-y:auto;box-shadow:0 10px 40px #00000040}.drawer-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);padding:14px 10px 6px;font-size:.68rem;font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){:root{--sidebar-w:0px;--radius-lg:16px;--radius-md:12px}html,body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:manipulation}.desktop-sidebar{display:none!important}.show-on-mobile-only{display:inline-flex!important}.hide-on-mobile{display:none!important}.mobile-top-header{padding:max(env(safe-area-inset-top,0px), 8px) 16px 8px 16px!important;background:var(--card)!important;border-bottom:1px solid var(--border)!important;height:56px!important;min-height:56px!important;box-shadow:0 1px 3px #00000008!important}.mobile-bottom-nav{height:56px!important;padding:0 4px!important;padding-bottom:max(env(safe-area-inset-bottom,0px), 2px)!important;background:var(--card)!important;border-top:1px solid var(--border)!important;z-index:999!important;border-radius:0!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -2px 10px #0000000a!important}.main-content-pad{padding:16px 14px calc(72px + max(env(safe-area-inset-bottom,0px), 6px)) 14px!important;min-width:0!important}.order-grid-layout{grid-template-columns:1fr!important;gap:16px!important}.dashboard-banner-grid{grid-template-columns:1fr!important;gap:14px!important}.stats-grid-mobile{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.landing-hero{border-radius:18px!important;padding:30px 18px!important}.landing-hero h1{font-size:1.7rem!important;line-height:1.25!important}.landing-features-grid{grid-template-columns:1fr!important;gap:14px!important}.btn{border-radius:12px;min-height:44px;font-size:.9rem}.btn:active{transform:scale(.97)}input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{border-radius:12px;min-height:46px;font-size:16px!important}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{max-height:88vh!important;padding:24px 20px max(env(safe-area-inset-bottom,0px), 28px) 20px!important;border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;animation:.25s cubic-bezier(.16,1,.3,1) slideUpModal!important}input[type=range]::-webkit-slider-thumb{width:28px;height:28px}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;display:block;overflow-x:auto}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDrawer{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width>=769px){.mobile-bottom-nav,.show-on-mobile-only{display:none!important}}.btn-animated{-webkit-user-select:none;user-select:none;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s,background .15s}.btn-animated:active:not(:disabled){transform:scale(.92)!important}.btn-animated:hover:not(:disabled){transform:translateY(-1px)}.spin-fast{animation:.65s linear infinite spinFast}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}