:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17263a;background:#f2f5f9}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1300px;margin:20px auto;padding:0 15px}.top{background:linear-gradient(110deg,#102a35,#11633d);padding:20px;border-radius:14px;color:#fff;display:flex;justify-content:space-between;align-items:center}.top strong{display:block;font-size:23px}.top small{display:block;margin-top:3px;color:#dcfce7}.top a{color:#fff}nav{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}nav a{padding:10px 12px;background:#fff;border:1px solid #d7e1ea;border-radius:8px;text-decoration:none;color:#183048;font-weight:700;font-size:13px}h1{font-size:22px;margin:22px 0 15px}h2{font-size:16px;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{background:#fff;border:1px solid #d9e2ee;border-radius:12px;padding:17px;margin-bottom:13px;min-width:0}.card p,.hint{color:#617388;font-size:13px}.metric{font-size:24px;font-weight:800;color:#075b44}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px}.wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#42586a}input,select,textarea{display:block;width:100%;border:1px solid #cbd5e1;padding:9px;border-radius:7px;background:white;margin-top:5px;font:inherit;font-size:13px;min-height:38px}button,.button{cursor:pointer;background:#12804d;color:white;font-size:13px;font-weight:700;padding:10px 15px;border:0;border-radius:8px;text-decoration:none;display:inline-block}.secondary{background:#2463db}.danger{background:#b91c1c}.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.table{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{padding:10px;text-align:left;border-bottom:1px solid #e3e9ef}th{background:#eaf1f6}.alert{padding:13px;border-radius:8px;margin:13px 0;background:#def8e9}.alert.error{background:#ffe3e3}.muted{font-size:12px;color:#708098}details summary{cursor:pointer;font-weight:800;margin-bottom:10px} .line{border:1px dashed #cbd5e1;padding:10px;border-radius:8px;margin-bottom:8px} @media(max-width:650px){.wrap{margin:0;padding:7px}.top{border-radius:8px}.top strong{font-size:19px}}
