:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#24394a;background:#f5f7fa;font-synthesis:none;--navy:#102d42;--teal:#09877d;--muted:#748392;--border:#e3e9ed;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy)}:focus-visible{outline:3px solid #42beb4;outline-offset:3px}button{border:0}input,select,textarea{border:1px solid #d7e0e6;border-radius:7px;padding:11px 12px;background:white;color:#24394a;width:100%;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--teal)}textarea{min-height:100px;resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#405467}small{font-size:11px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:750}.teal{color:var(--teal)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none!important;font-size:19px;letter-spacing:1px}.brand b{font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:5px;color:#a4c0cc}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#345168;border:1px solid #d9e2e7;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none!important;min-height:38px}.button:hover{background:#eef5f5}.button.primary{background:var(--teal);color:#fff;border-color:var(--teal)}.button.primary:hover{background:#07776e}.button.danger{color:#b14444;border-color:#e7c4c4}.button.small{padding:6px 10px;min-height:30px;font-size:11px}.button.wide{width:100%;justify-content:space-between}.icon-button{background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 10px;color:#647787;font-size:20px}.icon-button:hover{background:#eaf0f4}.error{color:#ac3e40;font-size:13px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:var(--navy);padding:45px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #2a485b;border-radius:50%;right:-245px;bottom:40px;box-shadow:0 0 0 60px #17364a,0 0 0 61px #2a485b,0 0 0 120px #17364a;opacity:.45;pointer-events:none}.story-content{margin:auto 0;position:relative;z-index:1;padding:70px 0}.story-content .eyebrow{color:#8cb2c1}.story-content h1{color:#fff;font-size:clamp(36px,4vw,61px);line-height:1.14;font-weight:600;letter-spacing:-2px;margin:25px 0}.story-content h1 em{font-style:normal;color:#64c7ba}.story-content p{max-width:355px;line-height:1.8;color:#acc2cd;font-size:14px}.story-line{width:40px;height:2px;background:#49b6a9;margin:32px 0 20px}.story-foot{font-size:11px;color:#a6beca}.story-bottom{display:flex;justify-content:space-between;font-size:9px;color:#84a2b4;letter-spacing:1px}.login-form-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px}.login-form-inner{width:100%;max-width:355px;margin:auto}.login-form-inner h2{font-size:28px;letter-spacing:-.6px;margin:17px 0 10px}.login-form-inner form{display:grid;gap:20px;margin-top:32px}.login-note{display:flex;gap:12px;border-top:1px solid var(--border);margin-top:30px;padding-top:25px;color:#667b8b;font-size:12px;line-height:1.8}.note-icon{color:var(--teal);font-size:20px}.login-form-wrap footer{font-size:11px;color:#8b9aa7;padding-top:40px}.demo-note{font-size:11px;background:#fff4dd;padding:15px;border-radius:7px;line-height:1.8;color:#705420}.shell{display:flex;min-height:100vh}.sidebar{background:var(--navy);width:236px;position:fixed;inset:0 auto 0 0;padding:29px 18px 20px;display:flex;flex-direction:column;color:#a6bdcc;z-index:20}.sidebar .brand{padding:0 10px;font-size:17px}.workspace-label{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#6f92a7;margin:48px 15px 14px}nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;color:#aec4d1;padding:12px 15px;border-radius:7px;font-size:12px;font-weight:500}.nav-item:hover{background:#1c3a4e;text-decoration:none}.nav-item.active{background:#1b4b58;color:#8ae0d1;box-shadow:inset 3px 0 #31b49e}.nav-item .nav-icon{width:18px;font-size:16px;text-align:center;opacity:.85}.nav-separator{border-top:1px solid #294558;margin:17px 12px 9px}.sidebar-bottom{margin-top:auto;padding:28px 12px 0;font-size:11px}.sidebar-bottom small{display:block;font-size:9px;color:#6e93a8;line-height:1.7;margin-top:12px}.connection-dot{display:inline-block;background:#4abca4;width:6px;height:6px;border-radius:50%;margin-right:5px}.workspace{margin-left:236px;width:calc(100% - 236px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;border-bottom:1px solid var(--border);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumb{font-size:11px;color:#8a98a5}.breadcrumb span{margin:0 12px;color:#c4cdd4}.breadcrumb b{color:#4b6173;font-weight:500}.topbar-right{display:flex;align-items:center;gap:15px}.account{display:flex;gap:10px;align-items:center;background:none;text-align:left;color:var(--navy)}.account strong{display:block;font-size:11px;font-weight:650;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account small{display:block;font-size:10px;margin-top:4px;color:#81909d;text-transform:capitalize}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7f2ef;color:#287568;font-size:12px;font-weight:700}.mode-label{font-size:9px;color:#8a692c;border:1px solid #eadbb9;background:#fffbef;border-radius:4px;padding:5px 7px}#menu-toggle{display:none}main{padding:34px 36px;max-width:1700px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-heading h1{font-size:27px;font-weight:650;letter-spacing:-.75px;margin:7px 0 8px}.page-heading p{font-size:12px;color:#81909d;margin:0;line-height:1.6}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.date-tag{color:#6d7c89;background:white;border:1px solid var(--border);padding:10px 13px;border-radius:6px;font-size:11px}.welcome-banner{background:#eaf4f1;border:1px solid #d6e9e4;border-radius:9px;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.welcome-banner h2{font-size:15px;font-weight:600;margin:0 0 7px;color:#215a54}.welcome-banner p{font-size:11px;color:#66918a;margin:0;line-height:1.6}.welcome-badge{background:#d7ece5;border-radius:8px;font-size:27px;padding:12px 16px;color:#2b8a73}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.kpi{background:white;border:1px solid var(--border);border-radius:9px;padding:20px}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7a8b98}.kpi-icon{display:grid;place-items:center;width:31px;height:31px;background:#edf3f8;border-radius:7px;color:#5885a3;font-size:17px}.kpi:nth-child(2) .kpi-icon{background:#e9f6ef;color:#24926c}.kpi:nth-child(3) .kpi-icon{background:#fff5e2;color:#c9963c}.kpi:nth-child(4) .kpi-icon{background:#fcf0ed;color:#c77b60}.kpi-value{font-size:32px;font-weight:650;letter-spacing:-1px;margin:9px 0;color:#1c374c}.kpi-foot{font-size:10px;color:#91a0aa}.kpi-foot strong{color:#31997f;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:23px;margin-bottom:23px}.card{background:white;border:1px solid var(--border);border-radius:9px;overflow:hidden}.card-head{padding:20px 22px;border-bottom:1px solid #eef2f5;display:flex;justify-content:space-between;align-items:center;gap:15px}.card-head h2{font-size:13px;margin:0;font-weight:650}.card-head p{font-size:10px;color:#8b9ba7;margin:5px 0 0}.card-body{padding:22px}.subtle-label{font-size:9px;color:#92a0ab}.bar-chart{display:flex;align-items:flex-end;gap:12px;height:200px;padding-top:10px;border-bottom:1px solid var(--border)}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-width:0}.bar-col .bar{width:65%;max-width:36px;min-height:3px;background:#80c4b7;border-radius:4px 4px 0 0}.bar-col:nth-last-child(2) .bar{background:#138e80}.bar-number{font-size:10px;color:#558173}.bar-label{font-size:9px;color:#8396a3;height:19px;white-space:nowrap}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:25px;padding:15px 0}.donut{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut-hole{width:108px;height:108px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-hole b{font-size:28px;color:#264b59}.donut-hole small{color:#8d9ca7;font-size:9px}.legend{display:grid;gap:13px;min-width:100px}.legend-row{display:flex;gap:7px;align-items:center;font-size:10px;color:#738795}.legend-row strong{margin-left:auto;color:#425e6d}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.progress-list{display:grid;gap:17px}.progress-item>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:7px}.progress-item strong{font-weight:500;color:#6f8795}.progress-track{height:6px;background:#edf3f5;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:#42a897;border-radius:5px}.progress-caption{margin-top:18px;font-size:10px;color:#8c9daa}.status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;padding:5px 8px;border-radius:5px;background:#edf3f7;color:#668295}.status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.status.aprobado{background:#eaf6f0;color:#31886c}.status.observado{background:#fff0e9;color:#b9794e}.status.en_revision{background:#fff7e3;color:#b38b35}.status.archivado{background:#eeecf8;color:#7e73a0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}thead{background:#fafbfd;color:#83919e;text-align:left}th{font-weight:550;padding:12px 18px;white-space:nowrap;font-size:10px}td{padding:15px 18px;border-top:1px solid #eff2f5;color:#587080;vertical-align:middle}td strong{font-weight:550;color:#304d61}td small{display:block;font-size:10px;color:#94a1ac;margin-top:5px;max-width:300px}tr:hover td{background:#fcfefe}.doc-cell{display:flex;align-items:center;gap:11px;min-width:180px}.doc-icon{width:28px;height:33px;display:grid;place-items:center;background:#eff4f7;border:1px solid #e4ebef;border-radius:4px;color:#7c9bab;font-size:9px;flex-shrink:0}.table-actions{display:flex;gap:7px}.table-link{background:none;color:var(--teal);font-size:11px;padding:0;white-space:nowrap}.app-footer{display:flex;justify-content:space-between;margin:0 36px;padding:20px 0;border-top:1px solid var(--border);font-size:10px;color:#99a6b1}.filters{padding:18px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;background:white;border:1px solid var(--border);border-radius:9px;margin-bottom:20px}.filters label{font-size:10px;color:#83919d}.filters input,.filters select{font-size:12px;padding:9px 10px}.filter-actions{display:flex;gap:7px;align-items:flex-end}.filters .button{padding:8px 12px}.source-note{font-size:10px;color:#7a8d99;margin:13px 0;line-height:1.7}.notice{padding:12px 16px;border-radius:7px;background:#fff8e8;border:1px solid #f1e4c4;color:#8e722e;font-size:12px;line-height:1.6;margin:16px 0}.empty{text-align:center;padding:40px 20px;color:#899ba8;font-size:13px}.empty-symbol{display:block;font-size:30px;color:#b8c9d1;margin-bottom:12px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-top:1px solid var(--border);font-size:11px;color:#8b9da9}.pagination>div{display:flex;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px}.upload-area{border:1.5px dashed #a9cfc7;background:#f5faf8;border-radius:9px;padding:27px;text-align:center;margin-bottom:22px}.upload-area label{display:block;color:#2a7368;font-size:15px}.upload-area input{margin:18px auto 0;max-width:440px;font-size:12px;background:white}.upload-area p{font-size:11px;color:#899a9f;margin:8px 0 0}.upload-symbol{display:block;font-size:33px;margin-bottom:10px;color:#4b9d8f}progress{width:100%;accent-color:var(--teal);height:14px}.two-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.detail-list dt{font-size:10px;color:#8c9da8;margin-bottom:5px}.detail-list dd{margin:0;font-size:12px;color:#3f5a6c;overflow-wrap:anywhere}.timeline{display:grid;gap:15px;margin-top:18px}.timeline-item{padding:0 0 15px 18px;border-left:2px solid #d9eae6;font-size:12px;color:#486a76;line-height:1.6}.timeline-item p{margin:7px 0 0;white-space:pre-wrap}.timeline-item small{display:block;color:#92a0ab;margin-top:4px}.file-preview{width:100%;height:65vh;border:1px solid var(--border);background:#fff;border-radius:7px}.permission-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.permission-grid label{flex-direction:row;align-items:center;font-weight:400}.permission-grid input{width:15px}.audit-detail{max-width:360px;overflow-wrap:anywhere}.results-list{padding:0;list-style:none}.results-list li{padding:12px 0;border-bottom:1px solid var(--border);font-size:12px;color:#51726c}.results-list li.failed{color:#b75b4d}.loading{padding:80px;text-align:center;color:#718b99}.loading:before{content:"";display:block;border:3px solid #d5e8e3;border-top-color:var(--teal);width:25px;height:25px;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #d6e2e7;border-radius:12px;padding:0;width:min(800px,92vw);max-height:90vh;box-shadow:0 25px 100px #102d4226;color:#304c5e}dialog::backdrop{background:#102d4270;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid var(--border);position:sticky;top:0;background:white;z-index:2}.dialog-header h2{font-size:17px;margin:0}#modal-content{padding:23px}#toast{position:fixed;bottom:24px;right:24px;z-index:100;max-width:420px;background:#153f43;color:white;border-radius:8px;box-shadow:0 8px 25px #102d4220;padding:15px 22px;font-size:13px}#toast.bad{background:#973f43}.report-summary{font-size:13px;line-height:1.8;color:#5e7684}.mobile-only{display:none}@media(min-width:1500px){main{padding:40px 50px}.topbar{padding:0 50px}.dashboard-grid{grid-template-columns:1.6fr 1fr}}@media(max-width:1200px){.sidebar{width:210px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:26px 24px}.topbar{padding:0 24px}.kpi-grid{gap:12px}.kpi{padding:16px}.donut-wrap{gap:15px}.donut{width:116px;height:116px}.donut-hole{width:86px;height:86px}.filters{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1.3fr 1fr}}@media(max-width:950px){.dashboard-grid,.two-columns{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.breadcrumb{display:none}.topbar-right{margin-left:auto}.login-story{padding:35px}.story-content h1{font-size:42px}.filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:236px}.sidebar.open{transform:translateX(0);box-shadow:15px 0 50px #102d4240}.workspace{margin:0;width:100%}#menu-toggle{display:block}.topbar{height:66px;padding:0 15px}.mode-label{display:none}main{padding:23px 16px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.welcome-banner{padding:17px}.welcome-badge{display:none}.kpi-grid{gap:10px}.kpi{padding:14px}.kpi-top{font-size:10px}.kpi-value{font-size:27px}.dashboard-grid{gap:17px}.filters{padding:13px;gap:10px}.form-grid{grid-template-columns:1fr}.app-footer{margin:0 16px;gap:20px;font-size:9px}.account strong{max-width:145px}.login-layout{grid-template-columns:1fr}.login-story{padding:25px}.story-content{padding:32px 0 5px}.story-content h1{font-size:32px;letter-spacing:-1px;margin:15px 0}.story-content h1 br:nth-of-type(2){display:none}.story-content p,.story-line,.story-foot,.story-bottom{display:none}.story-content .eyebrow{font-size:8px}.login-form-wrap{padding:35px 25px}.login-form-inner h2{font-size:25px}.date-tag{display:none}.card-head{padding:17px}.card-body{padding:17px}.detail-list{grid-template-columns:1fr}.donut-wrap{justify-content:space-around}#toast{left:16px;right:16px;bottom:16px}dialog{max-height:93vh}th,td{padding:12px}.bar-chart{gap:7px}.source-note{font-size:9px}}

.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}.card,.dashboard-grid>*{min-width:0}