:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172c31;background:#edf5f2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#d0ebe4,transparent 55%),#edf5f2}main{max-width:1080px;margin:0 auto;padding:40px 20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}small{font-size:11px;letter-spacing:2px;color:#388778;font-weight:800}h1{font-size:38px;letter-spacing:-1.5px;margin:8px 0}h1 span{color:#209578}header p,.panel p{color:#647779}#status{border-radius:99px;padding:9px 16px;background:#d9f4e7;color:#116343;font-size:12px;font-weight:700}.panel,.cards article{background:#fff;border:1px solid #dce8e5;border-radius:18px;box-shadow:0 8px 30px #183c3410;padding:26px;margin-bottom:20px}.panel h2{margin:0 0 18px;font-size:21px}#login{max-width:450px;margin:65px auto}.panelheading{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article{display:flex;flex-direction:column;gap:9px}.cards strong{font-size:34px;color:#176d5c}.cards span{font-size:13px;color:#637779}form{display:flex;flex-direction:column;gap:16px}label{font-size:13px;font-weight:650;display:flex;flex-direction:column;gap:7px}.fields{display:grid;grid-template-columns:2fr 1fr;gap:15px}input,select{border:1px solid #cdded9;border-radius:9px;padding:12px;font:inherit;outline-color:#229d80;background:white;color:#172c31}button{background:#13896f;color:white;font:inherit;font-weight:700;border:0;border-radius:9px;padding:12px 17px;cursor:pointer;align-self:start}button:hover{background:#096c55}button.secondary{background:#e5efec;color:#286958}button.danger{background:#fff0ed;color:#b94b40;padding:7px 12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:14px;border-bottom:1px solid #edf2f0}th{font-size:12px;color:#697d7a}.tablewrap{overflow-x:auto}.codebox{padding:16px;background:#e8f8ef;border:1px dashed #88caae;border-radius:12px;margin-top:20px}.codebox code{display:block;font-size:17px;margin:14px 0;overflow-wrap:anywhere}#message{color:#a7352a;font-weight:600;min-height:22px}footer{font-size:12px;color:#83968f;margin-top:40px;text-align:center}@media(max-width:600px){header{align-items:start;flex-direction:column;gap:10px}h1{font-size:30px}.cards{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.panel{padding:18px}}