:root{font-family:Inter,system-ui,-apple-system,PingFang SC,sans-serif;color:#172b3a;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input{font:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.side{background:#122b3c;color:#fff;padding:24px 18px}.brand{font-size:20px;font-weight:900;margin-bottom:30px}.nav{display:grid;gap:8px}.nav button{border:0;border-radius:11px;padding:11px 13px;text-align:left;background:transparent;color:#cde1ed;cursor:pointer}.nav button.active,.nav button:hover{background:#24475d;color:#fff}.main{padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top h1{margin:0}.button{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;background:#fff}.button.primary{background:#187f9a;color:#fff}.button.danger{background:#fff0f0;color:#b33434}.cards{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.card,.panel{background:#fff;border:1px solid #e0e8ed;border-radius:16px;box-shadow:0 8px 24px #2343550d}.card{padding:18px}.card strong{font-size:30px;display:block;margin-top:8px}.panel{padding:20px;margin-top:18px;overflow:auto}.panel h2{margin-top:0}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 10px;border-bottom:1px solid #e9eff2;text-align:left;font-size:14px}.table th{color:#617481;background:#f8fafb}.status{display:inline-block;padding:4px 8px;border-radius:999px;background:#eaf8ef;color:#247148;font-weight:800}.status.disabled{background:#fff0f0;color:#a83b3b}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(480px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 60px #17334522}.field{display:grid;gap:7px;margin:16px 0}.field input{padding:12px;border:1px solid #ccd9df;border-radius:10px}.notice{padding:12px;border-radius:10px;background:#eef7fb;color:#3d6475;margin:12px 0}.notice.error{background:#fff0f0;color:#a23333}.search{display:flex;gap:10px}.search input{min-width:260px;padding:10px 12px;border:1px solid #ccd9df;border-radius:10px}.detail-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{padding:14px}.nav{display:flex;overflow:auto}.main{padding:16px}.cards{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.search{flex-direction:column}.search input{min-width:0}}