:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(1200px 800px at 20% 0%,#38bdf81f,#0000),radial-gradient(1200px 800px at 80% 0%,#6366f11f,#0000),#0b1220;color:#e5e7eb}a{color:inherit;text-decoration:none}.appShell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220b8;border-bottom:1px solid rgba(148,163,184,.15)}.topbarInner{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:180px}.brandMark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 12px 30px #38bdf82e}.brandTitle{font-size:14px;font-weight:600;letter-spacing:.02em;color:#e5e7eb}.navDesktop{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.navDesktop a{padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.15);background:#1118278c;color:#e5e7ebe6;font-size:13px;text-decoration:none}.navDesktop a[aria-current=page]{border-color:#38bdf873;background:#38bdf81f}.bottomNav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:20;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#0b1220f2;border-top:1px solid rgba(148,163,184,.2);flex-direction:row;justify-content:space-around;align-items:center;gap:4px}.bottomNav a{flex:1;min-width:0;padding:10px 4px;font-size:11px;text-align:center;color:#e5e7ebcc;text-decoration:none;border-radius:10px;font-weight:500}.bottomNav a[aria-current=page]{color:#38bdf8;background:#38bdf826}.syncErrorBanner{padding:10px 16px;background:#ef444433;border-bottom:1px solid rgba(239,68,68,.5);color:#fca5a5;font-size:13px}.syncErrorHint{margin-left:8px;opacity:.8}.formGrid{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:12px}.formGrid2{display:grid;grid-template-columns:2fr 1fr 2fr;gap:12px}.formGrid3{display:grid;grid-template-columns:2fr 2fr 1fr;gap:12px}.formActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.content{max-width:1200px;margin:0 auto;width:100%;padding:18px 16px 40px}.pageHeader{display:grid;gap:8px;margin:12px 0 16px}.pageHeader h1{margin:0;font-size:22px;letter-spacing:.2px}.pageHeader p{margin:0;color:#e5e7ebb8;font-size:14px}.card{border:1px solid rgba(148,163,184,.15);background:#11182780;border-radius:16px;overflow:clip}.cardInner{padding:14px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.12);background:#11182740}.toolbarLeft,.toolbarRight{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.input,.select{height:36px;border-radius:12px;border:1px solid rgba(148,163,184,.15);background:#02061759;color:#e5e7ebf2;padding:0 12px;outline:none}.input::placeholder{color:#e5e7eb73}.button{height:36px;padding:0 12px;border-radius:12px;border:1px solid rgba(148,163,184,.15);background:#6366f12e;color:#e5e7ebf2;cursor:pointer}.button:disabled{opacity:.6;cursor:not-allowed}.tableWrap{overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:middle;font-size:13px}th{color:#e5e7ebbf;font-weight:600;background:#02061740;position:sticky;top:0;z-index:1}.muted{color:#e5e7eba6}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.15);background:#02061740}.thumb{width:56px;height:32px;border-radius:10px;border:1px solid rgba(148,163,184,.18);object-fit:cover;background:#02061759}.mobileCardList{display:none}.mobileCard{padding:12px 14px;border-radius:12px;background:#11182799;border:1px solid rgba(148,163,184,.15);margin-bottom:10px}.mobileCardTitle{font-weight:600;font-size:15px;margin-bottom:6px}.mobileCardRow{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:4px 0}.mobileCardRow .muted{font-size:12px}.mobileCardActions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.mobileCardActions .button{flex:1;min-width:120px}.mobileCardInput{width:100%;font-weight:600;margin-bottom:4px}@media(max-width:768px){.navDesktop{display:none!important}.bottomNav{display:flex}.content{padding:12px 12px 100px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.topbarInner{padding:10px 12px}.brand{min-width:0}.pageHeader{margin:8px 0 12px}.pageHeader h1{font-size:20px}.pageHeader p{font-size:13px}.cardInner{padding:12px}.toolbar{flex-direction:column;align-items:stretch;padding:10px 12px;gap:8px}.toolbarRight,.toolbarRight .input{width:100%}.formGrid,.formGrid2,.formGrid3{grid-template-columns:1fr}.formActions{flex-direction:column;align-items:stretch}.formActions .button{width:100%;min-height:48px}.input,.select,.button{min-height:48px;font-size:16px}.input::placeholder{font-size:16px}.tableWrap{display:none!important}.mobileCardList{display:block}.pill{padding:8px 12px}}@media(max-width:480px){.content{padding:10px 10px 90px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.pageHeader h1{font-size:18px}}