@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");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}.landing,.wlc-overlay{--night:#070918;--night-soft:#131838;--ink:#f2f4ff;--ink-muted:#dee4ffa3;--ink-faint:#dee4ff8f;--line:#ffffff1f;--aurora-indigo:#5b6cff;--aurora-mint:#41e3b2;--aurora-violet:#9d7bff;--wlc-display:"Fraunces Variable", Georgia, "Times New Roman", serif;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(1100px 700px at 50% -15%, var(--night-soft), transparent 65%), var(--night)}.wlc-sky{pointer-events:none;position:absolute;inset:0;overflow:hidden}.wlc-stars{background-repeat:repeat;position:absolute;inset:0}.wlc-stars-a{background-image:radial-gradient(1.3px 1.3px at 22px 34px,#ffffffe6,#0000),radial-gradient(1.7px 1.7px at 124px 82px,#ffffffa6,#0000),radial-gradient(1px 1px at 202px 142px,#ffffff80,#0000),radial-gradient(1.4px 1.4px at 62px 184px,#fffc,#0000),radial-gradient(1px 1px at 168px 212px,#ffffff73,#0000);background-size:240px 240px;animation:6.5s ease-in-out infinite alternate wlc-twinkle}.wlc-stars-b{background-image:radial-gradient(1.1px 1.1px at 48px 18px,#ffffffb3,#0000),radial-gradient(1.6px 1.6px at 230px 130px,#bac4ffbf,#0000),radial-gradient(1px 1px at 120px 250px,#ffffff80,#0000),radial-gradient(1.3px 1.3px at 300px 70px,#9aebcfb3,#0000);background-size:340px 320px;animation:8s ease-in-out 1.8s infinite alternate-reverse wlc-twinkle}@keyframes wlc-twinkle{0%{opacity:.45}to{opacity:1}}.wlc-aurora{filter:blur(90px);mix-blend-mode:screen;border-radius:50%;position:absolute}.wlc-aurora-1{background:radial-gradient(circle at 35% 35%, var(--aurora-indigo), transparent 65%);opacity:.5;width:max(55vw,460px);height:max(55vw,460px);animation:26s ease-in-out infinite alternate wlc-drift-1;top:-22vh;left:-14vw}.wlc-aurora-2{background:radial-gradient(circle at 60% 40%, var(--aurora-mint), transparent 65%);opacity:.3;width:max(46vw,400px);height:max(46vw,400px);animation:32s ease-in-out infinite alternate wlc-drift-2;top:0;right:-16vw}.wlc-aurora-3{background:radial-gradient(circle at 50% 50%, var(--aurora-violet), transparent 65%);opacity:.28;width:max(42vw,360px);height:max(42vw,360px);animation:38s ease-in-out infinite alternate wlc-drift-3;bottom:-28vh;left:30vw}@keyframes wlc-drift-1{to{transform:translate(9vw,7vh)rotate(18deg)scale(1.15)}}@keyframes wlc-drift-2{to{transform:translate(-7vw,9vh)scale(1.2)}}@keyframes wlc-drift-3{to{transform:translate(-10vw,-6vh)scale(1.1)}}.wlc-grain{opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.wlc-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:13px 30px;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 10px 24px #5b6cff52}.wlc-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #5b6cff66}.wlc-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.landing{flex-direction:column;display:flex;position:fixed;inset:0}.landing-bar{z-index:1;justify-content:space-between;align-items:center;padding:22px 28px;animation:.9s cubic-bezier(.22,1,.36,1) both wlc-enter;display:flex;position:relative}.landing-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.landing-brand:before{content:"";background:linear-gradient(135deg, var(--primary), #8b97ff);border-radius:7px;width:22px;height:22px;box-shadow:0 0 18px #5b6cffb3}.landing .lang-toggle{border-color:var(--line);background:#ffffff0f}.landing .lang-option{color:var(--ink-muted)}.landing .lang-option.active{color:#fff;box-shadow:none;background:#ffffff24}.landing-hero{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 24px 80px;display:flex;position:relative}.landing-badge{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-muted);letter-spacing:.14em;text-transform:uppercase;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:7px 18px;font-size:12px;font-weight:700;animation:.9s cubic-bezier(.22,1,.36,1) .18s both wlc-enter;display:inline-flex}.landing-badge:before{content:"✦" / "";color:var(--aurora-mint);text-shadow:0 0 10px #41e3b2cc}.landing-headline{font-family:var(--wlc-display);letter-spacing:-.015em;background:linear-gradient(100deg,#fff 15%,#b9c3ff 40%,#7ee8c8 62%,#fff 85%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;max-width:17ch;margin:16px 0 14px;font-size:clamp(32px,5.4vw,58px);font-weight:600;line-height:1.06;animation:.9s cubic-bezier(.22,1,.36,1) .32s both wlc-enter,9s ease-in-out 1.6s infinite alternate wlc-shimmer}@keyframes wlc-shimmer{0%{background-position:0 0}to{background-position:100% 0}}.landing-sub{color:var(--ink-muted);max-width:46ch;margin:0 0 38px;font-size:clamp(16px,2vw,20px);line-height:1.55;animation:.9s cubic-bezier(.22,1,.36,1) .5s both wlc-enter}.landing-cta{color:#10132a;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 28px;font-size:16px;animation:.9s cubic-bezier(.22,1,.36,1) .68s both wlc-enter;display:inline-flex;position:relative;box-shadow:0 18px 46px #0406148c}.landing-cta:before{content:"";z-index:-1;background:linear-gradient(120deg, var(--aurora-indigo), var(--aurora-mint), var(--aurora-violet), var(--aurora-indigo));filter:blur(10px);opacity:.7;background-size:300% 300%;border-radius:17px;animation:8s linear infinite wlc-halo;position:absolute;inset:-3px}@keyframes wlc-halo{to{background-position:300% 0}}.landing-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 56px #04061499}.ms-logo{width:18px;height:18px}@keyframes wlc-enter{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}.landing-orbits{width:132px;height:132px;margin-bottom:6px;animation:.9s cubic-bezier(.22,1,.36,1) 50ms both wlc-enter;position:relative}.landing-orbits:before{content:"";background:radial-gradient(circle,#5b6cff59,#0000 62%);border-radius:50%;position:absolute;inset:-45%}.landing-orbits .orbit,.landing-orbits .orbit-core{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit{border:1.5px solid #9aa6ff52}.orbit-1{width:132px;height:132px;animation:11s linear infinite wlc-spin}.orbit-1:after,.orbit-2:after,.orbit-3:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:calc(50% - 5px);box-shadow:0 0 14px 3px #5b6cffcc}.orbit-2{width:92px;height:92px;animation:6.5s linear infinite reverse wlc-spin}.orbit-2:after{background:var(--aurora-mint);box-shadow:0 0 14px 3px #41e3b2b3}.orbit-3{width:56px;height:56px;animation:4.5s linear infinite wlc-spin}.orbit-3:after{background:var(--aurora-violet);width:8px;height:8px;top:-4px;left:calc(50% - 4px);box-shadow:0 0 12px 3px #9d7bffb3}.orbit-core{background:linear-gradient(135deg, var(--primary), #8b97ff);width:26px;height:26px;animation:3.2s ease-in-out infinite wlc-core-pulse;box-shadow:0 0 22px 6px #5b6cff8c,0 0 60px 18px #5b6cff40}@keyframes wlc-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes wlc-core-pulse{50%{transform:translate(-50%,-50%)scale(1.14)}}.wlc-overlay{z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wlc-skip{z-index:2;color:var(--ink-muted);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;position:absolute;top:22px;right:26px}.wlc-skip:hover{color:#fff}.wlc-card{z-index:1;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11152cb8;border-radius:20px;width:100%;max-width:780px;padding:44px 40px;animation:.7s cubic-bezier(.22,1,.36,1) both wlc-card-in;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000080}.wlc-card:before{content:"";background:linear-gradient(90deg, transparent, var(--aurora-indigo), var(--aurora-mint), transparent);height:2px;position:absolute;top:0;left:0;right:0}@keyframes wlc-card-in{0%{opacity:0;transform:translateY(26px)scale(.97)}}.wlc-walk{text-align:center}.wlc-greeting{font-family:var(--wlc-display);letter-spacing:-.01em;color:#fff;margin:0 0 24px;font-size:32px;font-weight:600}.wlc-pipeline{margin-bottom:28px}.wlc-stage{height:100px;margin:8px 6% 0;position:relative}.wlc-track{background:var(--line);border-radius:3px;height:3px;position:absolute;top:30px;left:0;right:0}.wlc-fill{background:linear-gradient(90deg, var(--primary), var(--aurora-mint));border-radius:3px;height:3px;transition:width .6s;position:absolute;top:30px;left:0;box-shadow:0 0 12px #5b6cff99}.wlc-pkt{z-index:3;background:#fff;border-radius:50%;width:13px;height:13px;transition:left .6s;position:absolute;top:25px;transform:translate(-50%);box-shadow:0 0 0 4px #5b6cff59,0 0 18px 4px #5b6cffb3}.wlc-node{flex-direction:column;align-items:center;gap:6px;width:96px;display:flex;position:absolute;top:0;transform:translate(-50%)}.wlc-ico{border:1px solid var(--line);background:#ffffff0f;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;transition:all .3s;display:flex}.wlc-lbl{color:var(--ink-faint);text-align:center;font-size:11px;font-weight:600;line-height:1.2}.wlc-node.active .wlc-ico{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-color:var(--primary);transform:scale(1.12);box-shadow:0 0 26px #5b6cffa6}.wlc-node.active .wlc-lbl{color:#fff}.wlc-node.done .wlc-ico{background:#5b6cff24;border-color:#5b6cff8c}.wlc-panel{border:1px solid var(--line);text-align:left;background:#ffffff0d;border-radius:14px;max-width:90%;min-height:86px;margin:16px auto 0;padding:18px 20px}.wlc-panel-body{animation:.45s both wlc-panel-in}@keyframes wlc-panel-in{0%{opacity:0;transform:translateY(8px)}}.wlc-step{text-transform:uppercase;letter-spacing:.1em;color:#98a5ff;font-size:11px;font-weight:700}.wlc-panel h3{color:#fff;margin:5px 0}.wlc-panel p{color:var(--ink-muted);margin:0}.wlc-hoplist{text-align:left;max-width:90%;margin:16px auto 0;padding:0;list-style:none}.wlc-hoplist li{border-bottom:1px solid var(--line);color:var(--ink-muted);padding:9px 0}.wlc-hoplist li strong{color:#fff}.wlc-hoplist li:last-child{border-bottom:none}.wlc-caption{color:var(--ink-faint);margin:20px 0 26px;font-style:italic}@media (width<=640px){.landing-bar{padding:16px}.landing-hero{padding:16px 18px 56px}.landing-orbits,.orbit-1{width:100px;height:100px}.orbit-2{width:70px;height:70px}.orbit-3{width:42px;height:42px}.landing-cta{justify-content:center;width:100%;max-width:320px}.wlc-card{border-radius:16px;padding:28px 18px}.wlc-greeting{font-size:25px}.wlc-skip{top:14px;right:16px}.wlc-stage{height:64px;margin:8px 2% 0}.wlc-ico{width:36px;height:36px;font-size:18px}.wlc-lbl{display:none}.wlc-track,.wlc-fill{top:18px}.wlc-pkt{top:13px}.wlc-panel,.wlc-hoplist{max-width:100%}}@media (prefers-reduced-motion:reduce){.orbit-1,.orbit-2,.orbit-3,.orbit-core,.wlc-stars,.wlc-aurora,.landing-bar,.landing-badge,.landing-headline,.landing-sub,.landing-cta,.landing-cta:before,.landing-orbits,.wlc-card,.wlc-panel-body{animation:none}}:root{--bg:#f6f7fb;--bg-accent:#eef0fb;--card:#fff;--border:#e6e8f2;--text:#1c1e2b;--muted:#6b7088;--primary:#5b6cff;--primary-dark:#4453e6;--primary-soft:#eef0ff;--danger:#d6455d;--danger-soft:#fbe0e5;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #1c1e2b0a, 0 12px 32px #1c1e2b0f;--ring:0 0 0 3px #5b6cff33;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(1100px 480px at 100% -10%, var(--bg-accent), transparent 60%), var(--bg);min-height:100vh;margin:0}.topbar{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border);background:#ffffffd1;align-items:center;gap:28px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{background:linear-gradient(135deg, var(--primary), #8b97ff);border-radius:7px;width:22px;height:22px;box-shadow:0 4px 10px #5b6cff73}.nav{flex:1;gap:4px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:7px 12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav a:hover{background:var(--primary-soft);color:var(--text)}.nav a.active{color:var(--primary);background:var(--primary-soft)}.user{color:var(--muted);align-items:center;gap:14px;font-size:14px;display:flex}.user-name{color:var(--text);font-weight:600}.lang-toggle{background:var(--bg-accent);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-option{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.lang-option.active{background:var(--card);color:var(--primary);box-shadow:0 1px 3px #1c1e2b1f}.lang-toggle-sm .lang-option{padding:4px 10px;font-size:12px}.content{max-width:1040px;margin:32px auto;padding:0 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.card h1{letter-spacing:-.02em;margin:0 0 20px;font-size:26px}.form{gap:18px;max-width:540px;display:grid}.form label{gap:7px;font-size:14px;font-weight:600;display:grid}.field-hint{color:var(--muted);font-size:12px;font-weight:400}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fff;padding:10px 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--ring);outline:none}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border:none;padding:10px 18px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 6px 16px #5b6cff47}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #5b6cff5c}button.danger{background:linear-gradient(135deg, #e0566d, var(--danger));box-shadow:0 6px 16px #d6455d47}button.ghost{color:var(--muted);box-shadow:none;background:0 0;padding:7px 12px}button.ghost:hover:not(:disabled){background:var(--bg-accent);color:var(--text);transform:none}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:focus-visible,.lang-option:focus-visible{box-shadow:var(--ring);outline:none}a{color:var(--primary)}.table{border-collapse:collapse;width:100%;margin-top:16px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px}.table td{text-align:left;border-bottom:1px solid var(--border);padding:12px;font-size:14px}.table tbody tr{transition:background .12s}.table tbody tr:hover{background:var(--bg-accent)}.usage{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.row-actions{gap:8px;display:flex}.badge{border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{color:#946200;background:#fff4d6}.badge-approved{color:#1c7c43;background:#def7e5}.badge-rejected{background:var(--danger-soft);color:#a51c34}.badge-withdrawn{color:#5a6072;background:#eceef4}.status{color:var(--muted);padding:8px 0}.status.error{color:var(--danger)}.summary{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.summary-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg, #fff, var(--primary-soft));gap:6px;min-width:190px;padding:18px 20px;display:grid}.summary-label{color:var(--muted);font-size:13px;font-weight:600}.summary-value{letter-spacing:-.02em;font-size:24px;font-weight:700}.charts{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.chart h3{color:var(--muted);margin:0 0 8px;font-size:13px}.filters{gap:12px;margin:16px 0;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=760px){.charts{grid-template-columns:1fr}}@media (width<=640px){.topbar{flex-wrap:wrap;gap:10px;height:auto;padding:10px 14px}.nav{-webkit-overflow-scrolling:touch;flex:0 0 100%;order:3;gap:2px;padding-bottom:2px;overflow-x:auto}.nav a{white-space:nowrap}.user{gap:10px;margin-left:auto}.user-name{display:none}.content{margin:16px auto;padding:0 12px}.card{border-radius:14px;padding:20px}.card h1{font-size:22px}.table{min-width:560px}.usage{max-width:150px}.filters{flex-wrap:wrap}.filters select{flex:100%}.summary-card{flex:100%;min-width:0}}