:root{font-family:Segoe UI,Trebuchet MS,sans-serif;color:#1d2733;background:radial-gradient(circle at top left,rgba(255,214,153,.55),transparent 28%),linear-gradient(135deg,#f7f3eb,#eef6f2 45%,#dfecef);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;--sidebar-width: 300px;--sidebar-collapsed-width: 72px}.app-shell.menu-collapsed{--sidebar-width: var(--sidebar-collapsed-width)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;justify-content:space-between;gap:24px;width:var(--sidebar-width);height:100vh;padding:28px;overflow-y:auto;color:#f8fafc;background:linear-gradient(180deg,#0f324afa,#0b1f2ff2),#0f324a;transition:width .2s ease,padding .2s ease}.sidebar h1,.page-header h1,.panel-card h2,.context-card h2,.auth-card h2{margin:0}.content{min-height:100vh;margin-left:var(--sidebar-width);padding:32px;transition:margin-left .2s ease}.context-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:fit-content;max-width:100%;margin-bottom:18px;padding:10px 12px;border:1px solid rgba(15,50,74,.1);border-radius:999px;color:#31566b;background:#ffffffb8;box-shadow:0 10px 28px #0f324a14}.context-strip span:not(:last-child):after{content:"/";margin-left:10px;color:#94a3b8}.sidebar-top{display:grid;gap:18px}.menu-toggle{position:fixed;top:18px;left:calc(var(--sidebar-width) - 18px);z-index:40;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(248,250,252,.22);border-radius:8px;color:#f8fafc;background:#ffffff14;transition:left .2s ease,color .2s ease,background .2s ease}.menu-collapsed .sidebar{align-items:center;padding:18px 12px}.menu-collapsed .menu-toggle{left:18px;color:#0f324a;background:#f6c66b}.menu-collapsed .sidebar-brand,.menu-collapsed .nav-group summary,.menu-collapsed .nav-link,.menu-collapsed .sidebar-session,.menu-collapsed .sidebar-footer .ghost-button{display:none}.menu-collapsed .nav-list,.menu-collapsed .sidebar-footer{width:100%}.nav-list{display:flex;flex-direction:column;gap:12px}.nav-group{display:grid;gap:8px}.nav-group summary{cursor:pointer;padding:8px 4px;color:#f8fafca8;font-size:.76rem;font-weight:700;letter-spacing:.08em;list-style:none;text-transform:uppercase}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:"+";float:right}.nav-group[open] summary:after{content:"-"}.nav-link{display:block;padding:12px 14px;border-radius:8px;color:#f8fafcd9;transition:.2s ease}.nav-link:hover,.nav-link-active{color:#0f324a;background:#f6c66b}.sidebar-footer{display:grid;gap:12px}.page-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.page-header p,.muted{color:#64748b}.eyebrow,.section-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.stack,.stack-sm{display:grid;gap:24px}.stack-sm{gap:16px}.stats-grid,.context-grid,.block-grid,.proposal-list{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.context-grid,.proposal-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.block-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel-card,.stat-card,.context-card,.auth-card,.block-card,.proposal-card,.list-card,.review-card,.metric-box{border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#ffffffdb;box-shadow:0 18px 50px #0f233614;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-card,.context-card,.auth-card,.review-card{padding:24px}.stat-card,.block-card,.proposal-card,.list-card,.metric-box{padding:20px}.panel-header,.list-card-top,.actions-row{display:flex;align-items:start;justify-content:space-between;gap:16px}.panel-header{margin-bottom:18px}.stat-value{margin:10px 0 6px;font-size:1.8rem;font-weight:700}.chip-row,.actions-row{display:flex;flex-wrap:wrap;gap:10px}.chip,.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;font-size:.82rem;font-weight:600}.chip{background:#eff6ff;color:#1d4ed8}.status-pendiente,.status-comprobante_subido{background:#fef3c7;color:#92400e}.status-vencido,.status-rechazado{background:#fee2e2;color:#b91c1c}.status-en_revision{background:#dbeafe;color:#1d4ed8}.status-aprobado{background:#dcfce7;color:#166534}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid rgba(148,163,184,.18);text-align:left}.primary-button,.ghost-button{padding:12px 16px;border-radius:8px;border:none}.primary-button{color:#0f324a;background:#f6c66b;font-weight:700}.ghost-button{color:#0f324a;background:#0f324a14}.table-action-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:96px;padding:8px 12px;border:1px solid rgba(15,50,74,.14);border-radius:8px;color:#0f324a;background:#f6c66b52;font-size:.88rem;font-weight:700}.table-action-button:hover{border-color:#0f324a52;background:#f6c66b}.field{display:grid;gap:8px}.field input,.field select,.field textarea,.inline-form input,.review-card textarea{width:100%;padding:12px 14px;border:1px solid rgba(100,116,139,.25);border-radius:8px;background:#fff}.field textarea,.review-card textarea{min-height:110px;resize:vertical}.auth-layout,.split-layout{display:grid;gap:24px}.auth-layout{grid-template-columns:1.1fr .9fr;min-height:100vh;align-items:center;padding:48px}.split-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-copy h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95;margin:14px 0;color:#0f324a}.help-box{padding:16px;border-radius:8px;background:#fff7e3}.login-highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.login-highlights span{padding:8px 10px;border:1px solid rgba(15,50,74,.14);border-radius:8px;background:#ffffff7a}.form-grid{display:grid;gap:16px;margin-bottom:18px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.collapsible-card{display:block}.collapsible-header{cursor:pointer;list-style:none}.collapsible-header::-webkit-details-marker{display:none}.collapsible-header:after{content:"+";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;color:#0f324a;background:#f6c66b59}.collapsible-card[open] .collapsible-header:after{content:"-"}.collapsible-content{margin-top:18px}.selection-list{display:grid;gap:8px}.selection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(15,50,74,.12);border-radius:10px;color:#0f324a;background:#ffffffa3;text-align:left}.selection-row-active{border-color:#0f324a6b;background:#f6c66b3d}.selection-row:disabled{cursor:not-allowed;opacity:.78}.compact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.link-button{padding:0;border:0;color:#0f6478;background:transparent;font:inherit;font-weight:700}.compact-block-list{display:flex;flex-wrap:wrap;gap:8px;max-height:116px;padding:10px;overflow-y:auto;border:1px solid rgba(15,50,74,.1);border-radius:12px;background:#ffffff80}.compact-block-chip{min-width:72px;padding:8px 10px;border:1px solid rgba(15,50,74,.12);border-radius:999px;color:#31566b;background:#ffffffc7;text-align:center}.compact-block-chip-active{border-color:#0f324a73;color:#0b1f2f;background:#f6c66b;box-shadow:0 8px 18px #f6c66b47}.compact-block-chip:disabled{cursor:not-allowed;opacity:.75}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.checkbox-card{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid rgba(15,50,74,.12);border-radius:10px;background:#ffffff9e}.checkbox-card:has(input:checked){border-color:#0f324a66;background:#f6c66b3d}.inline-action{display:inline-flex;width:fit-content;margin-top:12px}.proof-card{display:grid;gap:14px}.proof-card img{width:100%;max-height:220px;object-fit:cover;border-radius:8px}.inline-form{display:flex;gap:12px;margin-top:16px}.timeline{display:grid;gap:14px}.timeline-item,.empty-state{padding:16px;border-radius:8px;background:#f8fafccc}.detail-list{display:grid;gap:16px}.detail-list>div,.detail-grid>div{display:grid;gap:6px;padding:12px;border:1px solid rgba(15,50,74,.08);border-radius:10px;background:#f8fafcad}.detail-list strong,.detail-grid strong{line-height:1.35}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.compact-detail-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:12px}.compact-detail-grid>div{padding:10px}.metric-box{display:grid;gap:8px}.alert-error{padding:12px 14px;border-radius:8px;background:#fee2e2;color:#991b1b}@media(max-width:980px){.app-shell,.auth-layout,.split-layout{grid-template-columns:1fr}.app-shell{--sidebar-width: min(86vw, 300px)}.app-shell.menu-collapsed{--sidebar-width: 0px}.sidebar{transform:translate(0)}.menu-collapsed .sidebar{padding:0;transform:translate(-100%)}.menu-collapsed .menu-toggle{left:16px;z-index:30;color:#0f324a;background:#f6c66b}.sidebar{padding-bottom:18px}.content,.auth-layout{padding:20px}.content{margin-left:var(--sidebar-width);padding-top:72px}.page-header,.panel-header,.actions-row,.inline-form{flex-direction:column}}