body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f9;margin:0;color:#1f2937}.top{background:#071428;color:#fff;padding:14px 24px;display:flex;align-items:center;gap:18px}.top img{height:55px}.top a{color:#fff;text-decoration:none;margin-right:16px}.wrap{max-width:1180px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 5px 18px #0001;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.btn{background:#244b9b;color:#fff;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block;cursor:pointer}.btn.gray{background:#6b7280}.btn.red{background:#b91c1c}.input,select,textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1;border-radius:8px;margin:6px 0 14px}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #e5e7eb;padding:9px;text-align:left}.badge{padding:4px 8px;border-radius:20px;background:#e5e7eb;font-size:12px}.ok{background:#dcfce7}.warn{background:#fef9c3}.bad{background:#fee2e2}.muted{color:#6b7280}.logo-login{max-width:320px;width:90%;display:block;margin:0 auto 18px}.photo{max-width:180px;border-radius:8px;margin:4px}.notice{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px}
.success{background:#e7f7ec;color:#176b2c;border:1px solid #bde5c8;padding:12px;border-radius:10px;margin:10px 0}

.nav{flex:1}.userbar{margin-left:auto;font-size:14px;color:#dbeafe}.module-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.btn.green{background:#159b55}.btn.blue{background:#2176dd}.btn.dark{background:#333}.btn.disabled{background:#9ca3af;pointer-events:none}.small{font-size:13px;color:#6b7280}.actions{display:flex;gap:10px;flex-wrap:wrap}