:root{--bg:#f6f8fb;--panel:#fff;--line:#d6deeb;--text:#11203c;--muted:#56637b;--brand:#0e7490;--brand-dark:#0a5d74;--danger:#b91c1c}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left,#d7eef4 0%,transparent 50%),radial-gradient(circle at top right,#e8f1ff 0%,transparent 35%),var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.shell{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(920px,94vw);margin:2rem auto;padding:1.25rem;box-shadow:0 16px 40px #11203c14}.heading{margin-bottom:.4rem;font-size:1.45rem}.subheading{color:var(--muted);margin-bottom:1rem}.grid{gap:.8rem;display:grid}.input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;padding:.7rem .8rem}.input:focus{border-color:var(--brand)}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:.6rem .9rem}.btn:hover{background:#f4f8ff}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-danger{color:var(--danger);border-color:#fecaca}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.error{color:var(--danger);font-size:.92rem}.success{color:#047857;font-size:.92rem}.muted{color:var(--muted)}