:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#183027;background:#f2f6f1}*{box-sizing:border-box}body{margin:0}header{background:#173b2c;color:white;padding:17px max(18px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:12px}header strong{font-size:21px}header small{display:block;color:#c7ddcf;margin-top:4px}#connection{font-size:12px}main{max-width:1120px;margin:25px auto;padding:0 15px}.panel{background:white;border:1px solid #dce7dd;border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 3px 12px #173b2c08}.hidden{display:none!important}nav,.actions,.heading,.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.heading{justify-content:space-between}nav{margin-bottom:14px}button{background:#246447;color:#fff;border:0;border-radius:8px;padding:11px 16px;cursor:pointer;font-weight:650}button:hover{filter:brightness(.92)}button.secondary{background:#e4eee7;color:#173b2c}button.danger{background:#a82e2e}button.tab{background:#e4eee7;color:#173b2c}button.tab.active{background:#246447;color:white}h2{font-size:21px;margin:0 0 15px}h3{font-size:17px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #b9cfc0;border-radius:8px;font:inherit;background:white;color:#183027}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.actions{margin-top:18px}.muted{color:#5d7064;font-size:13px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:10px 8px;border-bottom:1px solid #e0e9e2;text-align:left;font-size:13px}th{background:#eef5ef}td button{padding:6px 9px;font-size:12px;margin:2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.card{background:#eaf4ed;padding:17px;border-radius:10px}.card b{display:block;font-size:26px}#message{min-height:24px;font-weight:600}hr{border:0;border-top:1px solid #dce7dd;margin:28px 0}@media(max-width:640px){.fields,.cards{grid-template-columns:1fr}header strong{font-size:17px}.panel{padding:15px}.filters{width:100%}.filters input,.filters select{flex:1;min-width:130px}}