:root{--fpt-purple-900:#2a0f42;--fpt-purple-800:#3c1053;--fpt-purple-700:#4a1c68;--fpt-purple-600:#592c82;--fpt-purple-500:#772583;--fpt-purple-400:#8f54c5;--fpt-purple-200:#cdb3e5;--fpt-purple-100:#e6d9f2;--fpt-purple-50:#f6f2fa;--color-bg:#f5f6fa;--color-surface:#fff;--color-border:#e3e2ec;--color-text:#221c35;--color-text-muted:#6b6680;--color-text-soft:#8b869c;--color-primary:var(--fpt-purple-600);--color-primary-hover:var(--fpt-purple-700);--color-primary-soft:var(--fpt-purple-100);--color-danger:#d7263d;--color-danger-soft:#fde8ea;--color-success:#157a4a;--color-success-soft:#e2f6ec;--color-warning:#b3690b;--color-warning-soft:#fdf0dd;--color-info:#1d63b0;--color-info-soft:#e5f0fc;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #1e143c0f;--shadow-md:0 4px 16px #1e143c14;--shadow-lg:0 12px 32px #1e143c24;--font-heading:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Open Sans", system-ui, -apple-system, sans-serif;--sidebar-width:240px;--header-height:64px}.badge-borrador{--badge-fg:#55506b;--badge-bg:#eceafb}.badge-en_revision{--badge-fg:#1d63b0;--badge-bg:#e5f0fc}.badge-en_autorizacion{--badge-fg:#772583;--badge-bg:#f2e5f5}.badge-rechazado{--badge-fg:#b3131f;--badge-bg:#fde3e5}.badge-autorizado{--badge-fg:#157a4a;--badge-bg:#e2f6ec}.badge-activo{--badge-fg:#0d7a63;--badge-bg:#ddf5ee}.badge-por_vencer{--badge-fg:#b3690b;--badge-bg:#fdf0dd}.badge-vencido{--badge-fg:#99101a;--badge-bg:#fadadd}.badge-cancelado{--badge-fg:#56506a;--badge-bg:#e7e5ee}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5{font-family:var(--font-heading);letter-spacing:.01em;color:var(--color-text);margin:0 0 .4em;font-weight:600}h1{font-size:30px}h2{font-size:24px}h3{font-size:19px}p{margin:0 0 1em}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body)}.app-shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--fpt-purple-900), var(--fpt-purple-800));color:#fff;flex-direction:column;flex-shrink:0;padding:20px 0;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;margin-bottom:14px;padding:0 20px 20px;display:flex}.sidebar-brand-mark{width:38px;height:38px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-brand-mark img{object-fit:contain;width:100%;height:100%}.sidebar-brand-text{font-family:var(--font-heading);font-size:19px;font-weight:600;line-height:1.1}.sidebar-brand-text small{font-family:var(--font-body);color:#fff9;letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:400;display:block}.sidebar-section-label{text-transform:uppercase;letter-spacing:.06em;color:#ffffff73;padding:16px 20px 6px;font-size:11px}.sidebar-nav{flex-direction:column;gap:2px;padding:0 10px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:#ffffffd1;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff14;text-decoration:none}.sidebar-link.active{background:var(--fpt-purple-500);color:#fff}.sidebar-footer{border-top:1px solid #ffffff1f;margin-top:auto;padding:14px 20px 0}.sidebar-user{color:#ffffffd9;font-size:13px}.sidebar-user strong{font-size:14px;display:block}.sidebar-user span{color:#ffffff8c;text-transform:capitalize;font-size:12px}.sidebar-logout{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;width:100%;margin-top:10px;padding:7px 10px;font-size:13px}.sidebar-logout:hover{background:#ffffff29}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.main-header{height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:0 28px;display:flex}.main-content{flex:1;padding:28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header-sub{color:var(--color-text-muted);margin-top:2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card+.card{margin-top:18px}.card-title{font-family:var(--font-heading);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:17px;font-weight:600;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 18px}.stat-card .stat-value{font-family:var(--font-heading);color:var(--color-primary);font-size:30px;font-weight:700;line-height:1.1}.stat-card .stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:12.5px}.grid-2{grid-template-columns:1.3fr 1fr;align-items:start;gap:18px;display:grid}@media (width<=980px){.grid-2{grid-template-columns:1fr}}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;line-height:1.2;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-danger{color:var(--color-danger);background:#fff;border-color:#f1c3c9}.btn-danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#0f6339}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-block{width:100%}.btn-ghost{color:var(--color-primary);background:0 0;border:none;padding:4px 6px}.btn-ghost:hover:not(:disabled){text-decoration:underline}.field{margin-bottom:16px}.field label{color:var(--color-text);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.field .hint{color:var(--color-text-soft);margin-top:4px;font-size:12px}.field .error-text{color:var(--color-danger);margin-top:4px;font-size:12px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-size:13.5px;font-family:var(--font-body);color:var(--color-text);background:#fff;padding:9px 11px}input:focus,textarea:focus,select:focus{border-color:var(--fpt-purple-400);box-shadow:0 0 0 3px var(--fpt-purple-100);outline:none}.field.has-error input,.field.has-error textarea,.field.has-error select{border-color:var(--color-danger)}textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-row-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=700px){.form-row,.form-row-3{grid-template-columns:1fr}}.checkbox-row{align-items:center;gap:8px;display:flex}.checkbox-row input{width:auto}.form-actions{border-top:1px solid var(--color-border);gap:10px;margin-top:20px;padding-top:18px;display:flex}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:10px 14px;font-size:11.5px}tbody td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--fpt-purple-50)}.table-empty{text-align:center;color:var(--color-text-soft);padding:32px}.badge{text-transform:uppercase;letter-spacing:.03em;color:var(--badge-fg,var(--color-text-muted));background:var(--badge-bg,var(--color-bg));white-space:nowrap;border-radius:100px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.filters-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filters-bar input,.filters-bar select{width:auto;min-width:160px}.filters-bar .search-input{flex:1;min-width:240px}.login-screen{background:radial-gradient(circle at top left, var(--fpt-purple-700), var(--fpt-purple-900) 60%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);background:#fff;padding:34px 32px}.login-brand{flex-direction:column;align-items:center;gap:8px;margin-bottom:26px;display:flex}.login-brand-mark{justify-content:center;align-items:center;width:100px;display:flex}.login-brand-mark img{width:100%;height:auto;display:block}.login-brand h1{margin:0;font-size:24px}.login-brand p{color:var(--color-text-muted);margin:0;font-size:13px}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 13px;font-size:13px}.alert-error{background:var(--color-danger-soft);color:var(--color-danger)}.alert-success{background:var(--color-success-soft);color:var(--color-success)}.alert-info{background:var(--color-info-soft);color:var(--color-info)}.timeline{flex-direction:column;display:flex}.timeline-step{gap:14px;display:flex;position:relative}.timeline-step .tl-marker-col{flex-direction:column;flex-shrink:0;align-items:center;width:30px;display:flex}.tl-dot{color:#fff;z-index:1;background:#b9b5c9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.tl-dot.pendiente{background:#b9b5c9}.tl-dot.aprobado{background:var(--color-success)}.tl-dot.rechazado{background:var(--color-danger)}.tl-dot.omitido{color:#857f9c;background:#d8d5e4}.tl-dot.actual{background:var(--color-primary);box-shadow:0 0 0 4px var(--fpt-purple-100)}.tl-line{background:var(--color-border);flex:1;width:2px;min-height:20px}.timeline-step:last-child .tl-line{display:none}.tl-content{flex:1;padding-top:2px;padding-bottom:22px}.tl-content h4{font-family:var(--font-body);margin:0 0 2px;font-size:14px;font-weight:700}.tl-meta{color:var(--color-text-muted);font-size:12.5px}.tl-comment{background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-text);margin-top:6px;padding:8px 10px;font-size:12.5px}.muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.divider{background:var(--color-border);border:none;height:1px;margin:18px 0}.form-subheading{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin:20px 0 8px;font-size:12px;font-weight:700}.definition-grid{grid-template-columns:repeat(2,1fr);gap:14px 24px;display:grid}@media (width<=700px){.definition-grid{grid-template-columns:1fr}}.definition-grid dt{text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-soft);margin-bottom:2px;font-size:11.5px}.definition-grid dd{margin:0;font-size:14px;font-weight:500}.empty-state{text-align:center;color:var(--color-text-soft);padding:40px 20px}.spinner-wrap{color:var(--color-text-muted);justify-content:center;align-items:center;padding:40px;display:flex}.simple-list{margin:0;padding:0;list-style:none}.simple-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.simple-list li:last-child{border-bottom:none}.tag-pill{background:var(--fpt-purple-100);color:var(--fpt-purple-700);border-radius:100px;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);background:0 0;padding:5px 8px;font-size:12.5px}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.step-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);margin-bottom:12px;padding:14px 16px}.step-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.step-order-badge{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;font-weight:700;display:inline-flex}.modal-backdrop{z-index:100;background:#140c2873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-width:460px;padding:22px 24px}.modal h3{margin-bottom:14px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}