:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#17212b;background:#eef2f5}*{box-sizing:border-box}body{margin:0}header{background:#22384b;color:#fff;padding:14px 18px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}header b{font-size:20px}header small{display:block;opacity:.7}nav{display:flex;gap:8px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:8px 10px;border-radius:8px;background:#ffffff12}main{max-width:1200px;margin:20px auto;padding:0 14px}h1{margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card{background:#fff;border:1px solid #d7dee5;border-radius:14px;padding:16px;box-shadow:0 4px 14px #0000000b}.metric{font-size:28px;font-weight:800;margin-top:6px}.muted{color:#687681}.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.row>*{flex:1;min-width:150px}label{display:block;font-size:13px;font-weight:700;margin:7px 0 4px}input,select,textarea,button{width:100%;padding:10px 11px;border:1px solid #c8d2dc;border-radius:9px;background:#fff;font:inherit}button,.btn{background:#22384b;color:#fff;border:0;cursor:pointer;text-decoration:none;display:inline-block;padding:10px 13px;border-radius:9px;width:auto}.danger{background:#a43131}.ok{background:#2c6f47}.table-wrap{overflow:auto;background:#fff;border-radius:14px;border:1px solid #d7dee5}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ebef;white-space:nowrap}th{background:#f7f9fb}form.inline{display:inline}.notice{padding:11px 13px;border-radius:9px;background:#fff3cd;margin-bottom:12px}.login{max-width:380px;margin:70px auto;background:#fff;padding:24px;border-radius:16px;border:1px solid #d7dee5}.right{text-align:right}@media(max-width:650px){header{align-items:flex-start}nav{width:100%;overflow:auto;flex-wrap:nowrap}nav a{white-space:nowrap}main{margin-top:12px}}