:root{--bg-0: #f6f5f1;--bg-1: #fffdf8;--panel: rgba(255, 255, 255, .9);--ink: #1a1c1e;--muted: #5b6169;--line: rgba(23, 27, 33, .12);--line-strong: rgba(23, 27, 33, .22);--brand: #0f766e;--brand-ink: #0b3e3b;--danger: #b42318;--danger-bg: #fff1ef;--warn-bg: #fff8e1;--warn-ink: #8a5a00;--good: #0a6c2f;--shadow: 0 12px 36px rgba(25, 28, 34, .07);color:var(--ink);background:radial-gradient(circle at 8% 0%,rgba(15,118,110,.11),transparent 38%),radial-gradient(circle at 92% 8%,rgba(180,35,24,.07),transparent 46%),linear-gradient(180deg,#faf8f2,#f4f5f8);font-family:Avenir Next,Segoe UI,Helvetica Neue,IBM Plex Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}code{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:.93em;background:#0f172a0f;border-radius:.35rem;padding:.05rem .28rem}.app-shell{width:min(1240px,100%);margin:0 auto;padding:1.1rem .9rem 3.2rem;display:grid;gap:.9rem}.hero{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.hero-top{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between}.hero-actions{display:flex;gap:.5rem;flex-wrap:wrap}.hero-metrics{margin-top:.85rem;border-top:1px dashed var(--line);padding-top:.75rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.hero-metrics p{margin:0;padding:.55rem .65rem;border:1px solid var(--line);border-radius:12px;background:#f9fafbcc;color:var(--muted)}.hero-metrics strong{color:var(--ink)}.eyebrow{margin:0;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:.14rem 0 0;font-size:clamp(1.65rem,4vw,2.6rem);line-height:1.04;letter-spacing:-.02em;color:#132a29}.lede{margin:.5rem 0 0;color:var(--muted);max-width:70ch}.grid-two{display:grid;grid-template-columns:1.05fr 1.6fr;gap:.9rem}.card{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);padding:.95rem}.card h2{margin:0;font-size:1.05rem;letter-spacing:-.01em}.card h3{margin:0;font-size:.95rem}.muted{margin:.45rem 0 0;color:var(--muted)}.muted-inline{color:var(--muted);font-size:.92rem}.empty{margin:.7rem 0 0;color:var(--muted);font-style:italic}.warning-text{margin:.5rem 0 0;color:var(--warn-ink);background:var(--warn-bg);border:1px solid rgba(138,90,0,.18);padding:.55rem .65rem;border-radius:10px}.good-text{color:var(--good)}.neg-text{color:var(--danger)}.banner{margin:0;border-radius:12px;padding:.6rem .75rem;border:1px solid var(--line)}.banner-notice{background:#0f766e14;border-color:#0f766e33;color:var(--brand-ink)}.banner-error{background:var(--danger-bg);border-color:#b4231838;color:#7a271a}.warning-panel{margin-top:.8rem;background:var(--warn-bg);border:1px solid rgba(138,90,0,.18);border-radius:12px;padding:.75rem}.warning-panel h3{margin:0;font-size:.95rem;color:var(--warn-ink)}.warning-panel ul{margin:.55rem 0 0;padding-left:1rem}.warning-panel li+li{margin-top:.3rem}.stack-sm{display:grid;gap:.55rem}.stack-md{display:grid;gap:.75rem}.stack-lg{display:grid;gap:.95rem}.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;align-items:end}.field-row>.grow{grid-column:span 2}.field{display:grid;gap:.32rem;align-content:start}.field>span{font-size:.79rem;color:var(--muted)}.field input,.field select,.field textarea{width:100%;min-height:2.35rem;border-radius:11px;border:1px solid var(--line);background:var(--bg-1);color:var(--ink);padding:.55rem .7rem;font:inherit}.field input:focus,.field select:focus,.field textarea:focus,.btn:focus{outline:2px solid rgba(15,118,110,.28);outline-offset:2px}.field-compact input,.field-compact select{min-width:8.4rem}.inline-field{display:flex;gap:.4rem;align-items:center}.inline-field>span{white-space:nowrap}.inline-field input{min-height:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;border-radius:11px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#fff,#f2f4f7);color:var(--ink);padding:.5rem .85rem;font:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 3px 10px #171b210d}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn-primary{border-color:#0f766e59;background:linear-gradient(180deg,#17b4a7,#0f766e);color:#f7fffd}.btn-danger{border-color:#b4231847;background:linear-gradient(180deg,#fff6f5,#ffecea);color:#8e1f15}.subpanel{border:1px solid var(--line);border-radius:14px;padding:.75rem;background:#f8f9fcb8;display:grid;gap:.65rem}.draft-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.draft-list li{display:flex;justify-content:space-between;gap:.7rem;align-items:center;border:1px solid var(--line);border-radius:12px;padding:.55rem .65rem;background:#ffffffe0}.draft-list li>div{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.pill{display:inline-flex;align-items:center;height:1.3rem;padding:0 .45rem;border-radius:999px;border:1px solid var(--line);background:#0f172a08;font-size:.74rem;color:var(--muted)}.pill.subtle{margin-left:.35rem}.tabbar{display:flex;flex-wrap:wrap;gap:.45rem;padding:.2rem;border:1px solid var(--line);border-radius:14px;background:#ffffffb8}.tab{border:1px solid transparent;background:transparent;border-radius:10px;min-height:2rem;padding:.35rem .65rem;font:inherit;color:var(--muted);cursor:pointer}.tab.active{border-color:#0f766e33;background:#0f766e14;color:var(--brand-ink)}.tabs-root{display:block}.action-row{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.45rem}.action-row.compact{margin-top:0}.sync-summary-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.sync-summary-grid p{margin:0;border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;background:#f8fafccc;color:var(--muted)}.sync-summary-grid strong{color:var(--ink)}.action-cell{align-self:end}.action-cell .btn{width:100%}.simple-list{margin:.6rem 0 0;padding-left:1rem}.simple-list li+li{margin-top:.25rem}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d121a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200}.dialog-popup{position:fixed;z-index:1201;inset:auto 0 0 0;margin:auto;width:min(640px,calc(100vw - 1rem));top:12vh;bottom:auto;background:#fffffffa;border:1px solid var(--line-strong);border-radius:16px;box-shadow:0 20px 48px #11182733;padding:.9rem;display:grid;gap:.6rem}.dialog-title{margin:0;font-size:1.05rem}.dialog-description{margin:0;color:var(--muted)}.dialog-meta{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:12px;padding:.6rem .7rem;background:#f9fafbcc}.dialog-meta p{margin:0;color:var(--muted)}.dialog-meta strong{color:var(--ink)}.dialog-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.section-header{display:flex;gap:.7rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.info-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.info-strip p{margin:0;border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem;background:#fafbfdd9}.table-wrap{margin-top:.6rem;overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px;background:#ffffffd9}th,td{text-align:left;vertical-align:top;padding:.55rem .6rem;border-bottom:1px solid rgba(23,27,33,.08)}th{position:sticky;top:0;z-index:1;background:#f4f7faf2;color:#394150;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}tbody tr:hover{background:#0f766e08}.goal-grid{margin-top:.7rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.goal-card{border:1px solid var(--line);border-radius:14px;padding:.75rem;background:#ffffffdb;display:grid;gap:.45rem}.goal-head{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.goal-head h3{margin:0;font-size:.98rem}.goal-bar{height:.66rem;border-radius:999px;background:#0f172a14;overflow:hidden;border:1px solid rgba(23,27,33,.08)}.goal-bar-fill{height:100%;background:linear-gradient(90deg,#17b4a7,#0f766e)}@media(max-width:1080px){.grid-two{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding-inline:.65rem}.hero-top{flex-direction:column}.hero-actions{width:100%}.hero-actions .btn{flex:1 1 auto}.hero-metrics,.field-row{grid-template-columns:1fr}.field-row>.grow{grid-column:auto}.info-strip,.sync-summary-grid{grid-template-columns:1fr}.tabbar{gap:.3rem}.tab{padding-inline:.55rem}.dialog-popup{top:8vh;width:calc(100vw - .8rem);padding:.75rem}}
