:root{color-scheme:light;--bg: #0b1020;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .64);--border: rgba(255, 255, 255, .1);--accent: #7c5cff;--accent2: #00c2ff;--danger: #ff4d6d;--shadow: rgba(0, 0, 0, .35);--radius: 14px;--radiusSm: 10px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 20% -10%,rgba(124,92,255,.35),transparent 60%),radial-gradient(1000px 700px at 90% 10%,rgba(0,194,255,.22),transparent 55%),var(--bg);color:var(--text)}.appShell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border);background:#0b1020a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center}.brandMark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800}.brandTitle{font-weight:700;line-height:1.1}.brandSubtitle{font-size:12px;color:var(--muted);line-height:1.1}.tabs{display:flex;gap:8px;padding:4px;border:1px solid var(--border);border-radius:999px;background:#ffffff0a}.tab{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:600}.tabActive{background:#ffffff14;color:var(--text)}.topbarActions{display:flex;justify-content:flex-end;gap:10px}.main{flex:1;padding:18px;max-width:1100px;width:100%;margin:0 auto}.page{display:grid;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:0 20px 45px var(--shadow)}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panelHeader h2{margin:0;font-size:16px}.panelHeaderRight{display:flex;gap:10px;align-items:center}.row{display:flex;align-items:center}.rowGap{gap:10px;margin-bottom:12px}.input,.select,.textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radiusSm);padding:10px 12px;color:var(--text);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#7c5cff8c;box-shadow:0 0 0 3px #7c5cff33}.inputGrow{flex:1}.button{border:0;background:linear-gradient(135deg,#7c5cfff2,#00c2ffd9);color:#fff;padding:10px 12px;border-radius:var(--radiusSm);font-weight:700;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.buttonSecondary{background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.alert{margin:10px 0;padding:10px 12px;border-radius:var(--radiusSm);border:1px solid rgba(255,77,109,.35);background:#ff4d6d1f;color:#ffffffeb}.list{display:grid;gap:10px}.item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.itemMain{flex:1;cursor:pointer}.itemTitleRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.itemTitle{font-weight:700}.itemTitleDone{text-decoration:line-through;color:#ffffff8c}.itemMeta{margin-top:6px;font-size:12px;color:var(--muted)}.itemActions{display:flex;gap:8px;align-items:center}.pill{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f}.pillMuted,.muted{color:var(--muted)}.modalOverlay,.sheetOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:50;padding:16px}.modal{width:min(720px,100%);border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#0c101eeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px #00000080;padding:14px}.modalHeader,.sheetHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.modalTitle,.sheetTitle{font-weight:800}.modalFooter,.sheetFooter{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.fieldSpan2{grid-column:span 2}.label{font-size:12px;color:var(--muted);font-weight:700}.sheet{width:min(720px,100%);border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:#0c101eeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px #00000080;padding:14px}.sheetBody{display:grid;gap:12px}.help{font-size:13px;color:#ffffffc7;line-height:1.4}.helpSmall{font-size:12px;color:#ffffffa6;margin-top:4px}@media (max-width: 720px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions" "tabs tabs"}.tabs{grid-area:tabs;justify-content:center}.formGrid{grid-template-columns:1fr}.fieldSpan2{grid-column:auto}}