:root{--bg:#f4f7fb;--panel:#fff;--ink:#14213d;--muted:#64748b;--line:#d9e2ee;--brand:#176a72;--brand2:#0f4f56;--accent:#4ea3f5;--danger:#b42318;--ok:#027a48;--warn:#b54708;--shadow:0 16px 40px rgba(20,33,61,.07)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f7fbff 0,#f4f7fb 220px);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink)}a{color:var(--brand);text-decoration:none}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.topbar{height:72px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.brand{font-weight:800;color:var(--ink);display:flex;gap:10px;align-items:center}.brand span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff}.brand small{font-weight:700;color:var(--muted)}.topbar nav{display:flex;align-items:center;gap:18px}.shell{max-width:1360px;margin:0 auto;padding:30px}.hero{min-height:70vh;display:grid;align-items:center}.hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;margin:.2em 0;max-width:920px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--brand);font-weight:900}.pagehead{background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid var(--line);border-radius:24px;padding:28px;margin-bottom:24px}.pagehead h1{font-size:2.35rem;margin:.2rem 0}.button,button{background:var(--brand);color:#fff;border:0;border-radius:999px;padding:11px 17px;font-weight:800;cursor:pointer;display:inline-block}.button:hover,button:hover{background:var(--brand2)}.button.secondary,.ghost{background:#edf5f8;color:var(--brand)}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:22px;box-shadow:var(--shadow)}.center{text-align:center}.narrow{max-width:480px;margin:42px auto}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.stats strong{display:block;font-size:2rem}.stats span{color:var(--muted);font-weight:700}label{display:block;margin:0 0 14px;font-weight:800}input,select,textarea{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;font:inherit}textarea{min-height:92px}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.78rem;text-transform:uppercase;color:var(--muted);letter-spacing:.06em}.inline{display:inline}.inline button{margin-right:6px}.alert{padding:13px 15px;border-radius:14px;margin-bottom:14px}.error{background:#fef3f2;color:var(--danger)}.success{background:#ecfdf3;color:var(--ok)}.muted{color:var(--muted);line-height:1.55}.dashboard{display:grid;grid-template-columns:270px 1fr;gap:24px}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:14px;height:max-content;position:sticky;top:96px;box-shadow:var(--shadow)}.sidebar a,.sidebar button{display:block;width:100%;margin-bottom:8px;text-align:left}.sidebar a{padding:11px 13px;border-radius:14px;color:var(--ink);font-weight:800}.sidebar a:hover,.sidebar a.active{background:#edf5f8;color:var(--brand)}.dashboard.collapsed{grid-template-columns:74px 1fr}.dashboard.collapsed .sidebar a{font-size:0;text-align:center}.dashboard.collapsed .sidebar a::first-letter{font-size:18px}.split{display:flex;align-items:center;justify-content:space-between;gap:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#eef6ff;color:var(--brand);font-weight:900;text-transform:capitalize}.progress{height:12px;background:#e7edf5;border-radius:999px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px}.checklist{padding:0;margin:16px 0 0;list-style:none}.checklist li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-weight:800}.checklist li.done{color:var(--ok)}.footer{padding:30px;text-align:center;color:var(--muted)}@media(max-width:900px){.two,.stats,.dashboard{grid-template-columns:1fr}.shell{padding:18px}.topbar{padding:0 14px}.topbar nav{gap:10px;font-size:.9rem}.sidebar{position:static}.split{display:block}.actions{margin-top:12px}}
.content-body { font-size: 1.04rem; line-height: 1.75; }
.content-body p { margin: 0 0 1rem; }
.content-body h2, .content-body h3 { margin-top: 1.4rem; }
.public-hero { background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(15,118,110,.08)); }
.button.ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); margin-left: .75rem; }
textarea { width: 100%; border: 1px solid var(--line); border-radius: 12px; padding: .75rem; font: inherit; }
code { background: rgba(15,23,42,.06); padding: .15rem .35rem; border-radius: 6px; }
.four{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-form{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}details summary{cursor:pointer;font-weight:900;color:var(--brand)}@media(max-width:1100px){.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.four{grid-template-columns:1fr}}