:root{--bg: #f5f8ff;--surface: #ffffff;--border: #dbe4f0;--text: #10223e;--primary: #1265e7;--primary-dark: #0a4fb8}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#dce8ff 0%,#eef4ff 30%,var(--bg) 60%)}.page{max-width:1050px;margin:0 auto;padding:20px 16px 36px;display:grid;gap:16px}.header h1{margin:0}.header p{margin:6px 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.nav-link{display:inline-block;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:#f7faff;color:var(--text);text-decoration:none}.nav-link.active{border-color:var(--primary);color:var(--primary-dark);background:#eaf2ff}.legacy-form input,.legacy-form select,.legacy-form textarea,.legacy-form button{width:100%;border-radius:10px;border:1px solid var(--border);padding:10px;font:inherit}.legacy-form button{background:var(--primary);color:#fff;border-color:var(--primary);cursor:pointer}.legacy-form button:hover{background:var(--primary-dark)}.legacy-form button.secondary{width:auto;background:#f0f4ff;color:var(--text);border-color:var(--border)}.legacy-form .check{display:flex;gap:8px;align-items:center}.legacy-form .check input{width:auto}.legacy-form .list{display:grid;gap:10px}.legacy-form .item{border:1px solid var(--border);border-radius:10px;background:#fafcff;padding:10px;display:grid;gap:4px}.legacy-form .grid{display:grid;gap:8px}pre{background:#f8fbff;border:1px solid var(--border);border-radius:10px;padding:10px;overflow:auto}.toast{position:fixed;right:16px;bottom:16px;background:#10182b;color:#fff;padding:10px 14px;border-radius:10px;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translateY(0)}