:root{--bg: #f4f7f5;--surface: #ffffff;--muted: #eef2ef;--ink: #1e2622;--accent: #0f7c5f;--accent-strong: #0b5d48;--danger: #b53f26;--line: #d4ddd7}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#d6ece4,var(--bg) 48%)}.container{width:min(1200px,96vw);margin:0 auto;padding:24px 0 64px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 26px #09120e0d;padding:18px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.row{display:flex;gap:10px;flex-wrap:wrap}h1,h2,h3{margin:0}h1{font-size:1.45rem;margin-bottom:10px}h2{font-size:1.12rem;margin-bottom:12px}input,select,button,textarea{border:1px solid var(--line);border-radius:9px;padding:9px 10px;font:inherit}textarea{min-height:76px;resize:vertical}button{cursor:pointer;background:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:var(--accent-strong)}button.danger{background:#fdece9;border-color:#f3c0b6;color:var(--danger)}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{background:#f2f6f3}th,td{border-bottom:1px solid var(--line);text-align:left;padding:9px 8px}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e7f4ef;color:#0d6a51;font-size:.78rem}.badge.off{background:#f6eded;color:#9d3320}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.notice{border:1px solid #d7e6df;background:#f2f8f5;padding:10px 12px;border-radius:9px;font-size:.88rem}.error{border:1px solid #f1c9c1;background:#fdf0ee;color:#8f2f20;padding:10px 12px;border-radius:9px;font-size:.88rem}.login-box{width:min(420px,96vw);margin:70px auto}@media(max-width:720px){.container{width:min(1200px,94vw)}table{font-size:.82rem}}