:root{--bg:#f4f7fb;--surface:#fff;--text:#142033;--muted:#5d6d87;--brand:#0e7a6d;--border:#d8e1ee}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Noto Sans,sans-serif;color:var(--text);background:radial-gradient(1200px 400px at 10% -10%,#d8f3ec 0,transparent 70%),radial-gradient(1000px 500px at 100% 0,#deecff 0,transparent 70%),var(--bg)}a{color:inherit;text-decoration:none}main{width:min(1200px,92vw);margin:24px auto 64px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(9,26,53,.06)}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}button,input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px}button{cursor:pointer;background:var(--brand);color:#fff;border-color:var(--brand)}button.secondary{background:#fff;color:var(--text)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;font-size:13px}header.app,td,th{border-bottom:1px solid var(--border)}header.app{width:100%;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header .wrap{width:min(1200px,92vw);margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 0}.nav{display:flex;gap:12px;flex-wrap:wrap}.nav-item{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;padding:8px 12px;background:var(--surface)}.nav-item-disabled{color:#9ca3af;cursor:not-allowed;background:#f7f8fb}.nav-item.secondary{background:#fff;color:var(--text)}.badge{color:var(--muted);font-size:12px}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}