:root{--bg:#f5f7fb;--surface:#ffffff;--surface-strong:#ffffff;--text:#17202a;--muted:#667085;--line:#d8e0ea;--primary:#0f766e;--primary-dark:#115e59;--accent:#b45309;--danger:#b42318;--warn:#b54708;--ok:#027a48;--shadow:0 18px 50px rgba(31,41,55,0.08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--primary)}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 54px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.08}h1,h2{letter-spacing:0}h2{font-size:21px;line-height:1.2}h3{font-size:16px;line-height:1.28}.eyebrow,h3{letter-spacing:0}.eyebrow{color:var(--accent);font-size:12px;font-weight:760;margin-bottom:6px;text-transform:uppercase}.muted{font-size:14px;line-height:1.45}.muted,.small{color:var(--muted)}.small{font-size:12px;line-height:1.4}.tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px;margin:0 0 18px;position:-webkit-sticky;position:sticky;top:0;z-index:5;padding:8px 0;background:rgba(245,247,251,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabs button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.58);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px}.tabs button.active{background:var(--text);border-color:var(--text);color:white}.view-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);grid-gap:16px;gap:16px}.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.card-editor,.metric,.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric{padding:18px;box-shadow:none}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.metric strong{font-size:28px;line-height:1}.metric small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.metric.warn{border-color:#f6c68f;background:#fff8ed}.panel{padding:20px}.panel.wide{min-width:0}.section-heading{gap:14px;margin-bottom:16px}.notice,.section-heading{display:flex;align-items:center;justify-content:space-between}.notice{gap:12px;border:1px solid var(--line);border-radius:8px;margin:0 0 14px;padding:12px 14px;font-size:14px}.notice.success{background:#ecfdf3;border-color:#abefc6;color:var(--ok)}.notice.error{background:#fff1f0;border-color:#fecdca;color:var(--danger)}.notice button{border:0;background:transparent;color:inherit;font-weight:760;padding:0}.danger-button,.icon-button,.primary-button,.secondary-button{min-height:40px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;white-space:nowrap}.primary-button{background:var(--primary);color:white}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{background:var(--surface-strong);border-color:var(--line);color:var(--text)}.danger-button{background:#fff5f2;border-color:#e8bbb0;color:var(--danger)}.icon-button{width:42px;padding:0;background:var(--surface-strong);border-color:var(--line);color:var(--text)}.spotlight{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;border:1px solid #afddd8;border-radius:8px;background:linear-gradient(135deg,#ffffff,#effaf8);box-shadow:var(--shadow);padding:22px}.spotlight h2{font-size:28px;margin-bottom:8px}.spotlight>div:first-child>p:not(.eyebrow){color:var(--muted);font-weight:700}.spotlight-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.mini-stats span,.spotlight-meta span{border:1px solid var(--line);border-radius:999px;background:white;color:var(--muted);display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:7px 9px}.spotlight-meta .priority{border-color:#afddd8;color:var(--primary-dark)}.spotlight-meta .priority.overdue{border-color:#fecdca;color:var(--danger)}.spotlight-actions{display:flex;gap:8px}.small-icon{width:34px;min-height:34px}.benefit-list{display:grid;grid-gap:10px;gap:10px}.benefit-list.compact{gap:8px}.benefit-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.benefit-item.overdue{border-color:#fecdca;background:#fffafa}.benefit-item.done{opacity:.58}.check-button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--primary);display:grid;place-items:center}.benefit-main{min-width:0}.benefit-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:4px}.benefit-title-row h3{overflow-wrap:anywhere}.due{flex:0 0 auto;border-radius:999px;background:#eef4f4;color:var(--primary-dark);font-size:12px;font-weight:760;padding:4px 8px}.due.urgent{background:#fff0e9;color:var(--accent)}.benefit-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.benefit-meta a,.benefit-meta span{border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;line-height:1;padding:6px 8px;text-decoration:none}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.card-editor{overflow:hidden;box-shadow:none}.card-stripe{height:8px}.card-editor-body{padding:16px}.card-editor-body>input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-size:18px;font-weight:760;margin-bottom:8px;padding:0 0 8px}.mini-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:14px}.field{display:grid;grid-gap:6px;gap:6px}.field span{color:var(--muted);font-size:12px;font-weight:700}input,select{min-width:0;width:100%;min-height:38px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--text);padding:0 10px}.toggle-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px;margin-top:14px}.toggle-row input{width:18px;min-height:18px}.custom-row{display:grid;grid-template-columns:1.1fr 1.5fr 1.2fr 150px 120px auto;grid-gap:8px;gap:8px;margin-bottom:16px}.filter-bar{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(3,minmax(140px,.7fr));grid-gap:8px;gap:8px;margin-bottom:10px}.search-box{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--muted);padding:0 10px}.search-box input{border:0;min-height:36px;padding:0}.search-box input:focus{outline:none}.list-count{color:var(--muted);font-size:13px;font-weight:700;margin:0 0 10px}.balance-list{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.balance-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.balance-row span{display:grid;grid-gap:3px;gap:3px}.balance-row small{color:var(--muted);font-size:12px}.cpp-result{border-radius:8px;background:#edf7f4;margin-top:18px;padding:16px}.cpp-result span{display:block;color:var(--primary-dark);font-size:32px;font-weight:800;line-height:1;margin-bottom:8px}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.settings-panel .muted{margin-top:14px}.data-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.data-health div{border:1px solid var(--line);border-radius:8px;background:#f9fbff;padding:14px}.data-health span,.data-health strong{display:block}.data-health strong{font-size:24px;line-height:1}.data-health span{color:var(--muted);font-size:12px;margin-top:7px}.hidden{display:none}.empty{border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:18px;text-align:center}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,rgba(245,247,251,.95),rgba(236,253,243,.65)),var(--bg)}.login-panel{width:min(430px,100%);border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:28px}.login-icon{width:54px;height:54px;border-radius:8px;background:#edf7f4;color:var(--primary);display:grid;place-items:center;margin-bottom:18px}.login-form{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.login-form label{color:var(--muted);font-size:13px;font-weight:700}.form-error{color:var(--danger);font-size:13px}@media (max-width:820px){.app-shell{width:min(100% - 24px,680px);padding-top:18px}.topbar{align-items:flex-start}h1{font-size:28px}.tabs{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto;gap:6px}.tabs button{flex-direction:column;min-height:54px;gap:3px;padding:5px 4px}.tabs span{display:inline;font-size:11px;font-weight:720}.card-grid,.metrics,.spotlight,.view-grid{grid-template-columns:1fr}.spotlight h2{font-size:22px}.spotlight-actions{flex-wrap:wrap}.panel{padding:16px}.section-heading{align-items:flex-start}.custom-row,.data-health,.field-grid,.filter-bar{grid-template-columns:1fr}.benefit-item{grid-template-columns:32px minmax(0,1fr)}.benefit-item .small-icon{grid-column:2;justify-self:start}}