.presence-card{margin-top:32px;background:var(--elev);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.presence-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.presence-head .t{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.01em}.presence-head .count{font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}.roster-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;border-top:1px solid var(--line);text-align:left;font-size:15px;line-height:1.55}.roster-row:hover{background:var(--sink)}.roster-row:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.roster-row[aria-current=true]{box-shadow:inset 2px 0 0 0 var(--green)}.presence-dot{width:9px;height:9px;border-radius:50%;flex:none;position:relative}.presence-dot.online{background:var(--green)}.presence-dot.no_signal{background:var(--amber)}.presence-dot.offline{background:var(--ink-3)}.presence-dot.online:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--green);animation:presence-pulse 2s ease-out infinite}@keyframes presence-pulse{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.5);opacity:0}}.roster-row .m{flex:1;min-width:0}.roster-row .name{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-row .meta{display:block;font-size:13px;color:var(--ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-row .r{flex:none;text-align:right}.roster-row .owed{display:block;font-size:15px;font-variant-numeric:tabular-nums}.roster-row .stat{display:block;font-size:13px;font-weight:450;margin-top:1px;white-space:nowrap}.roster-row .stat.online{color:var(--green-ink)}.roster-row .stat.no_signal{color:var(--amber-ink)}.roster-row .stat.offline{color:var(--ink-3)}html.dark .roster-row .stat.online{color:var(--green)}html.dark .roster-row .stat.no_signal{color:var(--amber-ink)}.presence-empty{padding:20px;border-top:1px solid var(--line);color:var(--ink-3);font-size:14px;text-align:center}.presence-error{padding:20px;border-top:1px solid var(--line);color:var(--red);font-size:14px;text-align:center}.presence-skel{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--line)}.presence-skel .b{height:11px;border-radius:6px;background:var(--sink);animation:presence-shimmer 1.4s ease-in-out infinite}.presence-skel .b.dot{width:9px;height:9px;border-radius:50%;flex:none}.presence-skel .b.wide{flex:1;max-width:140px}.presence-skel .b.amt{width:56px;flex:none}@keyframes presence-shimmer{0%,to{opacity:.5}50%{opacity:1}}.driver-switch{margin-left:auto;align-self:center;display:flex;align-items:center;gap:8px;flex:none}.driver-switch .k{font-size:13px;color:var(--ink-3)}.driver-switch select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:32px;max-width:200px;padding:0 28px 0 12px;background-color:var(--elev);border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:450;color:var(--ink);cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2375706A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.driver-switch select:hover{background-color:var(--sink)}.driver-switch select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}html.dark .driver-switch select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a6a199' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.tag-selected{font-size:12px;font-weight:500;color:var(--green-ink);background:var(--green-soft);padding:3px 9px;border-radius:999px;white-space:nowrap;flex:none}html.dark .tag-selected{color:var(--green)}.h-sub{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.01em;margin:28px 0 12px}.form-note{font-size:14px;margin-top:12px}.form-note.err{color:var(--red)}.form-note.ok{color:var(--green-ink)}html.dark .form-note.ok{color:var(--green)}@media (prefers-reduced-motion: reduce){.presence-dot.online:after{animation:none}.presence-skel .b{animation:none}}.li-pick{width:100%;text-align:left;cursor:pointer;border-radius:10px;padding-left:10px;padding-right:10px;margin:0 -10px}.li-pick:hover{background:var(--sink)}.li-pick:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.li-pick[aria-current=true]{box-shadow:inset 2px 0 0 0 var(--green)}.li-pick .pick-chev{color:var(--ink-3);font-size:18px;line-height:1;font-family:var(--sans)}.li-pick:hover .pick-chev{color:var(--ink)}:root{--paper: #FBFAF7;--elev: #FFFFFF;--sink: #F3F1EB;--ink: #1B1A17;--ink-2: #75706A;--ink-3: #736E64;--line: rgba(27, 26, 23, .09);--line-2: rgba(27, 26, 23, .16);--rule: rgba(27, 26, 23, .55);--green: #16734f;--green-ink: #0d5036;--green-soft: rgba(22, 115, 79, .09);--amber: #b9791a;--amber-ink: #8a5a12;--amber-soft: rgba(185, 121, 26, .12);--red: #b0392e;--serif: "Fraunces", Georgia, "Times New Roman", serif;--sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;--shadow: 0 1px 2px rgba(27, 26, 23, .04), 0 12px 28px rgba(27, 26, 23, .06);--grain-opacity: .05}html.dark{--paper: #191813;--elev: #201f1a;--sink: #26241e;--ink: #f0ebdf;--ink-2: #a6a199;--ink-3: #8f8a80;--line: rgba(255, 255, 255, .1);--line-2: rgba(255, 255, 255, .18);--rule: rgba(240, 235, 223, .6);--green: #57c593;--green-ink: #8adcb4;--green-soft: rgba(87, 197, 147, .13);--amber: #e3a13a;--amber-ink: #e3a13a;--amber-soft: rgba(227, 161, 58, .16);--red: #e6796d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 36px rgba(0, 0, 0, .45);--grain-opacity: .07}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100%}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:var(--grain-opacity);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' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;color:var(--ink);font-size:16px}a{color:inherit;text-decoration:none}.tnum,.amt,.dv,.stat-v,.bv,.cv,.time{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.serif{font-family:var(--serif)}::selection{background:var(--green-soft)}.shell{display:flex;min-height:100vh}.spine{width:268px;flex:none;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--line);padding:30px 22px 22px;display:flex;flex-direction:column;gap:30px;background:color-mix(in srgb,var(--sink) 44%,var(--paper))}.content{flex:1;min-width:0}.wrap{max-width:720px;margin:0 auto;padding:0 28px}.stage{padding:44px 0 100px}.brand{font-family:var(--serif);font-weight:600;font-size:25px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:10px}.brand svg{display:block}.spine .foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}.iconbtn{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;color:var(--ink-2)}.iconbtn:hover{background:var(--sink)}.tabs{display:flex;flex-direction:column;gap:2px}.tabs a{padding:9px 12px;border-radius:10px;font-size:13px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}.tabs a:hover{background:var(--sink);color:var(--ink)}.tabs a.on{color:var(--green-ink);background:var(--green-soft)}html.dark .tabs a.on{color:var(--green)}.roster{display:flex;flex-direction:column;gap:2px}.roster-h{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0 12px;margin-bottom:6px;display:flex;align-items:baseline;gap:10px}.roster-h:after{content:"";flex:1;border-bottom:1px solid var(--line)}.roster button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;border-left:2px solid transparent}.roster button:hover{background:var(--sink)}.roster button.on{background:var(--green-soft);border-left-color:var(--green)}.roster .nm{flex:1;min-width:0;font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster .st{font-size:11px;color:var(--ink-3);display:block;margin-top:1px;font-weight:400;letter-spacing:0;text-transform:none}.roster .bal{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-2)}.roster button.on .bal{color:var(--green-ink)}html.dark .roster button.on .bal{color:var(--green)}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);position:relative;flex:none}.dot.off{background:var(--ink-3)}.dot.warn{background:var(--amber)}.dot.live:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid var(--green);animation:pr 2s ease-out infinite}@keyframes pr{0%{transform:scale(.5);opacity:.7}to{transform:scale(1.6);opacity:0}}.stamp{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;padding:3px 8px;border-radius:5px;border:1.5px solid currentColor}.stamp.online{color:var(--green-ink);background:var(--green-soft);transform:rotate(-1.2deg)}html.dark .stamp.online{color:var(--green)}.stamp.warn{color:var(--amber-ink);background:var(--amber-soft);transform:rotate(-1.2deg)}.stamp.off{color:var(--ink-3)}.page-title{font-family:var(--serif);font-weight:500;font-size:31px;letter-spacing:-.015em}.page-sub{color:var(--ink-2);font-size:14.5px;margin-top:3px}.label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.hero-amt{font-family:var(--serif);font-weight:500;font-size:68px;letter-spacing:-.03em;line-height:1.04;margin-top:8px;font-variant-numeric:lining-nums}.liveline{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);margin-top:16px}.h-sec{font-family:var(--serif);font-weight:500;font-size:21px;letter-spacing:-.01em;margin:44px 0 6px;display:flex;align-items:baseline;gap:16px}.h-sec:after{content:"";flex:1;border-bottom:1px solid var(--line);transform:translateY(-4px)}.muted{color:var(--ink-2);font-size:14px}.center-note{color:var(--ink-3);font-size:14px;padding:44px 0;text-align:center}.stmt{margin-top:30px}.li{display:flex;align-items:center;padding:15px 0}.li>*:first-child{order:1}.li:after{content:"";order:2;flex:1;min-width:24px;margin:0 12px;border-bottom:2px dotted var(--line-2);transform:translateY(.35em)}.li .amt{order:3;font-size:16px}.li .l{font-size:16px}.li .sub{font-size:13px;color:var(--ink-3);margin-top:1px}.li .amt.neg{color:var(--ink-2)}.li.total{border-top:1px solid var(--rule);margin-top:6px;padding-top:14px;position:relative}.li.total:before{content:"";position:absolute;left:0;right:0;top:3px;border-top:1px solid var(--rule)}.li.total:after{border-bottom:none}.li.total .l{font-weight:500}.li.total .amt{font-family:var(--serif);font-weight:500;font-size:24px;font-variant-numeric:lining-nums}.actions{display:flex;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap}.btn{height:50px;padding:0 24px;border-radius:12px;background:var(--green);color:#fff;font-size:15px;font-weight:500;display:inline-flex;align-items:center;gap:9px}.btn:hover{background:var(--green-ink)}html.dark .btn{color:#0c2018}html.dark .btn:hover{background:var(--green-ink);color:#0c2018}.btn.block{width:100%;justify-content:center;height:54px}.btn.soft{background:var(--sink);color:var(--ink)}.btn.soft:hover{background:var(--line-2)}.btn:disabled,.btn[aria-disabled=true],button:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover,button:disabled:hover{background:var(--green)}.btn.soft:disabled:hover{background:var(--sink)}.linkbtn{font-size:15px;font-weight:500;color:var(--green-ink)}.linkbtn:hover{text-decoration:underline;text-underline-offset:3px}html.dark .linkbtn{color:var(--green)}.arow{display:flex;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.arow:last-child{border-bottom:1px solid var(--line)}.ava{width:38px;height:38px;border-radius:11px;background:var(--sink);display:grid;place-items:center;color:var(--ink-2);flex:none}.arow .m{flex:1;min-width:0}.arow .m .t{font-size:15.5px}.arow .m .s{font-size:13px;color:var(--ink-3);margin-top:1px}.arow .r{font-size:15px;white-space:nowrap}.arow .r.pos{color:var(--green-ink)}html.dark .arow .r.pos{color:var(--green)}.new{font-size:12px;font-weight:500;color:var(--green-ink);background:var(--green-soft);padding:3px 9px;border-radius:999px}html.dark .new{color:var(--green)}.shift{border-top:1px solid var(--line)}.shift-head{display:flex;align-items:center;gap:15px;width:100%;padding:15px 0;text-align:left}.shift-head .m{flex:1;min-width:0}.shift-head .m .t{font-size:15.5px}.shift-head .m .s{font-size:13px;color:var(--ink-3);margin-top:1px}.shift-head .r{font-size:15px;font-family:var(--mono);font-variant-numeric:tabular-nums}.chev{color:var(--ink-3);transition:transform .22s ease;flex:none}.shift.open .chev{transform:rotate(180deg)}.shift-detail{display:none;padding:2px 0 16px 53px}.shift.open .shift-detail{display:block}.dl{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:14.5px;color:var(--ink-2);border-top:1px solid var(--line)}.dl:first-child{border-top:none}.dl .dv{color:var(--ink);font-size:14px}.map{border-radius:16px;overflow:hidden;border:1px solid var(--line);position:relative;background:var(--sink)}.map svg{display:block;width:100%;height:auto}.map-card{position:absolute;left:16px;bottom:16px;background:var(--elev);border:1px solid var(--line);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow);z-index:5}.map-card .t{font-size:14px;font-weight:500}.map-card .s{font-size:13px;color:var(--ink-2);margin-top:1px}.bar{display:flex;align-items:center;gap:14px;padding:11px 0}.bar .bk{width:86px;font-size:14px;color:var(--ink-2)}.bar .bt{flex:1;height:9px;background:var(--sink);border-radius:999px;overflow:hidden}.bar .bf{height:100%;background:var(--green);border-radius:999px}.bar .bv{width:76px;text-align:right;font-size:13px}.mom{display:flex;align-items:flex-end;gap:20px;height:150px;margin-top:8px}.mom .c{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;height:100%;justify-content:flex-end}.mom .cb{width:100%;max-width:44px;background:var(--green-soft);border:1px solid var(--green);border-radius:7px 7px 0 0}.mom .cb.now{background:var(--green)}.mom .cl{font-size:12.5px;color:var(--ink-3)}.mom .cv{font-size:12px;color:var(--ink-2)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:26px}.stat-k{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.stat-v{font-family:var(--serif);font-weight:500;font-size:30px;margin-top:4px;letter-spacing:-.01em}.stat-v.sm{font-size:24px}.field{margin-bottom:18px}.field label{display:block;font-size:14px;color:var(--ink-2);margin-bottom:8px}.field input,.field select{width:100%;height:50px;padding:0 15px;background:var(--elev);border:1px solid var(--line-2);border-radius:12px;outline:none}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2375706A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}html.dark .field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a6a199' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.seg-sm{display:inline-flex;background:var(--sink);border-radius:999px;padding:3px}.seg-sm button{padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink-2)}.seg-sm button.on{background:var(--elev);color:var(--ink)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1a176b;display:flex;align-items:center;justify-content:center;padding:22px;z-index:100}.modal{background:var(--elev);border-radius:20px;padding:26px;width:100%;max-width:380px;box-shadow:var(--shadow)}.modal h3{font-family:var(--serif);font-weight:500;font-size:21px;margin-bottom:18px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions .btn{flex:1;justify-content:center}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500;z-index:200;box-shadow:var(--shadow)}.amount-input{position:relative}.amount-input span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.amount-input input{padding-left:28px}.pin-label{font-size:11px;font-weight:500;fill:var(--ink)}.pin-sub{font-size:10px;fill:var(--ink-3)}.legend{display:flex;gap:20px;margin-top:14px;flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink-2)}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:380px;background:var(--elev);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.login-marks{margin-bottom:10px}.login-marks path{stroke-dasharray:60;stroke-dashoffset:60;animation:draw .5s ease-out forwards}.login-marks path:nth-child(1){animation-delay:.05s}.login-marks path:nth-child(2){animation-delay:.17s}.login-marks path:nth-child(3){animation-delay:.29s}.login-marks path:nth-child(4){animation-delay:.41s}.login-marks path:nth-child(5){animation-delay:.6s}@keyframes draw{to{stroke-dashoffset:0}}.stage>*{animation:rise .34s cubic-bezier(.2,.7,.3,1) both}.stage>*:nth-child(1){animation-delay:0s}.stage>*:nth-child(2){animation-delay:.05s}.stage>*:nth-child(3){animation-delay:.1s}.stage>*:nth-child(4){animation-delay:.15s}.stage>*:nth-child(5){animation-delay:.2s}.stage>*:nth-child(6){animation-delay:.25s}.stage>*:nth-child(n+7){animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.stage>*,.login-marks path{animation:none}.dot.live:after{animation:none}}@media (max-width: 900px){.shell{display:block}.spine{position:static;width:100%;height:auto;overflow:visible;border-right:none;border-bottom:1px solid var(--line);padding:18px 20px 14px;gap:16px}.tabs{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:2px}.tabs a{white-space:nowrap}.roster{flex-direction:row;overflow-x:auto;gap:8px}.roster-h{display:none}.roster button{width:auto;flex:none;border-left:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px}.roster button.on{border-color:var(--green)}.roster .st,.roster .bal{display:none}.spine .foot{margin-top:0;flex-direction:row;align-items:center;justify-content:flex-end}.stage{padding:26px 0 80px}.hero-amt{font-size:54px}.grid2{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:6px}.btn:focus-visible,.roster button:focus-visible,.li-pick:focus-visible{outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-48px;z-index:20;background:var(--elev);color:var(--ink);padding:10px 16px;border-radius:10px;border:1px solid var(--line-2);transition:top .15s ease}.skip-link:focus{top:8px}.splash{min-height:100vh;display:grid;place-items:center}.splash .mark{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--ink-3)}.splash .word{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--ink);letter-spacing:-.01em}.seg-sm button{min-height:44px}.iconbtn{width:44px;height:44px}.seg-sm button[aria-pressed=true],.seg-sm button.on{text-decoration:underline;text-underline-offset:3px}