:root{--bg:#f5f7fa;--card:#e9eef3;--text:#1d2a35;--muted:#4b5a67;--line:#ccd4dd;--accent:#4d6a89;--accent-hover:#3e556e;--nav-active:#d8e2ee;--nav-hover:#c8d6e6;--nav-bg:#fff;--success:#0f6b2f;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);padding-top:58px;line-height:1.6}a,body{color:var(--text)}a{text-decoration:none}.container{width:min(1100px,92vw);margin:0 auto}.nav{position:fixed;top:0;left:0;right:0;background:var(--nav-bg);border-bottom:1px solid var(--line);z-index:1000}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}.brand{font-size:20px;font-weight:600;color:var(--accent);white-space:nowrap}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{font-size:16px;padding:6px 10px;border-radius:8px}.nav-links a:hover{background:var(--nav-hover)}.nav-links a.active{background:var(--nav-active)}.hero{padding:40px 0 20px}.card,.hero-card{background:var(--card);border:1px solid var(--line);border-radius:12px}.hero-card{padding:40px 30px}.section{margin:40px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:22px;gap:22px}.card{padding:22px}.list{margin:0;padding-left:20px;color:var(--muted)}.button{display:inline-block;margin-top:12px;padding:10px 16px;background:var(--accent);border:1px solid var(--accent);border-radius:8px;color:#fff;cursor:pointer}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button:disabled{opacity:.7;cursor:not-allowed}.footer{padding:26px 0;border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--muted)}.form-control{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;font:inherit}.status-success{color:var(--success)}.status-error{color:var(--danger)}@media (max-width:640px){body{padding-top:90px}.nav-inner{flex-direction:column;align-items:stretch;padding:10px 0;gap:6px}.nav-links{justify-content:flex-end;overflow-x:auto}}