:root{--bg:#f6f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--brand:#14213d;--brand2:#fca311;--ok:#0f766e;--warn:#b45309;--danger:#b91c1c}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.45} a{color:#123c69;text-decoration:none} a:hover{text-decoration:underline}
.topbar{background:var(--brand);color:white;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;position:sticky;top:0;z-index:9}.brand a{font-weight:800;color:white;font-size:24px;margin-right:10px}.brand span{color:#e5e7eb}.topbar nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.topbar nav a{color:white}.btn-small,.btn,.button{display:inline-block;background:var(--brand2);color:#111!important;padding:10px 14px;border-radius:8px;font-weight:700;border:0;cursor:pointer}.btn{padding:12px 18px}.btn-secondary{background:#e5e7eb;color:#111!important}.btn-danger{background:#ef4444;color:white!important}.container{max-width:1180px;margin:0 auto;padding:24px}.hero{background:linear-gradient(135deg,#14213d,#263b66);color:white;border-radius:18px;padding:34px;box-shadow:0 14px 35px rgba(15,23,42,.15)}.hero h1{font-size:36px;margin:0 0 10px}.hero p{max-width:850px;color:#e5e7eb}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(15,23,42,.05);margin-bottom:18px}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.alert{padding:12px 14px;border-radius:10px;margin-bottom:18px}.alert-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.alert-warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.badge-ok{background:#ccfbf1;color:#115e59}.badge-warn{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b} label{display:block;font-weight:700;margin:12px 0 6px} input,select,textarea{width:100%;padding:11px;border:1px solid #d1d5db;border-radius:10px;background:white} textarea{min-height:90px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px} table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden} th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top} th{background:#f3f4f6;font-size:13px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs a{background:white;border:1px solid var(--line);border-radius:999px;padding:9px 12px}.timeline{border-left:3px solid #d1d5db;margin-left:10px;padding-left:16px}.timeline div{margin-bottom:12px}.footer{text-align:center;color:var(--muted);padding:30px;margin-top:30px;border-top:1px solid var(--line)}.kpi{font-size:30px;font-weight:800}.print-report{background:white;max-width:900px;margin:auto;padding:36px;border:1px solid #ddd}.legal-box{background:#f8fafc;border-left:5px solid var(--brand2);padding:12px;border-radius:10px;margin:12px 0}@media print{.topbar,.footer,.tabs,.no-print{display:none}.container{padding:0}.print-report{border:0;box-shadow:none}}@media(max-width:740px){.topbar{display:block}.topbar nav{margin-top:10px}.hero h1{font-size:26px}.container{padding:14px}table{font-size:13px}}