:root{font-family:Inter,system-ui,Arial,sans-serif;color:#e7ecf5;background:#0b1120}*{box-sizing:border-box}body{margin:0}header{background:#111d34;border-bottom:1px solid #273954;display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:20px;flex-wrap:wrap}.brand{font-weight:900;letter-spacing:2px;color:#74e7d2;font-size:21px}a{color:#80d6ff;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap}main{max-width:1200px;margin:30px auto;padding:0 18px;min-height:75vh}h1{font-size:32px}.card{background:#15233b;border:1px solid #293e5c;border-radius:18px;padding:24px;margin:16px 0;box-shadow:0 12px 30px #0002}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metric{font-size:32px;font-weight:800;color:#7ce6c5}label{display:block;margin:12px 0 5px}input,select,textarea{display:block;width:100%;max-width:650px;background:#0e1a2e;color:white;border:1px solid #3d526f;padding:12px;border-radius:10px}button,.btn{display:inline-block;background:#21b89c;color:#071a22;border:0;padding:11px 18px;border-radius:10px;font-weight:800;cursor:pointer;margin:12px 5px 5px 0}.danger{background:#ef7777}.notice{padding:14px;border-radius:10px;background:#263d55;margin:15px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px;text-align:left;border-bottom:1px solid #33465e}th{color:#8fdad3}footer{text-align:center;padding:25px;color:#8296ae}small{color:#9eb1c7}