@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#152747;background:#f2f5ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):hover{transform:translateY(-2px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #55c9ff;outline-offset:3px}.centered{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 15%,#b9e6ff 0,transparent 32%),radial-gradient(circle at 90% 80%,#d8c6ff 0,transparent 35%),#eef3ff}.login-card{background:#fff;width:min(100%,440px);padding:38px;border-radius:24px;box-shadow:0 22px 70px #182b6c25;display:grid;gap:15px;border:1px solid #ffffffb8}.login-card>svg{color:#6653f5}.login-card h1{margin:0;font-size:29px}.login-card p{margin:0 0 10px;color:#66748d}.login-card label,.controls label{display:grid;gap:8px;font-size:13px;font-weight:700}.login-card input,.controls input,.controls select{width:100%;padding:13px 14px;border:1px solid #d6dff0;border-radius:12px;background:#fbfcff;color:#182747}.login-card button{background:linear-gradient(115deg,#6554ed,#318df6);color:#fff;border:0;border-radius:12px;padding:14px;font-weight:800}.login-card small,.muted{color:#6d7892}.error{color:#b52d45!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:262px;flex-shrink:0;background:linear-gradient(160deg,#132d67,#253d9b 55%,#5426a5);color:#fff;padding:28px 16px;display:flex;flex-direction:column;gap:30px;box-shadow:10px 0 40px #23347d13}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand>svg{color:#7fe8ff;filter:drop-shadow(0 2px 6px #45d7ff77)}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{color:#c9d8ff;font-size:12px;margin-top:5px}.sidebar nav{display:grid;gap:9px}.sidebar button{display:flex;align-items:center;gap:11px;background:transparent;color:#e8efff;border:1px solid transparent;padding:13px 14px;border-radius:12px;text-align:left;font-weight:700}.sidebar button.active,.sidebar button:hover{background:#ffffff25;border-color:#fff2;color:#fff;box-shadow:0 8px 18px #101c5a20}.sidebar button svg{color:#84e9ff}.sidebar-foot{margin-top:auto;display:grid;gap:10px;overflow-wrap:anywhere;font-size:12px;color:#cdd8f7;border-top:1px solid #ffffff33;padding-top:18px}.content{width:100%;max-width:1390px;padding:38px 38px 48px;margin:auto}.content header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:25px}.content h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.3px;margin:5px 0 7px;font-weight:800}.content header p{color:#66748d;margin:0}.eyebrow{color:#6554ed;text-transform:uppercase;font-size:12px;letter-spacing:1.5px;font-weight:800}.pill{display:flex;gap:8px;align-items:center;border:1px solid #b8e6d1;color:#157454;background:#e9fff5;border-radius:30px;padding:10px 14px;font-size:12px;font-weight:800;white-space:nowrap}.notice{padding:14px 17px;background:#fff8e9;border:1px solid #f1dba5;border-radius:12px;color:#72511c;font-size:14px;margin-bottom:20px}.card{background:#fff;border:1px solid #e5eaf8;border-radius:20px;padding:24px;box-shadow:0 8px 26px #182d7610}.content>section.card{margin-bottom:18px}.content>section.card:first-of-type{border-top:4px solid #6958f1}.card h2{font-size:19px;margin:0 0 13px;font-weight:800}.card p{line-height:1.55}.card button:not(.stepper button){display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f0f3ff;color:#3844a0;border:1px solid #dce2ff;border-radius:11px;padding:11px 13px;font-weight:800;font-size:13px}.card button:not(.stepper button):hover{background:#e2e9ff;box-shadow:0 6px 18px #5e64ca1a}.card button svg{flex-shrink:0}.controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat{display:grid;gap:11px;position:relative;overflow:hidden;min-height:155px;transition:transform .2s,box-shadow .2s}.stat:hover{transform:translateY(-4px);box-shadow:0 16px 34px #253b871b}.stat:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-55px;background:currentColor;opacity:.07}.stat svg{color:inherit;width:27px;height:27px}.stat span{color:#69748b;font-size:13px;font-weight:700}.stat strong{font-size:35px;letter-spacing:-1px}.stat:nth-child(1){color:#6a52e8;border-top:4px solid #6a52e8}.stat:nth-child(2){color:#0c9cae;border-top:4px solid #0cbdc8}.stat:nth-child(3){color:#e57d18;border-top:4px solid #ff9b3d}.stat:nth-child(4){color:#df448e;border-top:4px solid #f35aa5}.grade-list{display:grid;gap:11px;margin:22px 0}.grade{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid #e4e9f6;border-radius:13px;background:#fafbff}.stepper{display:flex;align-items:center;gap:16px}.stepper button{width:36px;height:36px;border-radius:10px;border:1px solid #cbd5ff;background:#eff2ff;color:#5944d6;font-size:20px;font-weight:800}.section-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.section{border:1px solid #dfe7fa;border-radius:14px;padding:17px 12px;display:grid;justify-items:center;gap:9px;background:linear-gradient(150deg,#fff,#f6f8ff);transition:transform .2s,box-shadow .2s}.section:hover{transform:translateY(-3px);box-shadow:0 9px 22px #4b66a21a}.section svg{color:#6554ed}.section small{color:#748396}.content footer{display:flex;gap:8px;align-items:center;margin-top:25px;color:#71809b;font-size:12px}.content [role=status]{display:flex;align-items:flex-start;gap:8px;font-weight:600}.content [role=status] svg{flex-shrink:0;margin-top:2px}@media(max-width:1000px){.sidebar{width:225px}.content{padding:30px 22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:100%;padding:17px;gap:15px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar-foot{display:flex;align-items:center;justify-content:space-between}.content{padding:24px 15px}.content header{display:block}.pill{width:max-content;margin-top:16px}.controls{grid-template-columns:1fr}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:18px}.stats{gap:10px}.stat{min-height:135px}.content h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.padron-panel h2{display:flex;align-items:center;gap:10px}.padron-panel h2 svg{color:#6654ef}.padron-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.upload-control{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(110deg,#5b52e8,#138bd3);color:#fff;border-radius:11px;padding:12px 16px;font-size:13px;font-weight:800;cursor:pointer}.upload-control input{position:absolute;width:1px;height:1px;opacity:0}.upload-control:focus-within{outline:3px solid #55c9ff;outline-offset:3px}.padron-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.padron-numbers>div{padding:18px;border-radius:15px;background:#f3f5ff;display:grid;gap:8px}.padron-numbers>div:nth-child(2){background:#e9fff5}.padron-numbers>div:nth-child(3){background:#fff0f4}.padron-numbers span{font-size:12px;color:#59657f}.padron-numbers strong{font-size:30px}.padron-sections{display:flex;gap:8px;flex-wrap:wrap}.padron-sections span{padding:9px 12px;background:#f3f5ff;border-radius:9px;font-size:13px}.padron-result li{margin:6px 0}@media(max-width:680px){.padron-numbers{grid-template-columns:1fr}}.lista-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:20px 0}.lista-form label{display:flex;flex-direction:column;gap:7px;font-weight:600}.lista-form input{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#172554}.lista-form input[type=color]{height:48px;padding:5px}.lista-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-top:18px}.lista-tarjeta{border:1px solid #dbeafe;border-radius:16px;padding:18px;background:linear-gradient(145deg,#fff,#f1f5ff);box-shadow:0 8px 25px #1e3a8a12}.lista-tarjeta strong{display:block;font-size:1.1rem}.lista-tarjeta small{display:block;color:#64748b;margin:6px 0}.lista-tarjeta p{overflow-wrap:anywhere}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.stat-card{padding:16px;border:1px solid #dce6fa;border-radius:16px;background:linear-gradient(145deg,#f1f6ff,#fff);display:flex;flex-direction:column;gap:6px}.stat-card span{color:#475569;font-size:.88rem}.stat-card strong{color:#2739a7;font-size:1.75rem}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.logo-preview,.lista-logo{width:90px;height:90px;object-fit:contain;background:#fff;border:2px solid #dbeafe;border-radius:16px;padding:8px;display:block}.lista-logo{width:100px;height:100px;margin-bottom:10px}.cedula-demo{margin:18px 0;padding:20px;border:2px dashed #f59e0b;border-radius:18px;background:#fffbeb;color:#78350f}.cedula-demo h3{margin:0 0 8px}.cedula-logo{width:120px;height:120px;display:grid;place-items:center;background:#fff;border-radius:18px;margin-bottom:12px}.cedula-logo img{max-width:110px;max-height:110px;object-fit:contain}.cedula-logo span{width:80px;height:80px;border-radius:50%}.mesa-demo-panel{overflow:hidden}.mesa-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mesa-head h2{display:flex;align-items:center;gap:.55rem}.mesa-eyebrow{font-size:.7rem;letter-spacing:.13em;font-weight:800;color:#5b4ad8}.mesa-tag{background:#fef3c7;color:#92400e;padding:.55rem .8rem;border-radius:99px;font-size:.72rem;font-weight:800}.mesa-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.mesa-toolbar label{min-width:220px;flex:1}.mesa-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mesa-stage{padding:1.25rem;border-radius:20px;border:1px solid #dbe4f6;background:linear-gradient(155deg,#fff,#f3f6ff);display:flex;flex-direction:column;gap:.8rem}.mesa-stage h3{font-size:1rem;margin:0}.mesa-stage p{font-size:.85rem;line-height:1.6;color:#536581;flex:1}.mesa-stage-icon{width:55px;height:55px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:grid;place-items:center}.mesa-stage:nth-child(2) .mesa-stage-icon{background:linear-gradient(135deg,#0d9488,#06b6d4)}.mesa-stage:nth-child(3) .mesa-stage-icon{background:linear-gradient(135deg,#f97316,#ec4899)}.mesa-status{font-size:.8rem;font-weight:700;color:#334155}.mesa-check{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.mesa-check input{width:auto}.mesa-warning{margin-top:1.25rem;display:flex;align-items:center;gap:.6rem;background:#fff7ed;color:#9a3412;padding:1rem;border-radius:14px;font-weight:700}@media(max-width:850px){.mesa-flow{grid-template-columns:1fr}.mesa-head{flex-wrap:wrap}}
