*{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0b2545;--navy-light: #13315c;--red: #d52b1e;--yellow: #f9e300;--green: #007934;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--success: #16a34a;--warning: #ea580c;--danger: #dc2626;--info: #0284c7}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-900);font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--gray-300);border-radius:6px;width:100%;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--navy);outline-offset:-1px}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--navy);color:#fff;padding:20px 0;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:15px}.sidebar-brand h1{font-size:18px;font-weight:700}.sidebar-brand p{font-size:11px;opacity:.7;margin-top:4px}.flag-bar{display:flex;height:4px;margin-top:10px;border-radius:2px;overflow:hidden}.flag-bar>div{flex:1}.flag-bar>div:nth-child(1){background:var(--red)}.flag-bar>div:nth-child(2){background:var(--yellow)}.flag-bar>div:nth-child(3){background:var(--green)}.nav-section{padding:10px 0}.nav-section-title{padding:6px 20px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.nav-link{display:block;padding:9px 20px;color:#fffc;font-size:13px;border-left:3px solid transparent;transition:all .15s}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#ffffff1a;border-left-color:var(--yellow);color:#fff}.sidebar-footer{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.user-info{opacity:.9;margin-bottom:8px}.user-role{opacity:.6;font-size:11px}.btn-logout{color:#fffc;font-size:12px;margin-top:8px;text-decoration:underline}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--gray-200);padding:14px 30px;display:flex;justify-content:space-between;align-items:center}.topbar h2{font-size:18px;color:var(--navy)}.page-content{padding:25px 30px}.card{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:20px;margin-bottom:16px}.card-title{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:12px;text-transform:uppercase;letter-spacing:.03em}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border:1px solid var(--gray-200);border-left:4px solid var(--navy);border-radius:8px;padding:18px}.kpi-card.green{border-left-color:var(--success)}.kpi-card.yellow{border-left-color:var(--warning)}.kpi-card.red{border-left-color:var(--danger)}.kpi-card.blue{border-left-color:var(--info)}.kpi-label{font-size:11px;text-transform:uppercase;color:var(--gray-500);letter-spacing:.05em}.kpi-value{font-size:28px;font-weight:700;color:var(--navy);margin-top:6px}.kpi-sub{font-size:11px;color:var(--gray-500);margin-top:4px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--gray-200);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--navy);color:#fff}th{text-align:left;padding:12px 14px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}td{padding:12px 14px;border-bottom:1px solid var(--gray-200)}tbody tr:hover{background:var(--gray-50);cursor:pointer}tbody tr:last-child td{border-bottom:none}.btn{display:inline-block;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:500;transition:all .15s;border:1px solid transparent}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-light)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:#fff;color:var(--navy);border-color:var(--gray-300)}.btn-outline:hover{background:var(--gray-50)}.btn-sm{padding:6px 12px;font-size:12px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-registrada{background:#dbeafe;color:#1e40af}.badge-analisis{background:#e0e7ff;color:#3730a3}.badge-negociacion{background:#fef3c7;color:#92400e}.badge-normativo{background:#fce7f3;color:#9f1239}.badge-ejecucion{background:#fed7aa;color:#9a3412}.badge-cumplida{background:#dcfce7;color:#166534}.badge-parcial{background:#d1fae5;color:#065f46}.badge-rechazada{background:#fee2e2;color:#991b1b}.badge-inviable{background:#fecaca;color:#7f1d1d}.risk-alto{background:#fee2e2;color:#991b1b;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700}.risk-medio{background:#fef3c7;color:#92400e;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700}.risk-bajo{background:#dcfce7;color:#166534;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);padding:20px}.login-box{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.login-box h1{color:var(--navy);font-size:22px;margin-bottom:4px}.login-box .subtitle{color:var(--gray-500);font-size:13px;margin-bottom:24px}.filter-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filter-bar>*{flex:0 0 auto}.filter-bar input[type=text]{min-width:240px}.filter-bar select{min-width:160px}.detalle-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 900px){.detalle-grid,.form-row,.form-row-3{grid-template-columns:1fr}}.field{margin-bottom:12px}.field-label{font-size:11px;text-transform:uppercase;color:var(--gray-500);font-weight:600;margin-bottom:3px}.field-value{font-size:13px;color:var(--gray-900)}.timeline{list-style:none;padding-left:20px;border-left:2px solid var(--gray-200)}.timeline li{position:relative;padding-bottom:14px;padding-left:15px}.timeline li:before{content:"";position:absolute;left:-22px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--navy);border:2px solid white;box-shadow:0 0 0 2px var(--navy)}.timeline-date{font-size:11px;color:var(--gray-500)}.timeline-text{font-size:13px}.progress{width:100%;height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:var(--success);transition:width .3s}.bar-chart{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:180px 1fr 50px;align-items:center;gap:10px;font-size:12px}.bar-track{background:var(--gray-100);border-radius:4px;height:22px;position:relative}.bar-fill{height:100%;background:var(--navy);border-radius:4px}@media print{.sidebar,.topbar,.no-print{display:none!important}.page-content{padding:0}.main{width:100%}body{background:#fff}.card{page-break-inside:avoid;border:1px solid #ccc}}.mt-2{margin-top:10px}.mt-3{margin-top:16px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:16px}.flex{display:flex}.gap-2{gap:10px}.gap-3{gap:16px}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-sm{font-size:12px}.text-muted{color:var(--gray-500)}.text-right{text-align:right}.w-full{width:100%}