@font-face{font-family:Georgia;src:local("Georgia")}:root{--tinta: #1b1e22;--carbon: #33383f;--pizarra: #5b6470;--acero: #8b93a1;--niebla: #ccd0d6;--bruma: #e7e9ec;--papel: #f5f6f7;--blanco: #ffffff;--bg: var(--papel);--panel: var(--blanco);--border: var(--niebla);--text: var(--tinta);--muted: var(--pizarra);--danger: #8a2f28;--font-display: Georgia, "Times New Roman", serif;--font-body: Arial, Helvetica, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;min-height:100dvh}.topbar,.sidebar-backdrop{display:none}.sidebar{background:var(--tinta);color:var(--blanco);display:flex;flex-direction:column;padding:28px 20px;padding-top:calc(28px + env(safe-area-inset-top));padding-left:calc(20px + env(safe-area-inset-left))}.sidebar .brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:36px}.sidebar .brand img{height:42px;width:auto}.sidebar .brand .eyebrow{font-family:var(--font-body);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--acero)}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{padding:10px 12px;border-radius:6px;text-decoration:none;color:#ffffffbf;font-size:14px;border-left:2px solid transparent}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff0f;color:var(--blanco);border-left-color:var(--acero)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;border-radius:6px;border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:14px;text-align:left;color:#ffffffbf}.nav-group-toggle:hover{background:#ffffff0f;color:var(--blanco)}.nav-group-chevron{flex-shrink:0;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .16s ease}.nav-group-chevron.open{transform:rotate(45deg)}.nav-submenu{display:flex;flex-direction:column;gap:2px}.nav-submenu a{padding-left:22px;font-size:13px}.sidebar-footer{display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}.user-name{font-size:13px;color:#fff9;text-align:center}.sidebar-footer a{text-decoration:none;color:#ffffffbf;font-size:13px;text-align:center;padding:4px 0}.sidebar-footer a.active,.sidebar-footer a:hover{color:var(--blanco)}.sidebar-footer button{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--blanco);padding:8px 12px;border-radius:6px;cursor:pointer;font-family:var(--font-body);font-size:13px}.sidebar-footer button:hover{background:#ffffff1a}.content{padding:40px 48px;min-width:0;max-width:960px;width:100%;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:6px}.month-filter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.month-filter button{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-family:var(--font-body);font-size:12px;cursor:pointer;white-space:nowrap}.month-filter button:hover{border-color:var(--acero);color:var(--text)}.month-filter button.active{background:var(--tinta);border-color:var(--tinta);color:var(--blanco)}.month-filter select{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-family:var(--font-body);font-size:12px;cursor:pointer}h1{font-family:var(--font-display);font-weight:400;font-size:28px;margin:0;color:var(--tinta)}.page-sub{margin:0 0 24px;font-size:14px;color:var(--muted)}.loading,.empty{color:var(--muted);font-size:14px}.error{color:var(--danger);font-size:13px}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--border);font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}th{background:var(--bruma);color:var(--pizarra);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-family:var(--font-body)}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--papel)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.03em}.badge-iva-borrador{background:var(--bruma);color:var(--pizarra)}.badge-iva-presentado{background:#f5ecd9;color:#8a651e}.badge-iva-pagado{background:#e4efe7;color:#2f6b46}.iva-saldo-pagar{color:var(--danger);font-weight:600}.iva-saldo-favor{color:#2f6b46;font-weight:600}.iva-latest{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:24px 26px;margin-bottom:24px;display:flex;flex-direction:column;gap:6px}.iva-latest-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pizarra)}.iva-latest-value{font-family:var(--font-display);font-size:40px;color:var(--tinta);font-variant-numeric:tabular-nums}.iva-latest-sub{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--tinta);padding:24px}.login-card{background:var(--panel);border-radius:12px;padding:40px 36px;width:340px;max-width:100%;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 60px -20px #00000080}.login-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px}.login-logo img{height:42px;width:auto}.login-logo .eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--pizarra)}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra)}.login-card input{font-family:var(--font-body);font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--papel)}.login-card input:focus{outline:2px solid var(--acero);outline-offset:1px}.login-card button{margin-top:4px;background:var(--tinta);color:var(--blanco);border:none;padding:11px 18px;border-radius:6px;cursor:pointer;font-size:14px;font-family:var(--font-body);letter-spacing:.03em}.login-card button:hover{background:var(--carbon)}.login-card button:disabled{opacity:.6;cursor:default}.login-hint{margin:0;font-size:12px;color:var(--acero);text-align:center}.account-summary{display:flex;flex-wrap:wrap;gap:24px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px 22px;margin-bottom:24px}.account-summary-label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pizarra);margin-bottom:4px}.account-summary-value{font-size:15px;color:var(--tinta)}.account-password-form{max-width:360px;display:flex;flex-direction:column;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px 22px}.account-password-form h2{font-family:var(--font-display);font-weight:400;font-size:18px;margin:0;color:var(--tinta)}.account-password-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra)}.account-password-form input{font-family:var(--font-body);font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--papel)}.account-password-form button{align-self:flex-start;background:var(--tinta);color:var(--blanco);border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px;font-family:var(--font-body)}.account-password-form button:hover{background:var(--carbon)}.account-password-form button:disabled{opacity:.6;cursor:default}.account-password-ok{margin:0;font-size:13px;color:#2f6b46}@media (max-width: 768px){.layout{display:block}.topbar{display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:30;background:var(--tinta);padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.menu-toggle{width:34px;height:34px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:0}.menu-toggle span{display:block;width:20px;height:2px;background:var(--blanco);border-radius:2px}.topbar-logo{height:24px;width:auto}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:39}.sidebar{position:fixed;top:0;bottom:0;left:0;width:82vw;max-width:300px;z-index:40;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #00000059}.layout.sidebar-open .sidebar{transform:translate(0)}.sidebar .brand{margin-bottom:24px}.content{padding:20px 16px calc(32px + env(safe-area-inset-bottom))}}@media (max-width: 640px){table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{border-bottom:1px solid var(--border);padding:12px 16px}tbody tr:last-child{border-bottom:none}td{border-bottom:none;padding:4px 0;white-space:normal;display:flex;justify-content:space-between;gap:12px}td:before{content:attr(data-label);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--pizarra)}.iva-latest-value{font-size:32px}}