: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}.modal-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px;background:rgba(8,18,32,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-modal{width:min(560px,92vw);border:1px solid #c8d4e5;border-radius:20px;padding:24px;background:radial-gradient(140% 120% at 0 0,#eff9f6 0,#fff 48%),linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 26px 70px rgba(10,23,43,.26);animation:modal-pop .18s ease-out}.result-modal h3{margin:0 0 8px;font-size:24px}.result-modal p{margin:0 0 18px;color:var(--muted)}.result-modal-icon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;margin-bottom:10px;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#08967d,#0b6e90)}.result-modal-actions{display:flex;flex-wrap:wrap;gap:10px}.result-modal-actions .nav-item{background:#0e7a6d;border-color:#0e7a6d;color:#fff}.scroll-top-button{position:fixed;right:20px;bottom:24px;z-index:1000;width:52px;height:52px;border:1px solid #0b8e7f;border-radius:999px;display:grid;place-items:center;font-size:28px;line-height:1;font-weight:700;color:#fff;background:linear-gradient(135deg,#08967d,#0b6e90);box-shadow:0 12px 28px rgba(8,22,40,.35)}.scroll-top-button:hover{filter:brightness(1.06)}.scroll-top-button:focus-visible{outline:3px solid #8ce5d7;outline-offset:2px}@keyframes modal-pop{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}}