@import "https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--hc-bg:#08080a;--hc-bg-soft:#0e0e11;--hc-surface:#141417;--hc-surface-2:#1c1c21;--hc-surface-3:#26262d;--hc-line:#26262c;--hc-line-strong:#3a3a43;--hc-text:#fff;--hc-text-2:#a6a6b2;--hc-text-3:#6e6e7a;--hc-yellow:#ffd60a;--hc-yellow-deep:#f5a623;--hc-yellow-glow:#ffd60a4d;--hc-on-yellow:#08080a;--hc-blue:#4d8dff;--hc-success:#2fd16b;--hc-danger:#ff453a;--hc-warning:#ff9f0a;--hc-success-bg:#2fd16b1f;--hc-danger-bg:#ff453a1f;--hc-warning-bg:#ff9f0a1f;--hc-blue-bg:#4d8dff1f;--hc-r-sm:10px;--hc-r:14px;--hc-r-lg:22px;--hc-r-pill:9999px;--hc-shadow:0 1px 0 #ffffff0a inset,0 8px 30px #00000080;--hc-shadow-lg:0 1px 0 #ffffff0d inset,0 24px 60px #0009;--hc-glow:0 0 0 1px #ffd60a40,0 10px 40px #ffd60a2e;--hc-display:"Sora",system-ui,sans-serif;--hc-body:"Plus Jakarta Sans",system-ui,sans-serif;--hc-mono:"JetBrains Mono",ui-monospace,monospace;--bus-yellow:#ffd60a;--bus-yellow-glow:#ffd60a4d;--bus-orange:#f5a623;--primary:#ffd60a;--primary-hover:#f5c800;--primary-glow:#ffd60a4d;--bg-color:#08080a;--surface:#141417;--surface-2:#1c1c21;--surface-border:#26262c;--surface-border-hover:#3a3a43;--text-main:#f0f0f5;--text-muted:#a6a6b2;--text-dim:#6e6e7a;--success:#2fd16b;--success-bg:#2fd16b1f;--danger:#ff453a;--danger-bg:#ff453a1f;--warning:#ff9f0a;--warning-bg:#ff9f0a1f;--info:#4d8dff;--info-bg:#4d8dff1f;--xp-gold:#ffd60a;--xp-silver:#a6a6b2;--xp-bronze:#f5a623;--streak-bg:linear-gradient(135deg,#ffd60a0f 0%,#f5a62308 100%);--radius:12px;--radius-sm:8px;--radius-lg:20px;--transition:all .25s cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--hc-bg);color:var(--hc-text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;display:flex}.glass-panel{background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--radius);box-shadow:var(--hc-shadow)}.glass-card{background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--hc-r);transition:var(--transition);box-shadow:var(--hc-shadow);padding:1.5rem}.glass-card:hover{border-color:var(--hc-line-strong);box-shadow:var(--hc-shadow-lg);transform:translateY(-2px)}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--hc-text);font-family:Sora,system-ui,sans-serif;font-weight:700}h1{font-size:2.25rem}h2{font-size:1.85rem}h3{font-size:1.4rem}.btn{letter-spacing:.01em;cursor:pointer;transition:var(--transition);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--hc-yellow);color:var(--hc-on-yellow);box-shadow:var(--hc-glow)}.btn-primary:hover{background-color:var(--hc-yellow-deep);transform:translateY(-2px)}.btn-success{background-color:var(--hc-success);color:#08080a}.input-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.input-label{text-transform:uppercase;letter-spacing:.08em;color:var(--hc-text-3);font-size:.75rem;font-weight:700}.input-field{background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--hc-r);width:100%;color:var(--hc-text);transition:var(--transition);padding:.85rem 1.25rem;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--hc-yellow);box-shadow:0 0 0 3px var(--hc-yellow-glow);outline:none}.input-field::placeholder{color:var(--hc-text-3)}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}@media (max-width:640px){.container{padding:0 1rem}}main{flex:1;padding:2rem 0}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;align-items:center;gap:.35rem;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-self-pickup{background:var(--hc-warning-bg);color:var(--hc-warning)}.badge-pending{background:var(--hc-surface-2);color:var(--hc-text-3)}.badge-checked-out,.badge-success{background:var(--hc-success-bg);color:var(--hc-success)}.badge-danger{background:var(--hc-danger-bg);color:var(--hc-danger)}.badge-warning{background:var(--hc-warning-bg);color:var(--hc-warning)}.badge-info{background:var(--hc-blue-bg);color:var(--hc-blue)}.badge-xp{background:linear-gradient(135deg,var(--hc-yellow),var(--hc-yellow-deep));color:#08080a;box-shadow:0 0 12px var(--hc-yellow-glow)}.xp-bar-track{background:var(--hc-surface-2);border-radius:9999px;height:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg,var(--hc-yellow),var(--hc-yellow-deep));height:100%;box-shadow:0 0 8px var(--hc-yellow-glow);border-radius:9999px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.streak-card{background:var(--streak-bg);border-radius:var(--radius-sm);border:1px solid #ffd60a26;align-items:center;gap:1rem;padding:1.25rem;display:flex}@keyframes pulse-ring{0%{opacity:1;box-shadow:0 0 0 0 var(--hc-yellow-glow);transform:scale(.85)}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ffd60a00}to{opacity:1;transform:scale(.85);box-shadow:0 0 #ffd60a00}}.pulse-ring{animation:2s cubic-bezier(.2,.8,.2,1) infinite pulse-ring}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--hc-r-lg);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--hc-shadow-lg);padding:2.5rem;overflow-y:auto}.select-field{background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--hc-r);width:100%;color:var(--hc-text);transition:var(--transition);appearance:none;padding:.85rem 1.25rem;font-family:inherit;font-size:.95rem}.select-field:focus{border-color:var(--hc-yellow);box-shadow:0 0 0 3px var(--hc-yellow-glow);outline:none}.select-field option{background:var(--hc-surface-2);color:var(--hc-text)}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.bento-card{background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--hc-r-lg);transition:var(--transition);box-shadow:var(--hc-shadow);flex-direction:column;padding:1.5rem;display:flex}.bento-card:hover{border-color:var(--hc-line-strong);box-shadow:var(--hc-shadow-lg);transform:translateY(-3px)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--hc-surface)25%,var(--hc-surface-2)50%,var(--hc-surface)75%);border-radius:var(--radius-sm);background-size:600px 100%;animation:1.4s infinite shimmer}@keyframes spin{to{transform:rotate(360deg)}}table th,table td{vertical-align:middle}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hc-line-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--hc-text-3)}div::-webkit-scrollbar{height:0}.input-field[style*="border-color: var(--danger)"]{box-shadow:0 0 0 3px var(--hc-danger-bg)}.stat-card{background:var(--hc-surface);border:1px solid var(--hc-line);border-radius:var(--radius-sm)}.stat-card.red{border-left:3px solid var(--hc-danger)}.stat-card.blue{border-left:3px solid var(--hc-blue)}.stat-card.green{border-left:3px solid var(--hc-success)}.toast{z-index:10000!important}@media (min-width:768px){.hidden.md\:flex{display:flex!important}.flex.md\:hidden,.md\:hidden{display:none!important}.md\:pl-\[260px\]{padding-left:260px!important}}@media (max-width:767px){.hidden.md\:flex{display:none!important}.flex.md\:hidden{display:flex!important}.md\:hidden{display:block!important}.md\:pl-\[260px\]{padding-left:0!important}main{padding:1rem .75rem}.modal-overlay{align-items:flex-end;padding:.75rem}.modal-box{border-radius:var(--hc-r-lg)var(--hc-r-lg)0 0;max-height:92vh;padding:1.5rem 1.25rem;max-width:100%!important}.bento-grid{grid-template-columns:1fr!important}h2{font-size:1.35rem}h3{font-size:1.1rem}nav[style]{padding:0 1rem!important}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:540px;font-size:.85rem}}
