@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;--nav-idle:#C2CAD8;--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))}:root[data-theme=light]{--ink:#E7EBF3;--surface:#FFFFFF;--surface-2:#F1F4F9;--raise:#E4EAF3;--hair:#C4CDDC;--hair-soft:#D5DDE9;--text:#171E2C;--muted:#525C70;--faint:#78829A;--nav-on:#4C58C4;--nav-idle:#515B70;--pill-gray:#525C70;--card-bg:linear-gradient(180deg,rgba(20,28,50,.018),rgba(20,28,50,0));--shadow:0 10px 26px -12px rgba(30,42,80,.24);--glow:0 8px 20px -8px color-mix(in srgb,var(--accent) 45%,transparent);--overlay:rgba(19,26,42,.42);--topbar-bg:rgba(255,255,255,.78);--sidebar-bg:linear-gradient(180deg,rgba(255,255,255,.9),rgba(240,243,249,.9))}:root[data-theme=light] body:before{background:radial-gradient(620px 320px at 12% -8%,rgba(124,140,248,.07),transparent 70%),radial-gradient(560px 300px at 100% 0,rgba(157,123,248,.05),transparent 65%)}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:-.02em}.mono{font-family:var(--F-mono);font-feature-settings:"tnum" 1}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;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%}body{overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.pace-sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--hair) transparent}.pace-sidebar-nav::-webkit-scrollbar{width:8px}.pace-sidebar-nav::-webkit-scrollbar-thumb{background:var(--hair);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.pace-sidebar-nav::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 45%,var(--hair));background-clip:padding-box}.pace-sidebar-nav::-webkit-scrollbar-track{background:transparent}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--surface-2) inset;-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.pace-logo-dark{display:block}.pace-logo-light,:root[data-theme=light] .pace-logo-dark{display:none}:root[data-theme=light] .pace-logo-light{display:block}.spin{animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2.4s}}.pace-pulse{animation:pace-pulse 1.6s ease-in-out infinite}@keyframes pace-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){@keyframes pace-pulse{0%,to{opacity:1}50%{opacity:.45}}}.pace-sp-row .pace-sp-hover{opacity:0;transition:opacity .12s}.pace-sp-row:focus-within .pace-sp-hover,.pace-sp-row:hover .pace-sp-hover{opacity:1}.pace-sp-list.dang-chon .pace-sp-hover{opacity:1}.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))}.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}.pace-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.col-span-2{grid-column:span 2}@media (max-width:1024px){.col-span-2{grid-column:auto}}.pace-modal-panel{max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px)}@media (max-width:820px){.pace-modal-panel{max-height:92vh;max-height:92dvh}}.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-mobile-top{display:flex;align-items:center;gap:10px;top:0;height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;z-index:40}.pace-mobile-search,.pace-mobile-top{position:fixed;left:0;right:0;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair-soft)}.pace-mobile-search{display:block;top:calc(72px + env(safe-area-inset-top));padding:10px 12px;z-index:39;animation:pace-fade .15s ease}.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)}.pace-main{padding:calc(88px + env(safe-area-inset-top)) 14px calc(72px + env(safe-area-inset-bottom))}.pace-drawer-overlay{display:block;position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:pace-fade .18s ease}.pace-drawer{position:fixed;top:0;bottom:0;left:0;width:76%;max-width:260px;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);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pace-drawer-nav a{padding:14px 12px!important;font-size:14.6px!important;margin-bottom:4px!important}.pace-drawer-nav>div+div{margin-top:18px!important}.pace-stat-value{font-size:23px!important}.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;animation:pace-sheet .24s cubic-bezier(.22,.61,.36,1)}.pace-modal-foot{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}input:not([type=date]):not([type=month]):not([type=time]):not([type=datetime-local]),textarea{font-size:16px!important}input::placeholder,textarea::placeholder{font-size:13.5px}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;-webkit-min-logical-width:0;max-width:100%;text-align:left}.pace-filterbar{display:grid!important;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;align-items:stretch;width:100%;flex-basis:100%}.pace-filterbar-label{display:none!important}.pace-filterbar .pace-fsearch,.pace-filterbar .pace-fselect{width:100%!important}.pace-filterbar .pace-fsearch{grid-column:1/-1}.pace-month-row{width:100%}.pace-month-input{flex:1 1 auto!important;width:auto!important}.pace-qty-grid{grid-template-columns:1fr!important;gap:11px!important}.pace-qty-grid label{display:flex!important;align-items:center;gap:10px}.pace-qty-grid label>span{flex:1 1;min-width:0;margin-bottom:0!important}.pace-qty-grid input{flex:0 0 84px;width:84px!important;padding-top:9px!important;padding-bottom:9px!important;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pace-qty-grid label.viec-lon{display:block!important}.pace-qty-grid label.viec-lon>span{margin-bottom:6px!important}.pace-qty-grid label.viec-lon input:not([type]),.pace-qty-grid label.viec-lon input[type=text]{flex:1 1 auto!important;width:auto!important;text-align:left}.pace-person-table,.pace-person-table tbody,.pace-person-table td{display:block;width:auto}.pace-person-table{min-width:0!important}.pace-person-table thead{display:none}.pace-person-row{display:grid!important;grid-template-columns:18px 1fr auto auto auto;align-items:center;grid-column-gap:10px;column-gap:10px;grid-row-gap:3px;row-gap:3px;padding:11px 14px;border-bottom:1px solid var(--hair-soft)}.pace-person-row td{border:none!important;padding:0!important}.pace-person-row td:first-child{grid-column:1;grid-row:1/span 2;display:flex;align-items:center;justify-content:center}.pace-person-row td:nth-child(2){grid-column:2;grid-row:1/span 2;align-self:center}.pace-person-row td:nth-child(6){grid-column:5;grid-row:1}.pace-person-row td:nth-child(3){grid-column:3;grid-row:2}.pace-person-row td:nth-child(4){grid-column:4;grid-row:2}.pace-person-row td:nth-child(5){grid-column:5;grid-row:2}.pace-person-row td:nth-child(n+3){font-size:11.5px!important;text-align:right}.pace-person-row td:nth-child(5):before{content:"KL ";color:var(--faint)}.pace-day-table,.pace-day-table tbody,.pace-day-table td,.pace-day-table tr,.pace-person-detail,.pace-person-detail>td{display:block;width:auto}.pace-day-table{min-width:0!important}.pace-day-table thead{display:none}.pace-day-row{background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:4px 12px 8px;margin-bottom:10px}.pace-day-row.dang-mo{margin-bottom:0;border-radius:12px 12px 0 0;border-bottom:none}.pace-day-row td{border:none!important;padding:5px 0!important}.pace-day-row td:first-child{border-left:none!important}.pace-day-detail,.pace-day-row{border-left:3px solid var(--vach,var(--hair))}.pace-day-detail{background:var(--surface);border:1px solid var(--hair);border-top:none;border-radius:0 0 12px 12px;margin-bottom:10px}.pace-day-detail td{border:none!important;padding:0 12px 12px!important}.pace-kq{border-top:1px dashed var(--hair-soft);padding-top:7px;margin-top:2px}.pace-sp-row .pace-sp-hover{opacity:1!important}.pace-sp-row{flex-wrap:wrap;row-gap:8px}.pace-sp-nut{flex:1 0 100%;justify-content:flex-end}.pace-sp-nut button{padding:7px 14px!important}.pace-modal-body>label{margin-bottom:14px!important}.pace-preview-note{margin-left:0!important;max-width:100%!important;text-align:left!important}}@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}}