:root{
  --bg:#f3f5f4;--panel:#fff;--text:#17211d;--muted:#68736e;--line:#dde4e0;
  --primary:#176b4d;--primary-2:#0f5139;--soft:#e8f3ee;--danger:#a52a2a;--warn:#fff4d6;
  --shadow:0 10px 30px rgba(20,40,30,.08);--radius:14px
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}.hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#10251d;color:#fff;padding:22px 16px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:4px 7px 24px}.brand div:last-child{display:flex;flex-direction:column}.brand span{font-size:12px;color:#a8b8b0}.brand-mark{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#2b9c73,#b7dfcf);display:grid;place-items:center;color:#10251d;font-weight:900;letter-spacing:-1px}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav button{border:0;background:transparent;color:#c9d5cf;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#1b3a2f;color:#fff}.sidebar-foot{margin-top:auto;border-top:1px solid #25483b;padding:16px 8px 4px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;color:#bdcbc5}.link-btn{border:0;background:transparent;color:#cfe7dc;cursor:pointer;padding:0}.main{padding:0 28px 40px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0 18px}.topbar h2{margin:0;font-size:25px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.global-search-wrap{position:relative;width:min(390px,40vw)}.global-search-wrap input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}.global-search-wrap input:focus{border-color:#70a991;box-shadow:0 0 0 3px #dff0e9}.search-results{position:absolute;top:45px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:20;overflow:hidden}.search-results button{width:100%;border:0;background:#fff;padding:10px 12px;text-align:left;cursor:pointer;border-bottom:1px solid #eef1ef}.search-results button:hover{background:#f6faf8}.search-results small{display:block;color:var(--muted);margin-top:2px}.view{display:none}.view.active{display:block}.warning{background:var(--warn);border:1px solid #eedb9b;padding:12px 14px;border-radius:12px;margin-bottom:16px;display:flex;gap:10px;align-items:center}.warning button{margin-left:auto}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 2px 10px rgba(0,0,0,.02)}.metric .label{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:27px;margin-top:5px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;overflow:hidden}.panel h3{margin:0 0 12px;font-size:15px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:13px;flex-wrap:wrap}.toolbar .spacer{flex:1}.toolbar input,.toolbar select{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:170px}.btn{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px;cursor:pointer;font-weight:650;font-size:13px}.btn:hover{background:#f7f9f8}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-2)}.btn.danger{color:var(--danger);border-color:#e5bcbc}.btn.small{padding:6px 8px;font-size:12px}.btn.wide{width:100%;padding:11px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px;background:#fff}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid #edf1ef;font-size:12.5px;vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#66736d;background:#f9fbfa;position:sticky;top:0}tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef3f0;color:#4d5f57;font-size:11px}.badge.ok{background:#e1f3e9;color:#1d6c48}.badge.warn{background:#fff0d8;color:#8b5c11}.badge.off{background:#f2e7e7;color:#8b4545}.empty{padding:35px;text-align:center;color:var(--muted)}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#d9eee5 0,transparent 28%),linear-gradient(135deg,#f6f9f7,#e9f0ed)}.login-card{width:min(410px,92vw);background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:18px}.login-card h1{margin:0}.login-card p{margin:7px 0 22px;color:var(--muted)}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:#4f5c56;margin-bottom:12px}label input,label select,label textarea{padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;outline:none;color:var(--text)}label textarea{min-height:80px;resize:vertical}.login-card small{display:block;color:#8b948f;margin-top:14px;line-height:1.45}.modal{border:0;background:transparent;padding:0}.modal::backdrop{background:rgba(10,25,18,.42);backdrop-filter:blur(2px)}.modal-card{width:min(690px,94vw);max-height:88vh;overflow:auto;border:0;border-radius:16px;background:#fff;box-shadow:var(--shadow);padding:0}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.icon-btn{border:0;background:#f1f4f2;width:32px;height:32px;border-radius:8px;font-size:20px;cursor:pointer}.modal #modal-body{padding:18px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .full{grid-column:1/-1}.checkline{display:flex;gap:8px;align-items:flex-start;color:#52605a;font-size:12px;margin:4px 0 12px}.checkline input{margin-top:2px}.section-title{font-weight:800;margin:4px 0 12px}.import-box{border:1px dashed #a9b9b1;background:#fbfdfc;border-radius:13px;padding:20px}.import-box input[type=file]{display:block;margin:10px 0}.help{font-size:12px;color:var(--muted);line-height:1.5}.stats-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.stat-pill{background:#eef4f1;border-radius:9px;padding:8px 10px;font-size:12px}.actions{display:flex;gap:6px}.network{font-weight:750;color:#225f47}.danger-text{color:var(--danger)}
@media(max-width:1050px){.cards{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.app{grid-template-columns:210px 1fr}.main{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.app{display:block}.sidebar{position:static;height:auto;min-height:0}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-foot{margin-top:14px}.main{padding:0 14px 30px}.topbar{align-items:flex-start;flex-direction:column}.global-search-wrap{width:100%}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
.toast{position:fixed;right:20px;bottom:20px;background:#10251d;color:#fff;padding:11px 14px;border-radius:10px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#8f2d2d}