@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,sans-serif;color:#eaf3fb;background:#06111f;font-synthesis:none;--navy:#06182c;--panel:#0b2037;--panel2:#102a45;--cyan:#21c7e8;--silver:#a9bac9;--line:#25445f;--danger:#ff7b7b;--success:#60d8a0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% -20%,#163b5e 0,transparent 40%),#06111f}button,input,select{font:inherit}button{cursor:pointer}.loading,.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px));padding:40px;border:1px solid var(--line);background:linear-gradient(145deg,#102a45f5,#06182cfa);box-shadow:0 30px 80px #0008}.brand-mark,.brand>span{display:grid;place-items:center;width:48px;height:48px;background:var(--cyan);color:var(--navy);font-family:Fraunces;font-weight:700;border-radius:12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--cyan);font-weight:700;margin:20px 0 8px}h1,h2{font-family:Fraunces,serif;margin:0;line-height:1.04}h1{font-size:clamp(32px,5vw,54px)}h2{font-size:24px}.muted{color:var(--silver)}label{display:grid;gap:8px;color:#c9d6e1;font-size:13px;font-weight:600}.login-card form{display:grid;gap:18px;margin-top:28px}input,select{background:#07192b;border:1px solid #34536d;color:#fff;border-radius:8px;min-height:44px;padding:10px 12px;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #21c7e822}.primary,.secondary{border-radius:8px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primary{border:1px solid var(--cyan);background:var(--cyan);color:#03121f}.secondary{border:1px solid var(--line);background:#0d263f;color:#d8e6f1}.primary:hover{filter:brightness(1.08)}.security{display:flex;gap:8px;color:var(--silver);font-size:12px;margin:28px 0 0}.error{color:#ffd1d1;background:#5a1f2d;padding:10px;border-radius:7px}.banner{margin:0 0 18px}header{min-height:72px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:36px;background:#06182cec;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand>span{width:38px;height:38px;border-radius:9px}.brand strong,.brand small,.user span,.user small{display:block}.brand small,.user small{color:var(--silver);font-size:11px;margin-top:3px}.brand strong{font-family:Fraunces;font-size:20px}nav{display:flex;align-self:stretch}nav button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--silver);padding:0 18px;font-weight:600}nav button.active{color:#fff;border-color:var(--cyan)}nav b{background:#173956;padding:2px 6px;border-radius:10px;margin-left:4px}.user{margin-left:auto;display:flex;align-items:center;gap:12px;text-align:right;font-size:12px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:#0b2037;color:#dbe9f5;border-radius:8px}.icon-button svg,.primary svg,.secondary svg{width:17px}.workspace{padding:52px clamp(18px,4vw,64px);max-width:1600px;margin:auto}.title-row{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.title-row .eyebrow{margin-top:0}.title-row .muted{margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article{border:1px solid var(--line);background:linear-gradient(135deg,#0d263f,#091b2f);padding:20px;min-height:130px;display:grid;grid-template-columns:1fr auto;align-items:start}.stats svg{color:var(--cyan)}.stats span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--silver);grid-column:1}.stats strong{font-family:Fraunces;font-size:28px;grid-column:1/3;align-self:end}.panel{border:1px solid var(--line);background:#091b2f;box-shadow:0 20px 50px #0003}.toolbar{display:flex;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--line)}.toolbar>div{display:flex;gap:8px}.search{position:relative;width:min(440px,100%)}.search svg{position:absolute;left:12px;top:12px;width:18px;color:var(--silver)}.search input{padding-left:40px;width:100%}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1050px}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--silver);background:#0c233b}th,td{padding:14px 16px;border-bottom:1px solid #1d3951}td{font-size:13px;color:#cbd8e3}td strong,td small{display:block}td small{color:var(--silver);margin-top:5px}.number{text-align:right}.status{min-height:30px;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:700}.status.validada{color:#9df0c8;border-color:#337d61}.status.revisar,.status.pendiente_rectificacion{color:#ffe099;border-color:#8c6f2d}.status.excluida{color:#ffb4b4;border-color:#7a4242}.link{border:0;background:transparent;color:var(--cyan);font-weight:700;padding:6px 0}.table-foot{padding:0 16px;color:var(--silver);font-size:12px}.pending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pending-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d263f,#081a2e);padding:24px;min-height:260px;display:flex;flex-direction:column;align-items:flex-start}.pending-card>div{display:flex;align-items:center;gap:8px}.pending-card .eyebrow{margin:0}.dot{width:7px;height:7px;border-radius:50%;background:#f1bc55}.pending-card h2{margin:24px 0 12px}.pending-card>strong{color:var(--cyan);font-size:20px}.pending-card small{color:var(--silver);line-height:1.5;margin-bottom:18px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 32px;color:var(--silver);font-size:11px}footer span{display:flex;align-items:center;gap:7px}footer svg{width:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#020a12cc;display:grid;place-items:center;padding:20px;overflow:auto}.modal{position:relative;width:min(760px,100%);padding:32px;background:#0b2037;border:1px solid #416480;box-shadow:0 30px 90px #000b}.close{position:absolute;right:20px;top:20px}.invoice-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}.file-field{grid-column:1/3}.file-field input{position:absolute;opacity:0;pointer-events:none}.file-field span{border:1px dashed #4b6c86;min-height:58px;display:flex;align-items:center;gap:10px;padding:14px;border-radius:8px;color:var(--cyan)}.invoice-form .error,.form-actions{grid-column:1/3}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}@media(max-width:900px){header{padding:12px 18px;flex-wrap:wrap;gap:10px}.brand{min-width:auto}.brand small,.user span{display:none}nav{order:3;width:100%;height:44px}nav button{flex:1}.workspace{padding-top:34px}.stats,.pending-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.title-row{align-items:start;flex-direction:column}.title-row .primary{width:100%}.stats{grid-template-columns:1fr}.stats article{min-height:105px}.toolbar{flex-direction:column}.toolbar>div,.toolbar .secondary{flex:1}.pending-grid,.invoice-form{grid-template-columns:1fr}.file-field,.invoice-form .error,.form-actions{grid-column:1}.modal{padding:24px 18px}.user{margin-left:auto}footer{flex-direction:column;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}