:root{font-family:Inter,"Segoe UI",sans-serif;color:#172033;background:#f3f6fa;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{background:#102b4e;color:#fff;padding:1rem 2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.brand{font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none}.user{margin-left:auto;color:#d8e5f5}nav{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;width:100%}nav a{color:#eaf2fb;text-decoration:none;font-size:.9rem}main{max-width:1440px;margin:auto;padding:2rem}footer{text-align:center;padding:2rem;color:#667085}.card{background:#fff;border:1px solid #dce3ec;border-radius:10px;padding:1.2rem;margin:1rem 0;box-shadow:0 2px 8px #17365d0d}.narrow{max-width:460px;margin:4rem auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.metric{background:#fff;border-left:4px solid #1473e6;padding:1rem;border-radius:8px}.metric span{display:block;color:#667085}.metric strong{font-size:1.35rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.wide{grid-column:1/-1}label{display:block;font-weight:600;margin:.6rem 0}input,select,textarea{display:block;width:100%;padding:.65rem;border:1px solid #aeb9c7;border-radius:6px;margin-top:.3rem;font:inherit}textarea{min-height:90px}button,.button{background:#e8edf3;border:1px solid #9baabd;border-radius:6px;padding:.55rem .85rem;font-weight:600;cursor:pointer;text-decoration:none;color:#172033}.primary{background:#1473e6;color:#fff;border-color:#1473e6}.inline{display:inline;margin:0}.inline button{padding:.3rem .6rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #e1e6ed;vertical-align:top}th{background:#f7f9fc;position:sticky;top:0}.notice,.error{padding:.8rem 1rem;border-radius:6px}.notice{background:#e5f6ed;color:#146c43}.error{background:#fde8e7;color:#9b1c1c}.muted{color:#667085}.update{border-bottom:1px solid #e1e6ed;padding:.7rem 0}.update span{display:block;color:#667085;font-size:.85rem}.update p{margin:.35rem 0}a{color:#075bb5}@media(max-width:700px){header,main{padding:1rem}.user{margin-left:0}.grid{grid-template-columns:1fr}}