:root{--blue:#0b3b75;--blue2:#0d5aa7;--green:#18a558;--bg:#f4f8fb;--ink:#102033;--muted:#607083;--card:#fff;--line:#dfe8f1;--danger:#c0392b;--warn:#b7791f;--success:#128246}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#eef7ff 0%,#f6faf8 100%);color:var(--ink);font-size:16px}.wrap{max-width:1180px;margin:0 auto;padding:20px}.hero{background:linear-gradient(135deg,var(--blue),#062449);color:#fff;border-radius:26px;padding:34px;margin:18px 0;box-shadow:0 20px 55px rgba(9,35,70,.22);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-80px;background:rgba(24,165,88,.25)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px;position:relative;z-index:1}.logo{background:linear-gradient(135deg,var(--green),#39d27a);color:white;padding:10px 14px;border-radius:14px;font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.18)}h1{font-size:clamp(30px,5vw,56px);line-height:1.02;margin:28px 0 12px;position:relative;z-index:1}h2{font-size:26px;margin:0 0 18px}h3{font-size:20px;margin:0 0 14px}.hero p{font-size:18px;color:#dbeafe;max-width:840px;position:relative;z-index:1}.pill{display:inline-block;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);padding:9px 14px;border-radius:999px;margin-top:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px;margin:18px 0;box-shadow:0 12px 30px rgba(13,46,85,.08)}.section-title{display:flex;align-items:center;gap:12px;color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:14px;margin-top:10px}.num{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;width:34px;height:34px;border-radius:12px;font-weight:900}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{margin:18px 0}.main{display:block;font-weight:800;margin-bottom:8px}.required{color:var(--green)}.hint,.small{font-size:13px;color:var(--muted)}.input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font-size:15px;background:#fff;color:var(--ink);outline:none}textarea{min-height:96px;resize:vertical}.input:focus,textarea:focus,select:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(13,90,167,.1)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{display:flex;gap:9px;align-items:flex-start;background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:11px;cursor:pointer}.choice:hover{border-color:#bad6ef;background:#f2f8ff}.scale{display:flex;gap:8px;flex-wrap:wrap}.scale label{cursor:pointer}.scale input{display:none}.scale span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#f8fbff;font-weight:800}.scale input:checked+span{background:var(--blue);color:#fff;border-color:var(--blue)}.btn{border:0;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;padding:12px 16px;border-radius:14px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{filter:brightness(1.05)}.btn.secondary{background:#eef5fb;color:var(--blue);border:1px solid #cfe0ef}.btn.green{background:linear-gradient(135deg,var(--green),#108a48)}.btn.warn{background:#fff8ea;color:#8a5d0c;border:1px solid #f2d690}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.footer{text-align:center;color:var(--muted);padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 25px rgba(13,46,85,.06)}.kpi .v{font-size:34px;font-weight:900;color:var(--blue);margin-top:5px}.chart-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric{display:grid;grid-template-columns:1fr 120px 42px;gap:10px;align-items:center;margin:10px 0}.bar{background:#eef3f8;height:12px;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue2));border-radius:999px}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--line)}.table{border-collapse:collapse;width:100%;min-width:860px;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f1f6fb;color:var(--blue);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;background:#edf4ff;color:var(--blue);font-weight:800;border-radius:999px;padding:6px 10px;font-size:13px}.badge.success{background:#e8f8ef;color:var(--success)}.badge.danger{background:#fff0ee;color:var(--danger)}.badge.warn{background:#fff8e5;color:#8a5d0c}.notice{background:#eff8ff;border:1px solid #cfe6fb;color:#16436f;border-radius:18px;padding:15px;margin:15px 0}.login{max-width:520px}.detail-grid{display:grid;grid-template-columns:220px 1fr;gap:8px;border-top:1px solid var(--line)}.detail-grid div{padding:10px 0;border-bottom:1px solid var(--line)}.detail-grid .label{font-weight:800;color:var(--blue)}.nowrap{white-space:nowrap}.mobile-actions{display:none}@media(max-width:800px){.wrap{padding:12px}.hero{padding:24px;border-radius:20px}.grid,.choices,.kpis,.chart-row{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.actions{width:100%}.btn{width:100%;justify-content:center}.metric{grid-template-columns:1fr}.bar{width:100%}.card{padding:18px;border-radius:18px}.detail-grid{grid-template-columns:1fr}.detail-grid .label{padding-bottom:0;border-bottom:0}.scale span{width:38px;height:38px}.mobile-actions{display:block}}@media print{body{background:#fff}.topbar,.actions,.btn,.footer{display:none!important}.hero,.card{box-shadow:none;border:1px solid #ddd}.hero{color:#111;background:#fff}.hero p{color:#333}.wrap{max-width:100%;padding:0}.table{min-width:0;font-size:12px}.kpis,.chart-row{grid-template-columns:repeat(2,1fr)}}