@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap");:root{--ink:#0A0D14;--surface:#11151E;--surface-2:#161B26;--raise:#1B2130;--hair:#222A39;--hair-soft:#1A2130;--text:#EAEEF6;--muted:#8B96AB;--faint:#5B6577;--accent:#7C8CF8;--accent-2:#9D7BF8;--mint:#34D399;--amber:#FBBF24;--rose:#FB7185;--grad:linear-gradient(135deg,#7C8CF8,#9D7BF8);--r:14px;--shadow:0 10px 30px -12px rgba(0,0,0,.6);--F-body:"Plus Jakarta Sans",system-ui,sans-serif;--F-disp:"Be Vietnam Pro",sans-serif;--F-mono:"JetBrains Mono",monospace;--nav-on:#CDD5FF;--on-accent:#FFFFFF;--pill-gray:#AAB4C5;--card-bg:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));--glow:0 8px 20px -8px color-mix(in srgb,var(--accent) 70%,transparent);--accent-05:color-mix(in srgb,var(--accent) 5%,transparent);--accent-06:color-mix(in srgb,var(--accent) 6%,transparent);--accent-10:color-mix(in srgb,var(--accent) 10%,transparent);--accent-12:color-mix(in srgb,var(--accent) 12%,transparent);--accent-14:color-mix(in srgb,var(--accent) 14%,transparent);--accent-16:color-mix(in srgb,var(--accent) 16%,transparent);--accent-30:color-mix(in srgb,var(--accent) 30%,transparent);--mint-12:color-mix(in srgb,var(--mint) 12%,transparent);--amber-12:color-mix(in srgb,var(--amber) 12%,transparent);--rose-12:color-mix(in srgb,var(--rose) 12%,transparent);--rose-30:color-mix(in srgb,var(--rose) 30%,transparent);--gray-10:color-mix(in srgb,var(--pill-gray) 10%,transparent);--overlay:rgba(5,7,12,.72);--topbar-bg:rgba(10,13,20,.72);--sidebar-bg:linear-gradient(180deg,rgba(22,27,38,.7),rgba(17,21,30,.7))}body{background:var(--ink);color:var(--text);font-family:var(--F-body);-webkit-font-smoothing:antialiased;letter-spacing:.03em}.disp,h1,h2,h3{font-family:var(--F-disp);letter-spacing:normal}.mono{font-family:var(--F-mono);font-feature-settings:"tnum" 1}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(620px 320px at 12% -8%,rgba(124,140,248,.1),transparent 70%),radial-gradient(560px 300px at 100% 0,rgba(157,123,248,.08),transparent 65%)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;overflow-x:clip}body{font-size:14px}a{color:var(--accent);text-decoration:none}button{font-family:var(--F-body);cursor:pointer}input,select,textarea{font-family:var(--F-body);font-size:14px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px}::-webkit-scrollbar-track{background:transparent}*{scrollbar-color:var(--hair) transparent}.spin{animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ink);position:relative}.login-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:34px 32px 26px;box-shadow:var(--shadow);color:var(--text)}.login-logo{display:block;height:58px;width:auto;margin:0 auto 20px;object-fit:contain}.login-card h1{font-family:var(--F-disp);font-size:18px;margin:0 0 6px;text-align:center;font-weight:700;letter-spacing:normal;color:var(--text)}.login-card p.lead{color:var(--muted);font-size:13px;margin:0 0 24px;text-align:center}.login-card .field{margin-bottom:16px}.login-card .field label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:7px}.login-card .field input{width:100%;padding:11px 13px;border:1px solid var(--hair);border-radius:10px;background:var(--surface-2);color:var(--text);font-size:14px;font-family:var(--F-body);outline:none;transition:border-color .15s,box-shadow .15s}.login-card .field input::placeholder{color:var(--faint)}.login-card .field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-12)}.login-btn{width:100%;margin-top:8px;padding:12px 16px;border:none;border-radius:10px;font-weight:600;font-size:14px;font-family:var(--F-body);color:var(--on-accent);cursor:pointer;background:var(--grad);box-shadow:var(--glow);transition:filter .15s,transform .05s,opacity .15s}.login-btn:hover{filter:brightness(1.06)}.login-btn:active{transform:translateY(.5px)}.login-btn:disabled{opacity:.7;cursor:default}.login-foot{margin-top:20px;text-align:center;font-size:11px;color:var(--faint);letter-spacing:.04em}.login-card .err{color:var(--rose);font-size:13px;margin-top:12px;text-align:center;background:var(--rose-12);border:1px solid var(--rose-30);border-radius:10px;padding:9px 11px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px var(--surface-2) inset!important;caret-color:var(--text)!important;border:1px solid var(--hair)!important;border-radius:10px!important;font-family:var(--F-body)!important}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-2{grid-column:span 2}.gap-3{gap:12px}.gap-4{gap:16px}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.col-span-2{grid-column:auto}}@media (max-width:430px){.grid-cols-4{grid-template-columns:1fr}}.pace-bottomnav,.pace-drawer-overlay,.pace-mobile-search,.pace-mobile-top{display:none}.pace-main{padding:26px 28px}@media (max-width:820px){.pace-sidebar,.pace-topbar{display:none!important}.pace-main{padding:calc(82px + env(safe-area-inset-top)) 14px calc(78px + env(safe-area-inset-bottom))}input,select,textarea{font-size:16px!important}.pace-mobile-top{display:flex;align-items:center;gap:11px;position:fixed;top:0;left:0;right:0;height:calc(70px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;box-sizing:border-box;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair-soft);z-index:40}.pace-mobile-top .mt-brand{display:flex;align-items:center;gap:11px;min-width:0;background:transparent;border:none;padding:0;cursor:pointer}.pace-mobile-top .mt-brand img{width:46px;height:46px;object-fit:contain;flex:none}.pace-mobile-top .mt-ttl{font-family:var(--F-disp);font-weight:700;font-size:16.5px;color:var(--text);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.pace-mobile-top .mt-sub{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.14em;margin-top:1px;text-align:left}.pace-mobile-top .mt-acts{margin-left:auto;display:flex;gap:4px}.mt-btn{position:relative;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--muted);background:transparent;border:none;cursor:pointer}.pace-mobile-search{display:block;position:fixed;top:calc(70px + env(safe-area-inset-top));left:0;right:0;padding:10px 12px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair-soft);z-index:39;animation:pace-fade .15s ease}.pace-mobile-search input{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--hair);border-radius:10px;padding:10px 12px;color:var(--text);font-family:var(--F-body);font-size:14px;outline:none}.pace-bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hair);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.bn-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;cursor:pointer;font-family:var(--F-body);font-size:10px;font-weight:600;padding:8px 2px 4px;color:var(--faint);min-width:0;text-decoration:none;position:relative;overflow:hidden}.bn-item .bn-ic{display:grid;place-items:center;color:var(--muted);height:22px}.bn-item .bn-ic svg{width:21px;height:21px;display:block}.bn-item.on{background:var(--accent-06);color:var(--nav-on)}.bn-item.on .bn-ic{color:var(--accent)}.bn-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pace-drawer-overlay{display:block;position:fixed;inset:0;background:var(--overlay);z-index:50;animation:pace-fade .18s ease}.pace-drawer{position:fixed;top:0;bottom:0;left:0;width:84vw;max-width:280px;box-sizing:border-box;z-index:51;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--hair);box-shadow:var(--shadow);animation:pace-slide .22s cubic-bezier(.22,.61,.36,1)}.pace-drawer .dw-head{display:flex;align-items:center;padding:calc(16px + env(safe-area-inset-top)) 16px 12px}.pace-drawer .dw-head img{width:120px;height:auto}.pace-drawer .dw-menu{flex:1 1;padding:6px 12px;overflow-y:auto;overscroll-behavior:contain}.pace-drawer .dw-foot{border-top:1px solid var(--hair);padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px}.pace-drawer .dw-user{flex:1 1;min-width:0;display:flex;align-items:center;gap:11px;background:transparent;border:none;padding:6px;border-radius:12px;cursor:pointer;text-align:left}.pace-drawer .dw-user:active{background:var(--accent-06)}.pace-drawer .dw-ava{width:40px;height:40px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;overflow:hidden}.pace-drawer .dw-ava img{width:100%;height:100%;object-fit:cover}.pace-drawer .dw-user-info{min-width:0;display:flex;flex-direction:column}.pace-drawer .dw-user-name{font-family:var(--F-body);font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pace-drawer .dw-user-role{font-size:11px;color:var(--faint);margin-top:1px}.pace-drawer .dw-logout{flex:none;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--muted);background:transparent;border:1px solid var(--hair);cursor:pointer}.pace-drawer .dw-logout:active{background:var(--rose-12);color:var(--rose);border-color:var(--rose-30)}.dw-navi{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border-radius:10px;background:transparent;border:none;cursor:pointer;color:var(--muted);font-family:var(--F-body);font-size:14px;font-weight:600}.dw-navi.on{background:var(--accent-06);color:var(--nav-on)}.dw-navi svg{width:18px;height:18px;flex:none}.dw-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);padding:12px 12px 4px;font-weight:600}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.col-span-2{grid-column:auto}.pace-modal-overlay{align-items:flex-end!important;padding:0!important}.pace-modal-panel{max-width:100%!important;border-radius:18px 18px 0 0!important;max-height:92vh;overflow-y:auto;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;animation:pace-sheet .24s cubic-bezier(.22,.61,.36,1)}}@keyframes pace-fade{0%{opacity:0}to{opacity:1}}@keyframes pace-slide{0%{transform:translateX(-100%)}to{transform:none}}@keyframes pace-sheet{0%{transform:translateY(100%)}to{transform:none}}