:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f6f7fb;--card:#fff;--muted:#657084;--brand:#0f766e;--line:#e5e7eb}body.dark{color:#eef2ff;background:#060913;--card:#111827;--muted:#aab3c5;--line:#263244}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1180px;margin:auto;padding:28px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:stretch;padding:32px;border-radius:28px;background:linear-gradient(135deg,#0f172a,#0f766e);color:white;box-shadow:0 20px 50px #0002}.badge{display:inline-block;padding:8px 12px;border:1px solid #ffffff55;border-radius:99px;background:#ffffff18}h1{font-size:44px;margin:16px 0 8px}h2{margin:0 0 18px}.hero p{max-width:650px;color:#dbeafe}.stats{min-width:220px;background:#ffffff16;border:1px solid #ffffff33;border-radius:22px;padding:22px;display:grid;gap:10px}.stats b{font-size:42px}.grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-top:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;margin-top:20px;box-shadow:0 12px 35px #0000000d}label{display:grid;gap:8px;font-weight:700;color:inherit}input,select{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);font:inherit;background:transparent;color:inherit}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.checks{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.checks label{display:flex;gap:8px;align-items:center;background:#0f766e12;padding:10px 12px;border-radius:99px}.actions{display:flex;gap:12px;flex-wrap:wrap}button{border:0;border-radius:14px;padding:12px 16px;background:var(--brand);color:white;font-weight:800;cursor:pointer}button:hover{filter:brightness(.95)}button.danger{background:#dc2626;width:100%;margin-top:16px}.note,.empty{color:var(--muted)}.list{display:grid;gap:10px}.item{border:1px solid var(--line);border-radius:14px;padding:12px}.item small{color:var(--muted)}.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.links a{padding:14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit}.links a b{display:block}.links a span{color:var(--muted);font-size:13px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}th{color:var(--muted);font-size:13px}@media(max-width:850px){.hero,.grid,.row{grid-template-columns:1fr;display:grid}.wrap{padding:14px}h1{font-size:34px}}