:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#102434;background:#f4f7fa;font-synthesis:none;--navy:#06213b;--blue:#0878b9;--muted:#687d8c;--line:#e0e8ef}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2db7e5;outline-offset:3px}.demo{background:#eaf7fc;color:#165574;font-size:12px;text-align:center;padding:10px 18px;border-bottom:1px solid #cce8f5}.shell{display:flex;min-height:calc(100vh - 36px)}aside{width:248px;background:var(--navy);color:white;padding:35px 24px;position:fixed;top:37px;bottom:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:750;letter-spacing:-.8px}.mark{background:#21a8db;color:white;border-radius:12px;width:43px;height:43px;text-align:center;font-size:34px}.dot{color:#42c8ed}small{display:block;font-size:11px;font-weight:400;letter-spacing:.4px;color:var(--muted);margin-top:7px}.brand small{color:#92b1c8;font-size:9px;letter-spacing:2px}.workspace{font-size:9px;letter-spacing:1.8px;color:#7796ae;margin:48px 0 15px}nav{display:grid;gap:8px}nav button{background:transparent;color:#b2c6d6;border:0;text-align:left;padding:14px;border-radius:8px;font-size:14px}nav button.active{background:#163f5d;color:white}nav button span{margin-right:12px;font-size:18px}.sidebottom{margin-top:auto;display:flex;gap:10px;align-items:center;font-size:12px;border-top:1px solid #244056;padding-top:22px}.sidebottom small{color:#8ba7bc}.avatar{background:#eaf7fc;color:#0878b9;border-radius:50%;padding:13px;font-size:12px;font-weight:700}main{margin-left:248px;padding:0 42px;width:calc(100% - 248px);max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;height:87px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}select,input,textarea{background:white;border:1px solid #ccdbe5;border-radius:8px;padding:11px;color:#102434;max-width:100%}.mode{font-size:11px;display:flex;gap:12px;align-items:center}.mode select{font-size:12px}.heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 25px;gap:15px}h1{font-size:30px;letter-spacing:-1px;margin:5px 0 9px}h2{font-size:18px;margin:0}h3{font-size:16px;margin:0 0 8px}p{line-height:1.6;color:var(--muted);font-size:13px;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--blue);font-weight:700}.pill,.badge{font-size:11px;padding:7px 10px;border-radius:6px;display:inline-block;background:#eef4f8;color:#536c7e}.pill{border-radius:20px;background:#e3f4ed;color:#22735c}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:white;padding:23px;border:1px solid var(--line);border-radius:12px}.stat strong{display:block;font-size:29px;margin:14px 0 8px;letter-spacing:-1px}.stat p{font-size:12px}.stat small{font-size:10px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:6px 0 18px}.linkbutton{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:600}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:15px}.cardtop{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.code{font-size:11px;color:var(--muted);letter-spacing:1px}.service{display:flex;align-items:center;gap:13px;margin-bottom:16px}.serviceicon{width:44px;height:44px;display:grid;place-items:center;background:#eaf7fc;border-radius:10px;color:var(--blue);font-size:24px}.meta{display:flex;gap:20px;margin:12px 0;color:#687d8c;font-size:12px;flex-wrap:wrap}.cardbottom{border-top:1px solid #edf2f6;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.money{font-size:17px;font-weight:650}.money small{font-size:10px}.btn{border:0;background:var(--blue);color:white;padding:12px 18px;border-radius:7px;font-size:12px;font-weight:600}.btn.secondary{background:#edf4f8;color:#245877}.btn.danger{background:#fff0eb;color:#a14b30}.badge.Pendiente{background:#fff4dc;color:#94701d}.badge.En-camino,.badge.En-atención{background:#e8f4fc;color:#147db1}.badge.Finalizado{background:#e4f4ed;color:#237357}.feature{background:var(--navy);color:white;border-radius:12px;padding:25px;margin-bottom:18px;position:relative;overflow:hidden}.feature p{color:#adc6d8;font-size:12px;margin:13px 0}.feature h2{font-size:23px;line-height:1.35}.feature .eyebrow{color:#62d2f2}.progress{height:6px;background:#315168;border-radius:10px;margin:21px 0 10px;overflow:hidden}.progress div{background:#46cce9;height:100%}.feature small{color:#b3cbdc}.note{padding:16px;background:#f0f7fb;border-radius:8px;font-size:12px;line-height:1.6;color:#426174;margin:16px 0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filters input{flex:1;min-width:180px}.empty{text-align:center;padding:40px;color:var(--muted)}footer{font-size:10px;color:#8aa0af;border-top:1px solid var(--line);margin-top:35px;padding:22px 0;display:flex;justify-content:space-between}.rows{display:grid;gap:0}.row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.row:last-child{border-bottom:0}.row p{font-size:12px}.total{font-size:36px;font-weight:700;margin:20px 0}dialog{border:0;border-radius:15px;padding:28px;max-width:570px;width:calc(100% - 28px);max-height:90vh;color:#102434;box-shadow:0 30px 100px #06213b55}dialog::backdrop{background:#06213b88;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px}.close{border:0;background:#edf4f8;border-radius:50%;width:32px;height:32px;font-size:20px}.form{display:grid;gap:14px}.form label{font-size:12px;display:grid;gap:7px}.form textarea{min-height:95px;resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.history{border-left:2px solid #d8eaf4;margin:18px 0;padding-left:15px}.history p{font-size:12px;margin:8px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#06213b;color:white;padding:14px 23px;border-radius:9px;font-size:13px;display:none;z-index:10}.help{font-size:12px;color:#687d8c}.error{color:#a13c2b;font-size:12px}.mobilehide{display:block}@media(min-width:1500px){main{padding-left:60px;padding-right:60px}}@media(max-width:1100px){aside{width:210px;padding:30px 18px}main{margin-left:210px;width:calc(100% - 210px);padding:0 25px}.layout{grid-template-columns:1fr}.asidecards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats{gap:10px}.stat{padding:16px}}@media(max-width:700px){.demo{font-size:10px;line-height:1.5}aside{position:fixed;top:auto;bottom:0;width:100%;height:69px;padding:6px 8px;z-index:5;border-top:1px solid #284259}aside .brand,.workspace,.sidebottom{display:none}nav{display:flex;justify-content:space-around;gap:0}nav button{font-size:10px;padding:6px 10px;text-align:center}nav button span{display:block;margin:0 0 3px;font-size:18px}main{margin:0;width:100%;padding:0 18px 75px}header{height:70px}.mode{font-size:0;gap:0}.mode select{font-size:11px;padding:9px}.heading{margin-top:24px}h1{font-size:26px}.stats{grid-template-columns:1fr 1fr;margin-bottom:24px}.stat strong{font-size:25px}.stat{padding:16px}.heading .pill{font-size:10px}.card{padding:18px}.asidecards{display:block}.cardbottom{flex-wrap:wrap}footer{line-height:1.6;gap:15px}.layout{gap:18px}.meta{gap:12px}.total{font-size:30px}}

.brand-logo{display:block;object-fit:contain;border-radius:11px;flex-shrink:0}.mobile-brand{display:none}@media(max-width:700px){.mobile-brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:16px;letter-spacing:-.5px}.mobile-brand small{font-size:9px;letter-spacing:2px;color:#0878b9;margin-top:4px}header #breadcrumb{display:none}}

[hidden]{display:none!important}header{gap:12px;flex-wrap:wrap;min-height:87px;height:auto;padding:16px 0}header>.btn{font-size:11px}.form button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){header{gap:10px}.mobile-brand{margin-right:auto}header>.btn{padding:10px}.mode{order:3;width:100%;justify-content:flex-end}}