:root{--c1: #07111f;--c2: #1ee0b6;--ink: #f4f7fb;--muted: rgba(244, 247, 251, .68);--line: rgba(255, 255, 255, .12);--panel: #122033;--bg: #07111f;--on-accent: #062018;--shadow: 0 24px 60px rgba(0, 0, 0, .28);font-family:Instrument Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 700px at 10% -10%,color-mix(in srgb,var(--c2) 28%,transparent),transparent 55%),radial-gradient(900px 500px at 110% 10%,color-mix(in srgb,var(--c2) 18%,transparent),transparent 50%),var(--bg);color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb,var(--c1) 86%,black);padding:22px 16px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--c2),color-mix(in srgb,var(--c2) 40%,white));color:var(--on-accent);display:grid;place-items:center;font-weight:700;flex-shrink:0}.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:12px;background:color-mix(in srgb,var(--panel) 80%,white);border:1px solid var(--line);flex-shrink:0}.zay-mark{position:relative;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#fff;overflow:hidden}.zay-mark img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.zay-mark.lit{overflow:visible}.zay-mark.lit img{box-shadow:0 0 0 1px #ffffff14}.zay-mark-rays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;mix-blend-mode:screen}.zay-ray{fill:none;stroke:#e8fffb;stroke-linecap:round;stroke-dasharray:9 91;stroke-dashoffset:0;animation:zay-ray 2.8s linear infinite;filter:drop-shadow(0 0 1.6px #9ff5e4)}.zay-ray.r1{stroke-width:1.7;animation-duration:3.4s}.zay-ray.r2{stroke-width:1.45;animation-duration:2.7s;animation-direction:reverse}.zay-ray.r3{stroke-width:1.25;animation-duration:2.2s}.zay-ray.r4{stroke-width:1.1;animation-duration:1.8s;animation-direction:reverse}@keyframes zay-ray{to{stroke-dashoffset:-100}}@media (prefers-reduced-motion: reduce){.zay-ray{animation:none}}.auth-phone-brand{display:none}.person-photo{width:36px;height:44px;object-fit:cover;border-radius:8px;background:color-mix(in srgb,var(--panel) 80%,white);border:1px solid var(--line);flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:700}.pic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pic-tile{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--panel) 70%,black)}.pic-tile img{width:100%;height:110px;object-fit:cover;display:block;background:color-mix(in srgb,var(--panel) 80%,white)}.pic-tile p{margin:0;padding:8px 10px;font-size:13px}.pic-tile .btn{margin:0 8px 8px}.brand small{display:block;color:var(--muted);font-size:12px}.nav-school{display:flex!important;align-items:center;gap:10px}.nav-school .brand-logo,.nav-school .brand-mark{width:22px;height:22px;border-radius:7px}.school-login{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:24px 24px 0}.school-gate{max-width:440px;width:100%;margin:0}.school-crest{text-align:center;margin-bottom:8px}.school-crest .brand-logo,.school-crest .brand-mark{width:88px;height:88px;margin:0 auto 14px;border-radius:22px}.school-crest h1{margin:0;font-size:28px;letter-spacing:-.03em}.motto{font-style:italic;color:var(--muted);margin:8px 0 0}.school-pick{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow:auto}.school-pick-item{display:flex;gap:10px;align-items:center;text-align:left;background:transparent;border:1px solid var(--line);border-radius:12px;padding:8px 10px;color:inherit;width:100%}.school-pick-item:hover{background:color-mix(in srgb,var(--c2) 14%,transparent)}.school-pick-item small{display:block;color:var(--muted);font-size:12px}.nav a,.nav button{display:block;width:100%;text-align:left;text-decoration:none;background:transparent;border:0;color:var(--ink);padding:10px 12px;border-radius:10px}.nav a.active,.nav a:hover,.nav button:hover{background:color-mix(in srgb,var(--c2) 16%,transparent)}.nav .section{margin:16px 8px 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.tab-row{max-width:100%;justify-content:flex-start}.menubar-wrap{position:relative;width:100%;flex-basis:100%}.menubar{display:flex;flex-wrap:wrap;align-items:stretch;width:100%;gap:0;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 70%,transparent);overflow:visible}.menubar-sheet,.menubar-sheet-head{display:none}.menubar-item{position:relative}.menubar-btn{background:transparent;border:0;color:inherit;padding:10px 14px;min-height:40px;font-weight:600;font-size:14px;border-radius:0;white-space:nowrap}.menubar-item.active>.menubar-btn,.menubar-item.open>.menubar-btn,.menubar-btn:hover{background:color-mix(in srgb,var(--c2) 18%,transparent)}.menubar-drop{position:absolute;left:0;top:100%;min-width:220px;max-height:70vh;overflow:auto;display:flex;flex-direction:column;background:color-mix(in srgb,var(--panel) 98%,black);border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:var(--shadow);z-index:26;padding:6px 0}.menubar-link{background:transparent;border:0;color:inherit;text-align:left;padding:10px 16px;min-height:40px;font-size:14px;width:100%}.menubar-link:hover,.menubar-link.active{background:color-mix(in srgb,var(--c2) 16%,transparent)}.menubar-backdrop{display:none}.h1{margin:0;font-size:28px;letter-spacing:-.03em}.sub{color:var(--muted);margin:6px 0 0}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-link{cursor:pointer;text-align:left;color:inherit;font:inherit;width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block}.card-link:hover{border-color:color-mix(in srgb,var(--c2) 55%,var(--line));background:color-mix(in srgb,var(--c2) 10%,var(--panel))}.card-link:focus-visible{outline:2px solid var(--c2);outline-offset:2px}.stat{font-size:32px;font-weight:700}.fee-total-row{display:flex;align-items:center;gap:10px}.fee-total-btn{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.fee-eye{width:36px;height:36px;border:0;border-radius:10px;background:color-mix(in srgb,var(--c1) 10%,transparent);color:inherit;display:grid;place-items:center}.muted{color:var(--muted)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{border:0;border-radius:12px;padding:10px 14px;background:var(--c2);color:var(--on-accent);font-weight:600}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:disabled,.btn:disabled{opacity:.55}.btn.small{padding:7px 10px;font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field span{font-size:13px;color:var(--muted)}.token-field span{font-weight:700;color:var(--ink)}.token-field input{letter-spacing:.08em;font-weight:700;text-transform:uppercase}.field input,.field select,.field textarea{background:color-mix(in srgb,var(--c1) 70%,black);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.field input[type=color]{height:44px;padding:4px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);font-size:14px}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--c2) 18%,transparent);font-size:12px}.pill.warn{background:color-mix(in srgb,#b42318 18%,transparent);color:#b42318}.office-picks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.office-pick{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px}.office-pick input{margin:0}.field-drop{border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:10px 0}.field-drop summary{cursor:pointer;font-weight:600;list-style:none}.field-drop summary::-webkit-details-marker{display:none}.field-drop summary:before{content:"▸ ";display:inline-block;transition:transform .15s ease}.field-drop[open] summary:before{content:"▾ "}.error{color:#ffb4b4;font-size:14px}.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto}.auth-side{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding-bottom:16px}.auth-side .panel{margin-bottom:0}.hero{padding:56px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{font-size:56px;line-height:.95;letter-spacing:-.05em;margin:12px 0}.panel{margin:32px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:24px;padding:28px;align-self:center}.demo{font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.6}.swatch{width:100%;height:88px;border-radius:16px;border:1px solid var(--line);display:flex;align-items:end;padding:10px;font-weight:600}.checks{display:flex;flex-wrap:wrap;gap:8px}.check{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:13px}.check input{margin-right:6px}.footer-user{margin-top:auto;font-size:13px;color:var(--muted)}.auth-copy{grid-column:1 / -1;margin:0;padding:20px 12px calc(20px + env(safe-area-inset-bottom,0px));font-size:12px;color:var(--muted);text-align:center;flex-shrink:0}.auth-copy p{margin:0}.auth-legal{margin-top:8px!important}.auth-legal a{color:inherit;text-decoration:none}.auth-legal a:hover{text-decoration:underline}.legal-doc h3{margin:18px 0 6px;font-size:16px}.legal-doc p{margin:0 0 10px;color:var(--muted)}.legal-page .school-gate{align-self:start;margin-top:24px}.demo-fold{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.demo-fold summary{cursor:pointer;font-weight:600;list-style:none}.demo-fold summary::-webkit-details-marker{display:none}.demo-fold p{margin:8px 0 10px}.demo-roles{display:flex;flex-wrap:wrap;gap:8px}.tt-wrap{overflow:auto}.tt{width:100%;border-collapse:collapse;min-width:760px}.tt th,.tt td{border:1px solid var(--line);padding:8px;vertical-align:top;font-size:13px;min-width:120px}.tt th{background:color-mix(in srgb,var(--c2) 12%,transparent)}.tt-break{background:color-mix(in srgb,var(--c2) 8%,transparent)}.tt-break-cell{text-align:center;color:var(--muted)}.tt-slot{display:flex;flex-direction:column;gap:4px}.fee-lines{display:flex;flex-direction:column;gap:8px}.fee-line-head,.fee-line{display:grid;grid-template-columns:1fr 120px auto;gap:8px;align-items:center}.fee-line-head{font-size:12px;color:var(--muted)}.fee-line input{background:color-mix(in srgb,var(--c1) 70%,black);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.notice-item{border-top:1px solid var(--line);padding:12px 0;cursor:pointer}.notice-item:first-of-type{border-top:0}.notice-item.unread{background:color-mix(in srgb,var(--c2) 8%,transparent);margin:0 -12px;padding:12px;border-radius:12px;border-top:0}.notice-item p{margin:8px 0 0;white-space:pre-wrap}.notice-preview{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.notice-preview:first-of-type{border-top:0;padding-top:0;margin-top:8px}.notice-preview p{margin:6px 0 0;color:var(--muted)}.field textarea{width:100%;resize:vertical}.notify-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px}.nav-toggle,.nav-backdrop,.tab-row-mobile,.phone-hero,.phone-dock,.phone-overview,.phone-chase,.phone-more,.phone-campus,.notify-bell-icon,.notify-dot{display:none}.desk-campus{display:flex;align-items:center;gap:8px;margin-top:10px}.desk-campus span{color:var(--muted);font-size:12px}.desk-campus select{min-height:36px;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,black);color:inherit;padding:0 10px}.notify-wrap{position:relative}.notify-panel{position:absolute;right:0;top:40px;width:min(380px,92vw);max-height:70vh;overflow:auto;background:color-mix(in srgb,var(--panel) 96%,black);border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);z-index:20}.notify-layer,.scan-layer{display:none}.notify-item{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-top:1px solid var(--line);padding:10px 0}.notify-item.unread{background:color-mix(in srgb,var(--c2) 10%,transparent);margin:0 -8px;padding:10px 8px;border-radius:10px;border-top:0}.notify-item span{color:var(--muted);font-size:13px}.notify-item small{color:var(--muted);font-size:11px}.query-list-item{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%;text-align:left;background:transparent;color:inherit;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:8px}.query-list-item.active{background:color-mix(in srgb,var(--c2) 12%,transparent)}.query-list-item small{width:100%;color:var(--muted)}.query-reply{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.query-reply p{margin:6px 0 0;white-space:pre-wrap}.cbt-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.cbt-edit-q{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px}.cbt-edit-q textarea,.cbt-edit-q input[type=text],.cbt-edit-choice input{width:100%;background:color-mix(in srgb,var(--c1) 70%,black);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-top:8px}.cbt-edit-choice{display:grid;grid-template-columns:auto 28px 1fr;gap:8px;align-items:center;margin-top:6px}.cbt-paper{background:#f7f4ee;color:#1b2430;border-radius:12px;padding:16px;min-height:420px}.cbt-paper-head{margin-bottom:14px}.cbt-paper-head .muted,.cbt-paper .muted{color:#5b6570}.cbt-q{border-top:1px solid #d9d2c6;padding:12px 0}.cbt-q p{margin:8px 0;white-space:pre-wrap}.cbt-fig{max-width:100%;border-radius:8px;margin:8px 0}.cbt-choices{display:grid;gap:6px}.cbt-choice{display:flex;gap:8px;align-items:flex-start;padding:8px;border-radius:8px;border:1px solid #d9d2c6}.cbt-choice.picked{background:#e8f6ef;border-color:#1aa37a}.cbt-paper input{width:100%;border:1px solid #d9d2c6;border-radius:8px;padding:8px 10px}.doc-stage{min-height:640px}.doc-frame{width:100%;min-height:620px;border:1px solid var(--line);border-radius:12px;background:#e8edf3}.fleet-gmap{width:100%;height:420px;border-radius:12px;overflow:hidden;margin-top:12px;border:1px solid var(--line)}.fleet-live{margin-top:12px;display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.fleet-live-grid{position:relative;height:320px;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--c2) 18%,transparent),transparent 42%),linear-gradient(180deg,#16304a,#0d1c2d);border:1px solid var(--line)}.fleet-pin,.fleet-stop{position:absolute;transform:translate(-50%,-50%);border-radius:999px;display:grid;place-items:center;font-size:11px;font-weight:700}.fleet-pin.school{width:28px;height:28px;background:var(--c2);color:var(--on-accent)}.fleet-pin.bus{width:26px;height:26px;background:#f4c95d;color:#1b2430;box-shadow:0 0 0 3px #f4c95d40}.fleet-stop{width:18px;height:18px;color:#fff}.fleet-live-legend{display:grid;gap:8px;font-size:13px}@media (max-width: 960px){.fleet-live{grid-template-columns:1fr}}@media (max-width: 960px){.app-shell,.auth{grid-template-columns:1fr}.nav-toggle{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center}.notify-bar{justify-content:space-between}.notify-bell{min-height:44px}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;border:0;z-index:30}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);z-index:40;transform:translate(-105%);transition:transform .2s ease;border-right:1px solid var(--line);border-bottom:0;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));overflow:auto}.app-shell.nav-open{overflow:hidden}.app-shell.nav-open .sidebar{transform:translate(0)}.sidebar .nav{display:flex;flex-direction:column;gap:4px}.sidebar .nav a,.sidebar .nav button{width:100%;min-height:44px;display:flex;align-items:center}.hero{display:none}.auth-phone-brand{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:28px 16px 0}.auth-phone-brand small{display:block;color:var(--muted);font-size:12px}.main{padding:14px 12px calc(28px + env(safe-area-inset-bottom,0px))}.panel{margin:16px 12px;padding:22px 16px;width:auto}.school-login{padding:16px 12px 0;align-items:stretch;justify-items:stretch;grid-template-rows:1fr auto}.school-gate{max-width:none}.school-login .auth-copy{margin:0}.school-crest h1{font-size:24px}.school-gate .btn,.auth .panel form .btn{width:100%}.auth-side{padding:0;min-height:auto}.demo-fold summary{min-height:44px;display:flex;align-items:center}.topbar{flex-direction:column;align-items:stretch;gap:12px}.topbar .h1{font-size:22px}.topbar .brand{align-items:center}.menubar-wrap{position:sticky;top:env(safe-area-inset-top,0px);z-index:24;background:color-mix(in srgb,var(--bg) 88%,transparent);margin:0 -12px;padding:0 12px 8px}.menubar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom-left-radius:0;border-bottom-right-radius:0;overscroll-behavior-x:contain}.menubar::-webkit-scrollbar{display:none}.menubar-btn{min-height:44px;padding:12px 16px}.menubar-link{min-height:44px}.menubar-drop{display:none}.menubar-sheet{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:26;background:color-mix(in srgb,var(--panel) 98%,black);border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;padding:10px;box-shadow:var(--shadow);max-height:min(62vh,420px);overflow:auto;-webkit-overflow-scrolling:touch}.menubar-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:1 1 100%;padding:2px 4px 6px}.menubar-sheet .menubar-link{flex:1 1 calc(50% - 6px);min-width:132px;border-radius:10px;border:1px solid var(--line)}.menubar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;border:0;z-index:20}.stat{font-size:22px}.grid.cols-3,.grid.cols-2,.cbt-builder{grid-template-columns:1fr}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dash-grid .card{padding:14px;border-radius:14px}.dash-grid .card .stat{font-size:18px;line-height:1.25}.menubar-sheet-head .btn{min-width:72px}.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.row{gap:8px}.row>.field{flex:1 1 100%;min-width:0}.row>.btn{flex:1 1 auto}.btn,.btn.small{min-height:44px}.field input,.field select,.field textarea{min-height:44px;font-size:16px}.office-pick,.check,.query-list-item{min-height:44px}.card-link{min-height:72px}.school-pick-item{min-height:52px}.notify-panel{display:none}.notify-layer,.scan-layer{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:42}.notify-dim,.scan-dim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#08101c73}.notify-sheet,.scan-sheet{position:absolute;left:0;right:0;bottom:0;z-index:43;background:#fff;color:#12202b;border-radius:24px 24px 0 0;padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px));max-height:78vh;overflow:auto;box-shadow:0 -12px 40px #08101c2e}.notify-sheet .muted,.scan-sheet .muted,.notify-sheet .notify-item span,.notify-sheet .notify-item small{color:#6b7a88}.notify-sheet .field input,.scan-sheet .field input,.notify-sheet .field select,.scan-sheet .field select{background:#fff;color:#12202b;border-color:#e6ebf0}.notify-sheet .phone-icon-btn,.scan-sheet .phone-icon-btn{width:40px;height:40px;min-height:40px;min-width:40px;padding:0;border-radius:12px;border:1px solid var(--phone-line, #e6ebf0);background:#f3f5f8;color:var(--phone-ink, #12202b);display:grid;place-items:center}.scan-video{width:100%;margin:12px 0;border-radius:16px;background:#111;min-height:180px;max-height:36vh;object-fit:cover}.doc-frame{min-height:420px}.fee-line-head,.fee-line{grid-template-columns:1fr}.tt-wrap{margin:0 -12px;padding:0 12px}.main:has(.phone-hero.compact)>*:not(.phone-hero):not(.phone-dock):not(.phone-more):not(.topbar){padding:16px 16px 0}.main:has(.phone-hero){--phone-bg: #f3f5f8;--phone-ink: #12202b;--phone-muted: #6b7a88;--phone-card: #ffffff;--phone-line: #e6ebf0;background:var(--phone-bg);color:var(--phone-ink);padding:0 0 calc(88px + env(safe-area-inset-bottom,0px))}.main:has(.phone-hero) .notify-bar{display:none}.main:has(.phone-hero) .topbar{display:none}.main:has(.phone-hero) .muted{color:var(--phone-muted)}.main:has(.phone-hero) .card{background:var(--phone-card);color:var(--phone-ink);border:1px solid var(--phone-line);box-shadow:0 8px 24px #1020330f}.main:has(.phone-hero) .field span{color:var(--phone-ink);font-size:13px;font-weight:700}.main:has(.phone-hero) .token-field span{color:var(--phone-ink)}.main:has(.phone-hero) .field input,.main:has(.phone-hero) .field select,.main:has(.phone-hero) .field textarea{background:#fff;color:var(--phone-ink);border-color:var(--phone-line)}.desk-campus{display:none}.phone-hero{display:block;background:var(--c1);color:#f7fffb;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 18px;border-radius:0 0 28px 28px}.phone-hero.compact{padding-bottom:14px}.phone-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.phone-who{display:flex;align-items:center;gap:10px;min-width:0}.phone-avatar{width:40px;height:40px;border-radius:14px;background:color-mix(in srgb,var(--c2) 86%,white);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0}.phone-hello{margin:0;font-size:12px;opacity:.78}.phone-who strong{display:block;font-size:16px;letter-spacing:-.02em}.phone-hero-actions{display:flex;align-items:center;gap:8px}.phone-icon-btn,.phone-hero .notify-bell{width:40px;height:40px;min-height:40px;min-width:40px;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#fff;display:grid;place-items:center}.phone-hero .notify-bell{position:relative}.phone-hero .notify-bell-label{display:none}.phone-hero .notify-bell-icon{display:grid}.notify-dot{display:grid;place-items:center;position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ff5a5a;color:#fff;font-size:9px;font-weight:700}.phone-hero .notify-wrap{position:static}.phone-hero-meta{margin:12px 0 0;font-size:12px;opacity:.78;display:flex;align-items:center;gap:8px}.phone-hero-meta .brand-logo,.phone-hero-meta .brand-mark{width:22px;height:22px;border-radius:7px;background:#fff;opacity:1}.phone-campus{display:block;margin-top:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:10px 12px}.phone-campus span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.phone-campus select{width:100%;border:0;background:transparent;color:inherit;font-weight:700;font-size:14px;padding:2px 0 0;min-height:28px}.phone-collect{display:block;width:100%;margin-top:14px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.phone-collect-k{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.phone-collect-amount{display:flex;align-items:center;gap:10px;margin-top:4px}.phone-collect-main{display:block;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.phone-collect-eye{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:12px;background:#ffffff24;color:inherit;display:grid;place-items:center}.phone-collect strong{display:block;font-size:34px;letter-spacing:-.04em;line-height:1.1}.phone-collect-s{display:block;margin-top:6px;font-size:12px;opacity:.8}.phone-collect-bar{display:block;height:5px;margin-top:12px;border-radius:999px;background:#ffffff2e;overflow:hidden}.phone-collect-bar i{display:block;height:100%;background:color-mix(in srgb,var(--c2) 80%,white);border-radius:999px}.phone-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 -34px}.phone-filters label{background:var(--phone-card);color:var(--phone-ink);border-radius:16px;padding:10px 12px;box-shadow:0 10px 28px #1020331f}.phone-filters span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--phone-muted)}.phone-filters select{width:100%;border:0;background:transparent;color:var(--phone-ink);font-weight:700;font-size:14px;padding:2px 0 0;min-height:28px}.phone-overview,.phone-chase{display:block}.phone-overview{grid-column:1 / -1;padding:28px 16px 0}.phone-overview-k{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--phone-muted);font-weight:700}.ov-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px}.ov-tile{background:transparent;border:0;border-radius:0;padding:4px 0 0;text-align:center;color:var(--phone-ink);box-shadow:none;min-height:0}.ov-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin:0 auto 8px}.ov-tile strong{display:none}.ov-label{display:block;margin-top:0;font-weight:700;font-size:12px;line-height:1.2}.ov-tile small{display:none}.tone-mint .ov-icon{background:#e7f7ef;color:#1f8a5b}.tone-blue .ov-icon{background:#e8f1ff;color:#3b6fd8}.tone-lilac .ov-icon{background:#f1e9ff;color:#7a4adf}.tone-peach .ov-icon{background:#fff0e4;color:#d97a3a}.phone-chase{grid-column:1 / -1;margin:16px 16px 0;background:var(--phone-card);border-radius:22px;padding:16px;box-shadow:0 10px 28px #1020330f}.phone-chase-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.phone-chase-head span{color:#c43d3d;font-size:12px;font-weight:700}.phone-chase-row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:12px 0;border-top:1px solid var(--phone-line);min-height:48px}.phone-chase-row i{width:8px;height:28px;border-radius:99px;background:var(--c1)}.phone-chase-row b{color:#c43d3d;font-size:13px}.dash-grid>.card{display:none}.dash-grid>.phone-overview,.dash-grid>.phone-chase{display:block}.phone-apps{margin-top:0}.phone-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:28;background:#fff;border-top:1px solid var(--phone-line);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px))}.phone-dock button{flex:1;border:0;background:transparent;color:#8a97a6;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;min-height:48px}.phone-dock button.on{color:var(--c1)}.phone-more{display:block}.phone-more-dim{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#08101c73;z-index:32}.phone-more-sheet{position:fixed;left:0;right:0;bottom:0;z-index:34;background:#f3f5f8;color:var(--phone-ink);border-radius:24px 24px 0 0;padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px));max-height:78vh;overflow:auto}.phone-more-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.phone-more-brand{display:flex;align-items:center;gap:10px;min-width:0}.phone-more-brand .brand-logo,.phone-more-brand .brand-mark{width:36px;height:36px;border-radius:10px}.phone-more-head .phone-icon-btn{background:#fff;color:var(--phone-ink);border-color:var(--phone-line)}.phone-more-group{margin-top:14px}.phone-more-group p{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--phone-muted);font-weight:700}.phone-more-list{background:#fff;border-radius:18px;overflow:hidden}.phone-more-list button{display:grid;grid-template-columns:40px 1fr 18px;gap:12px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--phone-line);background:transparent;color:var(--phone-ink);border-radius:0;min-height:64px;padding:12px 14px;text-align:left;font-weight:600}.phone-more-list button:last-child{border-bottom:0}.phone-more-list button.on{background:color-mix(in srgb,var(--c1) 8%,white)}.phone-more-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c1) 12%,white);color:var(--c1)}.phone-more-copy{min-width:0}.phone-more-copy strong{display:block;font-size:15px;font-weight:700}.phone-more-list button>svg:last-child{width:18px;height:18px;color:#b4bec8}.phone-more-grid{display:none}}@media (max-width: 520px){.dash-grid{grid-template-columns:1fr}.pic-grid{grid-template-columns:1fr 1fr}.menubar-sheet .menubar-link{flex:1 1 100%;min-width:0}.topbar .h1{font-size:20px}}