@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap";@font-face{font-family:Telegraf;src:url(/assets/PPTelegraf-UltraLight-CVA2gA1G.otf)format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Telegraf;src:url(/assets/PPTelegraf-Regular-Cq3DZQwr.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Telegraf;src:url(/assets/PPTelegraf-UltraBold-CPDfQI1s.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--teal:#2aabab;--teal-deep:#1d8989;--teal-pale:#e3f4f4;--ink:#0d1717;--ink-2:#0d1717a6;--ink-3:#0d17171f;--white:#fff;--cream:#f8fafa;--bg:#edf2f2;--border-c:#2aabab26;--glass:#ffffffb3;--glass-dark:#0d1717cc;--blur:12px;--danger:#e11d48;--amber-bg:#fef3e2;--amber-text:#c8780d;--green-bg:#f0fdf4;--green-text:#15803d;--gap:8px;--radius:24px;--radius-sm:12px;--pad:64px;--pad-sm:32px;--sidebar-w:269px;--shadow:0 10px 30px -10px #0000001a;--shadow-md:0 20px 40px -12px #00000026}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;max-width:100vw;margin:0;font-family:Sora,sans-serif;line-height:1.6;overflow-x:hidden}#root{max-width:100vw;min-height:100vh;overflow-x:hidden}input,textarea,select{max-width:100%}.text-display{letter-spacing:-.026em;font-family:Telegraf,sans-serif;font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.04}.text-title{letter-spacing:-.016em;font-family:Telegraf,sans-serif;font-size:clamp(24px,4vw,34px);font-weight:500;line-height:1.2}.text-subhead{font-size:19px;font-weight:400;line-height:1.45}.text-body{font-size:14px;line-height:1.78}.text-label{letter-spacing:.24em;text-transform:uppercase;font-size:9.5px;font-weight:500}.btn-primary{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.btn-primary:hover{background:var(--teal-deep);transform:translateY(-1px);box-shadow:0 8px 24px -6px #2aabab80}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--ink);border:1.5px solid var(--border-c);cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:13px 28px;font-family:inherit;font-size:13.5px;font-weight:500;transition:border-color .18s,box-shadow .18s;display:inline-flex}.btn-secondary:hover{border-color:var(--teal);box-shadow:var(--shadow)}.btn-ghost{color:#fff;cursor:pointer;background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:100px;align-items:center;gap:8px;padding:13px 28px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.btn-ghost:hover{background:#ffffff40}.btn-danger{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13.5px;font-weight:500;display:inline-flex}.btn-full{justify-content:center;width:100%}.card{border:1px solid var(--ink-3);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.card-sm{border:1px solid var(--ink-3);border-radius:var(--radius-sm);box-shadow:var(--shadow);background:#fff}.card-glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur));border:1px solid #fff6;border-radius:16px}.chip{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.chip-teal{background:var(--teal-pale);color:var(--teal-deep)}.chip-amber{background:var(--amber-bg);color:var(--amber-text)}.chip-green{background:var(--green-bg);color:var(--green-text)}.chip-red{color:var(--danger);background:#fff1f3}.chip-gray{color:var(--ink-2);background:#0d17170f}.input{border:1px solid var(--ink-3);width:100%;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2aabab1f}.input.error{border-color:var(--danger);box-shadow:0 0 0 3px #e11d481a}.input-label{color:var(--ink);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-error{color:var(--danger);margin-top:4px;font-size:12px}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--ink-3);z-index:50;background:#fff;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;overflow-y:auto}.sidebar-link{color:#7c7c7c;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--teal-pale);color:var(--teal-deep)}.sidebar-link.active{background:var(--teal);color:#fff}.sidebar-logout{color:var(--danger)!important}.sidebar-logout:hover{background:#fff1f3!important}.product-card{border:1px solid var(--ink-3);background:#fff;border-radius:16px;transition:box-shadow .2s,transform .2s;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-wrapper{border-radius:var(--radius-sm);border:1px solid var(--ink-3);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead tr{background:var(--cream)}th{text-align:left;color:var(--ink);border-bottom:1px solid var(--ink-3);white-space:nowrap;padding:12px 16px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #0d17170d;padding:12px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--cream)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeInUp{animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-float{animation:3.6s ease-in-out infinite floatY}.animate-spin{animation:1s linear infinite spin}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mobile-only,.mobile-close{display:none!important}.mobile-overlay{z-index:49;background:#00000073;display:none;position:fixed;inset:0}.desktop-nav{display:flex}.navbar-search{flex:1;max-width:480px;display:flex;position:relative}.navbar-username{display:inline}.shop-layout{grid-template-columns:220px 1fr}.auth-layout{grid-template-columns:1fr 1fr}.auth-panel{display:flex!important}.page-layout{display:grid}@media (width<=768px){:root{--sidebar-w:0px;--pad:20px;--pad-sm:16px}.sidebar{width:269px;box-shadow:none;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-md);transform:translate(0)}.mobile-overlay.visible{display:block}.mobile-only{display:flex!important}.mobile-close{justify-content:center;align-items:center;display:flex!important}.dashboard-header{gap:8px!important;padding:0 12px!important}.dashboard-header-search,.dashboard-header-date{display:none!important}.dashboard-main{padding:16px!important}.desktop-nav,.navbar-search,.navbar-username{display:none!important}.shop-layout,.auth-layout{grid-template-columns:1fr!important}.auth-panel{display:none!important}.page-layout,.responsive-grid{grid-template-columns:1fr!important}.card{border-radius:16px}.card-sm{border-radius:8px}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}table{min-width:600px}.btn-primary{padding:11px 20px;font-size:13px}.btn-secondary{padding:10px 20px;font-size:13px}.toolbar{flex-wrap:wrap;gap:8px!important}.hero-inner{padding:48px 20px!important}}@media (width<=480px){.dashboard-main{padding:12px!important}.text-display{font-size:clamp(28px,8vw,48px)}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}