*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6f8;color:#1f2937}.topbar{height:60px;background:#152238;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.topbar a{color:#fff;text-decoration:none;margin-left:15px}.layout{display:flex;min-height:calc(100vh - 60px)}.sidebar{width:230px;background:#fff;border-right:1px solid #e5e7eb;padding:14px}.sidebar a{display:block;padding:10px 12px;margin:3px 0;color:#243044;text-decoration:none;border-radius:7px}.sidebar a:hover{background:#eef4fb}.content{flex:1;padding:24px;overflow:auto}footer{padding:18px;text-align:center;color:#667085;font-size:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0}.card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;box-shadow:0 2px 8px #00000008}.card span{font-size:13px;color:#667085}.card strong{display:block;font-size:21px;margin-top:8px}.panel{margin-bottom:18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #edf0f3;text-align:left;font-size:13px;white-space:nowrap}th{background:#f8fafc}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;align-items:end}.form-grid label,.toolbar label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#475467}input,select,textarea{font:inherit;padding:10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;width:100%}.btn{display:inline-block;border:0;padding:9px 12px;border-radius:6px;background:#e9eef5;color:#1f2937;text-decoration:none;cursor:pointer;margin:2px}.btn.primary{background:#1769aa;color:#fff}.btn.danger{background:#b42318;color:#fff}.inline{display:inline}.inline-form{display:flex;gap:10px;align-items:end}.toolbar{display:flex;gap:12px;align-items:end;margin-bottom:16px}.alert{padding:12px;border-radius:7px;background:#eef4ff;margin-bottom:15px}.alert.success{background:#eaf8ef;color:#176b3a}.alert.error{background:#fff0f0;color:#a61b1b}.alert.warning{background:#fff7df;color:#7a5a00}.muted{color:#667085}.notice{border-bottom:1px solid #eee;padding:10px 0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#eef2f7}.login-card{width:min(430px,92vw);background:#fff;padding:30px;border-radius:12px;box-shadow:0 12px 40px #0002}.login-card form{display:grid;gap:9px}.login-card input{margin-bottom:7px}.login-note{margin-top:18px;padding:10px;background:#f7f8fa;border-radius:6px;font-size:13px}@media(max-width:850px){.sidebar{width:190px}.grid-2{grid-template-columns:1fr}}@media(max-width:650px){.layout{display:block}.sidebar{width:100%;display:flex;overflow:auto}.sidebar a{white-space:nowrap}.content{padding:14px}.inline-form{display:block}.grid-2{grid-template-columns:1fr}table{min-width:760px}.panel{overflow:auto}}@media print{.topbar,.sidebar,.toolbar,.btn,footer{display:none!important}.content{padding:0}.panel{box-shadow:none;border:0}}