:root{--ink:#0f2233;--brand:#15324a;--gold:#e8c97a;--bg:#f6f4ee;--card:#fff;--line:#dcd6c8;--muted:#5d6b78}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Iowan Old Style,serif;color:var(--ink);background:var(--bg)}a{color:var(--brand)}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;gap:18px;align-items:center;padding:14px 22px;background:var(--brand);color:#fff;flex-wrap:wrap}.nav .brand{font-weight:700;letter-spacing:.3px;margin-right:auto;display:flex;gap:10px;align-items:center}.nav button,.nav a{background:transparent;border:0;color:#dfe7ee;font-size:14px;cursor:pointer;font-family:inherit}.nav button.active{color:var(--gold);font-weight:700}.sel{background:#0e2840;color:#fff;border:1px solid #2a4a63;border-radius:6px;padding:5px 8px;font-family:inherit}.wrap{max-width:1080px;margin:0 auto;padding:26px 22px;width:100%}.hero{padding:56px 22px;background:linear-gradient(135deg,#0f2233,#1d456a);color:#fff;text-align:center}.hero h1{font-size:38px;margin:.2em 0}.hero p{color:#cdd9e3;font-size:18px}.cta{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}.btn{padding:11px 20px;border-radius:8px;border:1px solid var(--gold);background:var(--gold);color:#3a2c08;font-weight:700;cursor:pointer;font-family:inherit;font-size:15px}.btn.ghost{background:transparent;color:var(--gold)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:26px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.card h3{margin:.1em 0 .4em}.muted{color:var(--muted)}.kpi{font-size:30px;font-weight:700;color:var(--brand)}.pill{display:inline-block;background:#eef3f1;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;margin:2px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left}.input,textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:14px}label{display:block;font-size:13px;margin:10px 0 4px;color:var(--muted)}.row{display:flex;gap:12px;flex-wrap:wrap}.row>div{flex:1;min-width:160px}code,pre{font-family:ui-monospace,Menlo,Consolas,monospace}pre{background:#0f2233;color:#cfe3f5;padding:14px;border-radius:10px;overflow:auto;font-size:12px}.help{position:fixed;right:18px;bottom:18px;background:var(--brand);color:var(--gold);border:0;border-radius:999px;padding:12px 16px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0003}.footer{margin-top:auto;padding:18px 22px;background:#0e2233;color:#9fb2c2;font-size:12px;text-align:center}