body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;margin:0;color:#222}.topbar{background:#162033;color:#fff;padding:14px 22px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:bold;font-size:20px}.nav a{color:#fff;text-decoration:none;margin-left:12px;font-size:14px}.container{max-width:1220px;margin:24px auto;background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.08)}h1{margin-top:0}.cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.card{background:#f7f9fc;border:1px solid #e4e8ee;padding:18px;border-radius:10px}.card .num{font-size:30px;font-weight:bold;margin-top:8px}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{padding:10px;border-bottom:1px solid #e8e8e8;text-align:left;vertical-align:top}th{background:#f7f7f7}.btn{display:inline-block;background:#1f6feb;color:white;padding:9px 14px;border-radius:6px;text-decoration:none;border:0;cursor:pointer}.secondary{background:#57606a}.danger{background:#c62828}input,select,textarea{padding:9px;border:1px solid #ccc;border-radius:6px;width:100%;box-sizing:border-box}label{font-weight:bold;display:block;margin-top:12px;margin-bottom:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.alert{padding:12px;border-radius:6px;margin-bottom:14px}.success{background:#e9f8ee;color:#176b35}.error{background:#fdeaea;color:#a11}.badge{padding:4px 8px;border-radius:12px;background:#eee;font-size:12px}pre{background:#f7f7f7;padding:14px;border-radius:8px;overflow:auto}@media print{.topbar,.btn,.alert{display:none}.container{box-shadow:none;margin:0;max-width:none}}