:root{--ink:#27233c;--navy:#201b38;--purple:#7653cb;--lila:#a78bfa;--muted:#77748b;--border:#e7e3f0;--bg:#faf9fd;--white:#fff;--green:#127963;--red:#aa354a;--radius:15px}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:26px;letter-spacing:-.7px;line-height:1.2;margin:6px 0 10px}h2{font-size:17px;margin:0 0 12px}h3{font-size:14px;margin:6px 0 8px}p{margin:5px 0 12px}.top{display:flex;align-items:center;gap:28px;min-height:72px;padding:12px max(24px,calc((100vw - 1240px)/2));background:var(--navy);color:white}.top a{color:#ded8ed}.brand{display:flex;align-items:center;gap:11px;min-width:218px}.brand .logo{background:#a78bfa;color:#201b38;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-weight:800;font-size:23px}.brand b{display:block;letter-spacing:1.7px;font-size:11px}.brand small{display:block;color:#c7c0d8;font-size:11px}.topnav{display:flex;align-items:center;gap:20px;flex:1;flex-wrap:wrap;font-size:13px}.account{display:flex;gap:14px;align-items:center;text-align:right}.account span{font-size:12px;font-weight:650;white-space:nowrap}.account small{display:block;color:#c8c1dc;font-size:10px;font-weight:400}.wrap{max-width:1240px;margin:0 auto;padding:37px 25px 75px;min-height:70vh}.footer{text-align:center;color:var(--muted);font-size:11px;padding:22px}.heading,.row-between,.sectionheading{display:flex;justify-content:space-between;align-items:center;gap:12px}.heading{margin-bottom:25px}.sectionheading{margin:28px 0 13px}.sectionheading h2{margin:0}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:10px;color:#6f4aba;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.metricgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric,.card,.requestcard{border:1px solid var(--border);background:#fff;border-radius:var(--radius);box-shadow:0 6px 24px rgba(32,27,56,.035)}.metric{padding:21px}.metric span,.metric small{display:block;font-size:11px;color:var(--muted)}.metric strong{font-size:31px;display:block;margin:3px 0;font-weight:750;color:#4f35a2}.card{padding:24px}.requestcard{display:block;padding:19px;color:var(--ink);transition:transform .1s}.requestcard:hover{text-decoration:none;transform:translateY(-2px);border-color:#c8b4ed}.requestcard h3{margin:17px 0 6px;font-size:16px}.requestcard p{color:var(--muted);font-size:12px;min-height:33px}.smalltext{color:#827c90;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tag,.pill{display:inline-block;padding:4px 9px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.tag.pendiente,.pill.warn{color:#916516;background:#fff3d9}.tag.autorizado,.pill.good{color:#197561;background:#dff7ee}.tag.ajustes{color:#7a50b5;background:#f0e9fd}.tag.rechazado{color:#a83744;background:#fce8e9}.callout{margin:20px 0;background:#eee9f9;padding:13px 18px;border-radius:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.callout a{margin-left:auto}.pagegrid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(255px,1fr);gap:18px;align-items:start}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stack{display:flex;flex-direction:column;gap:13px}.stack.tight{gap:6px}.stack>.card{margin-bottom:0}.aside{background:#fefeff}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}input,textarea,select{font:inherit;width:100%;padding:11px 12px;border:1px solid #d9d3e4;border-radius:9px;background:white;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid #ac92e5;outline-offset:1px}button,.btn{border:1px solid #d4c9e7;appearance:none;cursor:pointer;background:#fff;color:var(--ink);padding:11px 15px;font:inherit;border-radius:9px;font-weight:750;display:inline-block;text-align:center}button:hover,.btn:hover{filter:brightness(.95);text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:#7152b8;border-color:#7152b8;color:white}.approve{background:#14775b;border-color:#14775b;color:white}.danger{background:#fff0f0;border-color:#f0c6ca;color:#aa354a}.outline{background:white;color:#7653cb;border-color:#b69de7}.small{font-size:11px;padding:7px 10px}.subtle{color:#746b8d;background:#f8f6fc}.top .subtle{background:#38324e;color:white;border-color:#58516c}.auth{max-width:440px;margin:55px auto;text-align:center;padding:36px}.auth label{text-align:left}.authicon{margin:0 auto 16px;background:#e8dcff;color:#5c3ab0;width:54px;height:54px;display:grid;place-items:center;border-radius:17px;font-size:26px}.auth h1{font-size:23px}.crumb{font-size:11px;margin:-13px 0 22px;color:var(--muted)}.empty{text-align:center;padding:33px}.emptyicon{font-size:29px;color:var(--green)}.materiallist{display:grid;gap:10px}.material{border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center}.materialicon{background:#eee9f9;border-radius:9px;width:36px;height:36px;display:grid;place-items:center;color:#7550ba;font-size:17px}.grow{flex:1;min-width:0}.material b,.material small{display:block;overflow-wrap:anywhere}.material small{color:var(--muted);font-size:11px}.actioncard{border:1px solid #dac7f9;background:#fdfbff}.decisionbuttons{display:flex;gap:10px;flex-wrap:wrap}.timeline{display:flex;flex-direction:column;gap:12px}.logitem{border-left:2px solid #cab5ed;padding-left:12px}.logitem b,.logitem small{display:block}.logitem small{color:var(--muted)}dt{color:var(--muted);font-size:10px;margin-top:10px}dd{font-size:12px;font-weight:650;margin:3px 0}.alert{padding:14px 18px;border-radius:9px;margin-bottom:18px}.alert.ok{background:#e8f8f0;color:#146449}.alert.err{background:#fbe9e9;color:#9b3042}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:11px 9px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:11px;color:var(--muted);background:#faf9fc}.inlineform{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.inlineform input{width:auto;max-width:230px}.notice{background:#fff5df;border-radius:10px;padding:12px;margin-top:18px;color:#7e5b1b}.codewrap{background:#f5f2fa;border:1px solid var(--border);padding:12px;border-radius:9px;overflow-wrap:anywhere;font-size:11px}@media(max-width:940px){.top{flex-wrap:wrap;gap:12px}.topnav{order:3;flex-basis:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pagegrid{grid-template-columns:1fr}}@media(max-width:640px){.wrap{padding:22px 13px 50px}.metricgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards,.twocol{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}.account{margin-left:auto}.topnav{gap:12px}.card{padding:17px}.material{flex-wrap:wrap}}

/* Logo oficial Euphoria · v1.0.11: encuadre limpio y responsive */
.brand{gap:12px;min-width:230px}
.brand-logo-frame{display:flex;align-items:center;justify-content:center;width:122px;height:39px;background:#fff;border-radius:9px;padding:4px 9px;flex-shrink:0}
.brand-logo{display:block;width:100%;max-height:31px;object-fit:contain}
.brand-subtitle{color:#ded6ed;font-size:12px;letter-spacing:.1px;font-weight:600;white-space:nowrap}
.auth-brand{display:flex;align-items:center;justify-content:center;margin:0 auto 13px;width:188px;height:85px}
.auth-logo{width:100%;height:100%;object-fit:contain;display:block}
.auth .eyebrow{margin-top:0}
@media(max-width:640px){.brand{min-width:0;gap:9px}.brand-logo-frame{width:107px;height:36px}.brand-subtitle{font-size:10px;white-space:normal}.auth-brand{width:164px;height:73px}}