:root{color:#16363d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#16363d;--forest:#114c59;--sage:#6e8f7c;--cream:#f4f1e8;--paper:#fffdf7;--gold:#d8b050;--red:#bd4d3b;--line:#d9d5c9;background:#f4f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d8b050}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:.4rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,8vw,4rem);line-height:.95}h2{margin-bottom:.4rem;font-family:Georgia,Times New Roman,serif;font-size:1.45rem}.eyebrow{color:#61736d;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.72rem;font-weight:800}.muted{color:#61736d;line-height:1.55}.app-shell{min-height:100vh;padding-bottom:5.4rem}.app-header{z-index:20;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#114c59f7;justify-content:space-between;align-items:center;min-height:70px;padding:.8rem max(1rem,50vw - 560px);display:flex;position:sticky;top:0}.app-header strong{letter-spacing:.08em;font-family:Georgia,serif;font-size:1.45rem}.app-header .eyebrow{color:#c8d5cf}.header-actions{align-items:center;gap:.55rem;display:flex}.connectivity{border-radius:999px;padding:.25rem .55rem;font-size:.7rem;font-weight:750;display:none}.connectivity.online{color:#d8f2e3;background:#255c4e}.connectivity.offline{color:#fff0c4;background:#8a5c22}.currency-toggle{border:1px solid #53726a;border-radius:999px;padding:2px;display:flex}.currency-toggle button{color:#fff;background:0 0;border:0;border-radius:999px;width:2.25rem;padding:.3rem}.currency-toggle button.active{color:var(--forest);background:var(--gold);font-weight:800}.bottom-nav{z-index:25;padding:.45rem max(.75rem, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7f7;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#61736d;background:0 0;border:0;border-radius:.8rem;place-items:center;gap:.1rem;min-height:55px;font-size:.72rem;font-weight:700;display:grid}.bottom-nav button span{font-size:1.35rem}.bottom-nav button.active{color:var(--forest);background:#e4e9df}.page-content{width:min(1120px,100% - 2rem);margin:0 auto;padding:2.2rem 0}.page-heading,.section-heading,.customer-title,.customer-metrics,.record-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-heading{align-items:flex-end;margin-bottom:1.6rem}.period-select{color:#61736d;text-transform:uppercase;gap:.25rem;font-size:.72rem;font-weight:750;display:grid}select,input,textarea{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #c7c4ba;border-radius:.65rem;padding:.68rem .75rem}textarea{resize:vertical;min-height:88px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.kpi-card{border:1px solid var(--line);text-align:left;min-height:145px;color:var(--ink);background:var(--paper);border-radius:1rem;padding:1rem;box-shadow:0 10px 30px #242b270d}.kpi-card span,.kpi-card small{color:#61736d;display:block}.kpi-card strong{margin:.9rem 0 .5rem;font-family:Georgia,serif;font-size:clamp(1.4rem,5vw,2rem);display:block}.kpi-card.danger{background:#fff6f3;border-color:#d8a29a}.kpi-card.danger small{color:var(--red);font-weight:800}.panel{border:1px solid var(--line);background:var(--paper);border-radius:1rem;margin-top:1rem;padding:1.1rem}.chart-panel{margin-top:1.4rem}.bar-chart{align-items:flex-end;gap:.65rem;height:230px;padding-top:1rem;display:flex}.bar-column{text-align:center;color:#61736d;flex:1;grid-template-rows:1fr auto;align-items:end;gap:.4rem;height:100%;font-size:.7rem;display:grid}.bar{background:linear-gradient(180deg, var(--gold), #b8752d);border-radius:.45rem .45rem .1rem .1rem;min-height:4px}.alert{border-radius:.75rem;padding:.8rem 1rem;line-height:1.4}.alert p{margin-bottom:.5rem}.alert.error{color:#7f2d24;background:#fbe3de}.alert.warning{color:#705022;background:#fff0c9}.alert.success{color:#245342;background:#dff2e7}.loading{color:#61736d;justify-content:center;align-items:center;gap:.7rem;min-height:160px;display:flex}.spinner{border:3px solid #ccd7d2;border-top-color:var(--forest);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{color:#61736d;text-align:center;padding:2rem 1rem}.customer-list{gap:.75rem;display:grid}.customer-card{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:var(--paper);border-radius:1rem;padding:1rem}.traffic{color:#40524c;background:#e2e8e3;border-radius:999px;padding:.28rem .55rem;font-size:.68rem;font-weight:800}.traffic.rojo,.traffic.vencido{color:#8a3026;background:#f6ded9}.traffic.amarillo{color:#75541c;background:#f8e9c1}.traffic.verde,.traffic.al_dia{color:#245342;background:#dff2e7}.stacked-bar{background:#e5e0d5;border-radius:999px;height:12px;margin:1.15rem 0 .7rem;position:relative;overflow:hidden}.stacked-bar span{border-radius:inherit;position:absolute;inset:0 auto 0 0}.stacked-bar .ordered{background:#ded5c2}.stacked-bar .invoiced{background:var(--gold)}.stacked-bar .paid{background:var(--sage)}.customer-metrics{color:#61736d;font-size:.72rem}.customer-metrics span{gap:.2rem;display:grid}.customer-metrics b{color:var(--ink);font-size:.9rem}.back-link{color:#2f6659;background:0 0;border:0;margin-bottom:1rem;padding:0;font-weight:800}.hero-amount{color:var(--forest);font-family:Georgia,serif;font-size:clamp(1.3rem,5vw,2rem)}.aging-bar{background:#ddd9cf;border-radius:999px;min-width:100%;height:18px;display:flex;overflow:hidden}.aging-segment{min-width:0;transition:width .3s}.bucket-vigente{background:#6e9f88}.bucket-1-30{background:#d7a74f}.bucket-plus30{background:#bd4d3b}.aging-legend{color:#61736d;gap:.45rem;margin:1rem 0;font-size:.78rem;display:grid}.aging-legend span{align-items:center;gap:.45rem;display:flex}.aging-legend i{border-radius:50%;width:10px;height:10px}.invoice-list{gap:.55rem;display:grid}.invoice-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.invoice-row>div{gap:.3rem;display:grid}.invoice-row>div:last-child{text-align:right;justify-items:end}.invoice-row span{color:#61736d;font-size:.78rem}.status-badge{border-radius:999px;padding:.25rem .5rem;font-weight:800}.status-badge.ok{color:#245342;background:#dff2e7}.status-badge.late{color:#8a3026;background:#f6ded9}.customer-cxc{border:1px solid var(--line);background:var(--paper);border-radius:1rem;margin-bottom:1rem;padding:1rem}.timeline{margin:1rem 0 0;padding:0;list-style:none}.timeline li{border-left:2px solid #c9d4cf;grid-template-columns:90px 1fr;gap:.2rem 1rem;padding:0 0 1.2rem 1.3rem;display:grid;position:relative}.timeline li:before{background:var(--gold);content:"";border-radius:50%;width:10px;height:10px;position:absolute;top:.2rem;left:-6px}.timeline time{color:#61736d;grid-row:span 2;font-size:.75rem}.timeline span{color:#61736d;font-size:.8rem}.resource-tabs{scrollbar-width:thin;gap:.4rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.resource-tabs button{border:1px solid var(--line);color:#61736d;background:var(--paper);border-radius:999px;flex:none;padding:.55rem .8rem}.resource-tabs button.active{color:#fff;border-color:var(--forest);background:var(--forest)}.data-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.data-form label{color:#53655f;gap:.3rem;font-size:.78rem;font-weight:750;display:grid}.data-form .wide-field,.data-form .alert,.data-form button[type=submit]{grid-column:1/-1}.checkbox-field{align-self:end;align-items:center;min-height:44px;display:flex!important}.checkbox-field input{width:20px;min-height:20px}.rate-note{border-left:3px solid var(--gold);color:#61736d;padding-left:.7rem;font-size:.85rem}.record-list{display:grid}.record-row{border-bottom:1px solid var(--line);padding:.8rem 0}.record-row>div:first-child{gap:.2rem;display:grid}.record-row span{color:#61736d;font-size:.75rem}.record-row>div:last-child{gap:.35rem;display:flex}.primary,.ghost,.danger-button{border-radius:.7rem;min-height:44px;padding:.7rem 1rem;font-weight:800}.primary{border:1px solid var(--forest);color:#fff;background:var(--forest)}.primary:disabled{opacity:.55;cursor:wait}.ghost{color:#36554c;background:0 0;border:1px solid #aebbb6}.app-header .ghost{color:#fff;border-color:#53726a}.danger-button{color:#963a2d;background:#fff5f3;border:1px solid #d39a92}.compact{min-height:34px;padding:.35rem .6rem;font-size:.75rem}.login-shell,.center-screen{background:radial-gradient(circle at 100% 0,#d8b050 0,#0000 30%),linear-gradient(145deg,#114c59 0 45%,#1e6e80 100%);place-items:center;min-height:100vh;padding:1.2rem;display:grid}.login-card{background:var(--paper);border:1px solid #ffffff40;border-radius:1.5rem;width:min(100%,470px);padding:clamp(1.4rem,6vw,2.5rem);box-shadow:0 30px 70px #00000038}.brand-logo{width:min(250px,72%);height:auto;margin-bottom:1.6rem;display:block}.brand-mark{color:#fff;background:var(--forest);letter-spacing:.08em;border-radius:.7rem;place-items:center;width:58px;height:58px;margin-bottom:2rem;font-family:Georgia,serif;font-weight:900;display:grid}.form-stack{gap:1rem;margin-top:1.5rem;display:grid}.form-stack label{color:#53655f;gap:.35rem;font-size:.8rem;font-weight:750;display:grid}.center-screen{color:#fff;align-content:center}.center-screen .alert{color:#7f2d24}.count-badge{color:#fff;background:var(--forest);border-radius:50%;place-items:center;min-width:44px;height:44px;font-weight:800;display:grid}@media (min-width:720px){.connectivity{display:inline}.kpi-grid{grid-template-columns:repeat(4,1fr)}.customer-list{grid-template-columns:repeat(2,1fr)}.aging-legend{grid-template-columns:repeat(3,1fr)}.data-form{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav{border:1px solid var(--line);border-radius:1rem;flex-direction:column;width:82px;padding:.45rem;display:flex;inset:86px auto auto max(1rem,50vw - 640px)}.bottom-nav button{width:70px}.page-content{padding-left:96px}.app-shell{padding-bottom:0}}@media (max-width:480px){.app-header{padding:.7rem .8rem}.header-actions{gap:.3rem}.app-header .ghost{font-size:0}.app-header .ghost:after{content:"↪";font-size:1rem}.page-content{width:min(100% - 1rem,1120px);padding-top:1.4rem}.page-heading{align-items:flex-start}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-card{min-height:132px;padding:.8rem}.invoice-row{flex-direction:column}.invoice-row>div:last-child{text-align:left;justify-items:start}.data-form{grid-template-columns:1fr}.data-form>*{grid-column:1!important}.record-row{flex-direction:column;align-items:flex-start}.record-row>div:last-child{width:100%}.record-row button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}