:root{--bg:#090f20;--panel:#111c36;--panel2:#162645;--field:#1b2d4e;--line:#293b5a;--text:#f5f8ff;--muted:#91a5c6;--blue:#238bff;--cyan:#29caff;--teal:#20d8bc;--purple:#af64ff;--pink:#ec66ce;--amber:#ffad4b;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 100% 0%,#122349 0%,transparent 45%),var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{max-width:560px;margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 0 calc(100px + env(safe-area-inset-bottom))}.site-header{padding:22px 22px 20px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #2636568a}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#095fff,#28bbff);color:white;font-size:18px;font-weight:900;letter-spacing:-3px;padding-right:4px}.brand-mark span{color:#4bf3ec;font-size:23px;margin-left:2px}.eyebrow{font-size:9px;font-weight:850;letter-spacing:2px;color:var(--muted)}.brand-line{font-size:17px;font-weight:780;letter-spacing:-.6px;margin-top:4px}.brand-line span{font-size:10px;color:var(--cyan);vertical-align:top}.offline-mark{border:1px solid #376b63;background:#11352f;color:#61e5c1;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:850;letter-spacing:.7px;white-space:nowrap}.status-dot{display:inline-block;background:#41efaf;border-radius:50%;height:7px;width:7px;margin-right:6px}.view{padding:25px 20px 16px}.view[hidden]{display:none!important}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.section-head h1{font-size:31px;letter-spacing:-1.2px;font-weight:840;line-height:1.1;margin:8px 0 0}.dot-accent{color:var(--cyan)}.today{font-size:11px;color:var(--muted);max-width:100px;text-align:right}.hero{background:linear-gradient(122deg,#125bcd 0%,#176df9 48%,#04a6e2 100%);border:1px solid #3899ff;border-radius:26px;position:relative;overflow:hidden;padding:22px 23px 23px;min-height:230px}.hero-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-art span{position:absolute;width:230px;height:230px;border:1px solid #ffffff32;border-radius:50%;right:-77px;top:-70px}.hero-art span:nth-child(2){width:185px;height:185px;right:-54px;top:-44px}.hero-art span:nth-child(3){width:130px;height:130px;right:-26px;top:-18px}.hero-top{display:flex;justify-content:space-between;align-items:center;position:relative}.hero-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#e5f5ff}.hero-chip{font-size:9px;letter-spacing:.6px;font-weight:850;background:#ffffff2a;border:1px solid #ffffff49;padding:6px 9px;border-radius:999px}.hero h2{font-size:28px;line-height:1.12;letter-spacing:-.8px;margin:22px 0 8px;position:relative}.hero h2 em{font-style:normal;color:#a8f6ff}.hero p{font-size:12px;line-height:1.5;color:#dbefff;max-width:280px;margin-bottom:16px;position:relative}.btn{background:var(--field);border:1px solid transparent;color:white;font-size:13px;font-weight:780;border-radius:14px;min-height:44px;padding:12px 15px}.btn-hero{position:relative;background:#fff;color:#1451b7;box-shadow:0 3px 10px #03347125}.btn-hero span{font-size:17px;margin-left:15px}.btn-primary{background:linear-gradient(100deg,#096fff,#20b2ff);color:#fff;border:1px solid #399aff}.btn-danger{background:#5e2747;border-color:#9c466b;color:#ffd5e8}.btn-secondary{background:#1c3158;border-color:#344e7b}.btn:active,.quick-card:active,.transfer-button:active{transform:scale(.985)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:14px 0 30px}.metric{background:var(--panel);border:1px solid #223557;border-radius:18px;padding:16px 15px;min-height:120px;display:flex;flex-direction:column}.metric-label{color:var(--muted);font-size:11px;font-weight:650}.metric strong{font-size:27px;letter-spacing:-1px;margin-top:12px;line-height:1.1}.metric strong span{font-size:13px;color:var(--muted)}.metric .small-metric{font-size:21px}.metric-foot{font-size:10px;color:var(--muted);margin-top:auto;padding-top:9px}.section-row,.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-row{margin:0 0 12px}.spaced{margin-top:18px!important}.section-row h3,.row-between h3,.panel h3{font-size:16px;letter-spacing:-.2px;margin:0}.subtle{font-size:12px;color:var(--muted);line-height:1.5}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-card{background:#142340;border:1px solid #304566;border-radius:18px;padding:14px 10px;display:flex;flex-direction:column;text-align:left;align-items:flex-start;min-height:115px;color:white}.quick-icon{border-radius:11px;width:36px;height:36px;display:grid;place-items:center;font-size:21px;font-weight:700}.q-blue .quick-icon{background:#173f83;color:#77c9ff}.q-purple .quick-icon{background:#50306e;color:#e7a4ff}.q-teal .quick-icon{background:#124954;color:#61f5de}.quick-card strong{font-size:11px;line-height:1.25;margin-top:12px}.quick-card small{font-size:10px;color:var(--muted);margin-top:3px}.notice{display:flex;gap:11px;background:#142540;border:1px solid #2b4469;border-radius:17px;padding:14px;margin-top:22px}.notice-icon{flex-shrink:0;display:grid;place-items:center;width:22px;height:22px;background:#256bbc;border-radius:50%;font-size:13px;font-weight:800}.notice p{font-size:11px;line-height:1.6;color:#b4c7e4;margin:0}.notice b{color:#eaf5ff}.bottom-nav{position:fixed;z-index:100;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);background:#0d1730f8;border-top:1px solid #2d4262;display:flex;justify-content:space-around;padding:8px 6px max(11px,env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.nav-item{flex:1;color:#8799bb;border:0;background:none;display:flex;align-items:center;flex-direction:column;gap:4px;padding:6px 0;font-size:10px;font-weight:690}.nav-item.active{color:#6abaff}.nav-symbol{font-size:23px;line-height:25px;font-weight:600}.nav-item.active .nav-symbol{filter:drop-shadow(0 0 7px #148cff80)}.icon-action{background:linear-gradient(120deg,#087aff,#21bbff);border:none;border-radius:14px;width:43px;height:43px;color:white;font-size:25px}.search-wrap{background:var(--panel2);border:1px solid #2c4063;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 15px}.search-wrap span{font-size:24px;color:#98b7df}.search-wrap input{border:0;background:transparent;padding:14px 0;min-width:0;outline:none;flex:1;color:white;font-size:13px}.pill-row{display:flex;gap:8px;margin:14px 0 17px}.tag{font-size:10px;background:#1b2b46;border:1px solid #2b405c;color:#9eb3d4;padding:8px 11px;border-radius:999px}.active-tag{color:#85c7ff;background:#153b78;border-color:#246dce}.item-list{display:flex;flex-direction:column;gap:9px}.job-card,.list-card{border:1px solid #2a3c5d;background:var(--panel);border-radius:17px;width:100%;color:inherit;text-align:left;padding:16px;display:flex;gap:10px;align-items:center;justify-content:space-between}.list-card{cursor:default}.card-main{min-width:0;flex:1}.card-main strong{font-size:14px;display:block;word-break:break-word}.card-main small{font-size:11px;color:var(--muted);display:block;line-height:1.6;margin-top:5px}.card-side{display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0}.status-pill{font-size:9px;font-weight:850;border-radius:999px;padding:6px 8px;background:#263e63;color:#add2fa}.status-pill.complete{background:#153d36;color:#72efcb}.status-pill.progress{background:#243d76;color:#84bbff}.source{font-size:9px;color:var(--muted)}.right-chevron{font-size:24px;color:#5581ae}.help-text{font-size:11px;line-height:1.65;color:var(--muted);margin:13px 2px 3px}.tiny-badge{font-size:9px;letter-spacing:1px;font-weight:850;padding:7px 10px;border-radius:999px;background:#173d4e;color:#8df3de;white-space:nowrap}.clock-card{background:var(--panel);border:1px solid #2b3d60;border-radius:25px;padding:24px 19px 20px}.clock-halo{display:grid;place-items:center;margin:0 0 14px}.clock-ring{width:83px;height:83px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2597ff,#1d6cfe,#25426f,#2597ff);padding:2px}.clock-ring.running{background:conic-gradient(#17e6b0,#229efa,#165daa,#17e6b0);box-shadow:0 0 20px #17d9be33}.clock-inner{background:#132744;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font-size:44px;color:#80c5ff}.clock-status{text-align:center;color:#79baff;font-size:11px;letter-spacing:1.5px;font-weight:800}.clock-readout{text-align:center;font-size:47px;letter-spacing:-1px;font-weight:790;font-variant-numeric:tabular-nums;line-height:1.4}.clock-desc{font-size:11px;color:var(--muted);text-align:center;margin-bottom:20px}.clock-card label,.modal label,.panel label{display:block;font-size:11px;color:#b7cae7;font-weight:650;margin:13px 0 7px}input,select,textarea{width:100%;min-width:0;background:var(--field);border:1px solid #3b5175;border-radius:12px;padding:13px 13px;color:white;font-size:14px;outline:none}input::placeholder,textarea::placeholder{color:#7185a8}select{appearance:auto}textarea{resize:vertical}.clock-actions,.split-actions{display:flex;gap:9px;margin-top:18px}.clock-actions button,.split-actions button{flex:1}.text-action{border:0;background:transparent;color:#74b7ff;font-size:12px;font-weight:780;padding:8px 0}.inventory-note{margin-top:0;margin-bottom:22px}.full{width:100%}.panel{padding:18px;background:var(--panel);border:1px solid #2b3d5f;border-radius:19px;margin-bottom:13px}.panel h3{margin:0 0 9px}.panel .subtle{margin:0}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input{flex:1}.transfer-list{margin-top:13px}.transfer-button{display:flex;gap:12px;align-items:center;padding:13px 0;border:0;border-bottom:1px solid #283a5a;width:100%;background:transparent;text-align:left;color:white}.transfer-button:last-child{border:0}.transfer-icon{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;font-size:22px;font-weight:700}.transfer-icon.blue{background:#193c78;color:#75c6ff}.transfer-icon.purple{background:#4a296b;color:#e3a6ff}.transfer-icon.teal{background:#14494e;color:#6cf6db}.transfer-icon.amber{background:#573a25;color:#ffc27c}.transfer-button>span:nth-child(2){flex:1}.transfer-button b{display:block;font-size:12px}.transfer-button small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.45}.chevron{font-size:23px;color:#89a3ca}.app-footer{padding:20px 0;text-align:center;font-size:9px;color:#7189ad;line-height:1.8;letter-spacing:.5px}.modal{max-width:min(95vw,520px);width:calc(100% - 28px);max-height:85dvh;overflow-y:auto;padding:0;border:1px solid #405a81;border-radius:22px;background:#101c34;color:white;box-shadow:0 25px 90px #000a}.modal::backdrop{background:#020917cc;backdrop-filter:blur(3px)}.modal form{padding:21px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h2{font-size:21px;margin:6px 0 10px}.close-dialog{background:var(--field);color:white;border:0;border-radius:11px;font-size:26px;width:38px;height:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}#toast{z-index:1000;position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);max-width:min(90vw,500px);min-width:250px;text-align:center;background:#1d4271;color:#ecf8ff;border:1px solid #3182c9;border-radius:13px;font-size:12px;font-weight:650;line-height:1.4;padding:11px 17px;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateX(-50%)}@media(min-width:640px){.app-shell{border-left:1px solid #263657;border-right:1px solid #263657}.site-header{padding-left:25px;padding-right:25px}.view{padding-left:25px;padding-right:25px}}@media(max-width:355px){.brand-line{font-size:14px}.brand-mark{width:38px;height:38px}.section-head h1{font-size:27px}.clock-readout{font-size:39px}.quick-card{padding:11px 8px}}