:root{--bg: #f2f6f4;--panel: #ffffff;--line: #d6e0da;--text: #1f2a24;--muted: #617167;--accent: #1f8a4c;--accent-soft: #dff2e7;--danger: #b0382f}*{box-sizing:border-box}body{margin:0;font-family:"Source Sans 3",Segoe UI,sans-serif;background:radial-gradient(circle at top right,#e6f4eb 0%,var(--bg) 58%);color:var(--text)}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;align-items:stretch}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg,#123321,#1d4b32);color:#e9f4ed;padding:1rem;min-height:100vh;position:sticky;top:0;align-self:start}.brand{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start;margin-bottom:1.2rem}.brand-logo{width:120px;height:auto;display:block;filter:brightness(0) invert(1)}.brand-copy{display:grid;gap:.1rem}.title{margin:0;font-weight:700}.subtitle{margin:0;font-size:.82rem;opacity:.8}.menu{display:grid;gap:.45rem}.menu a{color:#d9ebdf;text-decoration:none;padding:.62rem .75rem;border-radius:.58rem;display:flex;gap:.55rem;border:1px solid transparent;transition:background .14s ease-out,border-color .14s ease-out,transform .14s ease-out}.menu a:hover{background:#ffffff1a;border-color:#ffffff2e;color:#fff}.menu a.active{background:#ffffff2e;border-color:#ffffff42;color:#fff;box-shadow:inset 3px 0 #7ce3aa}.menu-icon{width:1rem;height:1rem;display:inline-flex}.menu-icon svg{width:1rem;height:1rem;fill:currentColor}.content-wrap{display:grid;grid-template-rows:auto 1fr}.topbar{border-bottom:1px solid var(--line);background:#ffffffdb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.9rem 1.2rem;display:flex;justify-content:space-between;align-items:center}.top-left{display:flex;align-items:center;gap:.85rem}.menu-toggle{width:1.1rem;height:1.1rem;color:#6f7a74;display:inline-flex}.menu-toggle svg{width:1.1rem;height:1.1rem;fill:currentColor}.top-breadcrumb{display:flex;align-items:center;gap:.6rem;color:#2e3832;font-size:1.1rem}.top-breadcrumb span:nth-child(2n){color:#7c8781}.top-actions{display:flex;gap:.7rem;align-items:center;position:relative}.icon-btn{border:0;background:transparent;color:#5f6c65;width:2rem;height:2rem;border-radius:.5rem;position:relative;cursor:pointer}.icon-btn svg{width:1.2rem;height:1.2rem;fill:currentColor}.icon-btn:hover{background:#e9efeb;color:#223d2e}.icon-btn.has-alerts{color:#1f8a4c;background:#e5f5ec}.icon-badge{position:absolute;right:-5px;top:-4px;min-width:1rem;height:1rem;padding:0 .2rem;border-radius:.55rem;background:#c53f34;color:#fff;font-size:.65rem;line-height:1rem;font-weight:700;text-align:center}.alerts-menu{position:absolute;right:8.9rem;top:3.35rem;min-width:220px;background:#fff;border:1px solid #d7e1db;border-radius:.6rem;box-shadow:0 14px 34px #102b1d1f;overflow:hidden;z-index:16}.alerts-item{width:100%;border:0;border-bottom:1px solid #e2e9e4;background:#fff;color:#2c3a33;text-align:left;padding:.68rem .75rem;font:inherit;display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer}.alerts-item:last-child{border-bottom:0}.alerts-item:hover{background:#edf4ef}.alerts-item strong{min-width:1.4rem;text-align:center;background:#e5f5ec;color:#1f8a4c;border-radius:.45rem;padding:0 .35rem;line-height:1.25rem;font-size:.78rem}.user-menu-wrap{position:relative}.user-trigger{border:1px solid #d7e1db;background:#fff;border-radius:.55rem;height:2.2rem;padding:0 .55rem;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer}.user-avatar{width:1.3rem;height:1.3rem;color:#4f5d56;display:inline-flex}.user-avatar svg{width:1.3rem;height:1.3rem;fill:currentColor}.user-name{font-weight:600;color:#3d4b43;font-size:.92rem}.user-menu{position:absolute;right:0;top:calc(100% + .4rem);min-width:250px;background:#fff;border:1px solid #d7e1db;border-radius:.6rem;box-shadow:0 14px 34px #102b1d1f;overflow:hidden;z-index:15}.user-menu-item{width:100%;border:0;border-bottom:1px solid #e2e9e4;background:#fff;color:#2c3a33;text-align:left;padding:.75rem .8rem;font:inherit;display:flex;align-items:center;gap:.55rem;cursor:pointer}.user-menu-item:last-child{border-bottom:0}.user-menu-item:hover:not(:disabled){background:#edf4ef}.user-menu-item:disabled{color:#5f6b65;cursor:default}.user-menu-current{font-weight:700}.menu-icon-inline{width:1rem;height:1rem;color:#5f6b65;display:inline-flex}.menu-icon-inline svg{width:1rem;height:1rem;fill:currentColor}.page-area{padding:1.1rem}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-head h1{margin:0}.btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:.5rem;padding:.5rem .9rem;cursor:pointer}.btn.ghost{background:#fff;color:var(--accent)}.btn:hover{filter:brightness(.95)}.btn.ghost:hover{background:var(--accent);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.kpi-grid+.table-card{margin-top:.95rem}.card,.table-card,.form-card{background:var(--panel);border:1px solid var(--line);border-radius:.8rem;padding:.9rem}.card p{margin:0;color:var(--muted)}.card strong{font-size:1.4rem}.card-action{width:100%;text-align:left;cursor:pointer}.card-action:hover{border-color:#9ec9ad;box-shadow:0 8px 20px #102b1d14}.card-critical strong{color:var(--danger)}.quick-actions{margin:.8rem 0;display:flex;gap:.55rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}.section-head h2{margin:0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;margin-top:.8rem}.chart-box{display:grid;gap:.55rem}.line-chart{width:100%;height:220px;background:linear-gradient(180deg,#f9fcfa,#eef5f1);border:1px solid #d6e2db;border-radius:.65rem}.line-chart .chart-grid line{stroke:#dce8e1;stroke-width:1;stroke-dasharray:3 4}.line-chart .line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.line-chart .line.entradas{stroke:#1f8a4c}.line-chart .line.salidas{stroke:#d04848}.line-chart .chart-axis-labels text{fill:#64786d;font-size:11px;text-anchor:middle}.chart-legend{display:flex;gap:.9rem;color:#4e6257;font-size:.86rem}.chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.dot{width:.6rem;height:.6rem;border-radius:999px;display:inline-block}.dot.entradas{background:#1f8a4c}.dot.salidas{background:#d04848}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.5rem .35rem}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--accent)}tbody tr:nth-child(odd){background:#fff}tbody tr:nth-child(2n){background:#f3f6f4}tbody tr:hover{background:#eaf2ed}.action-btn{min-width:92px}.toolbar-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.8rem}.toolbar{display:flex;gap:.6rem;margin-bottom:0;flex-wrap:wrap}.saldo-card{min-width:230px;margin-left:auto;background:linear-gradient(160deg,#f5fbf7,#e9f4ed);border:1px solid #b8d5c4;border-radius:.75rem;padding:.55rem .8rem;text-align:right}.saldo-label{margin:0;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:#3f6551}.saldo-value{margin:.1rem 0;font-size:1.35rem;line-height:1.1;font-weight:700;color:#174c31}.saldo-caption{margin:0;font-size:.8rem;color:#557968}input,select,textarea{width:100%;border:1px solid #c6d2cb;border-radius:.45rem;padding:.5rem .55rem;font:inherit;background:#fff}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--muted)}.form-grid{display:grid;gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.actions{display:flex;gap:.55rem}.bad{color:var(--danger);font-weight:700}.saldo{margin:.7rem 0 0;font-weight:700}.login-screen{min-height:100vh;background:#e9eeeb;display:grid}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1.38fr) minmax(320px,.62fr)}.login-showcase{position:relative;overflow:hidden;padding:3.25rem 3rem;color:#f0f7f3;background:linear-gradient(160deg,#123321,#215237 58%,#2f6a48);display:grid;align-content:center;justify-items:center;text-align:center;gap:1rem}.login-showcase:before,.login-showcase:after{content:"";position:absolute;border-radius:999px;background:#ffffff14}.login-showcase:before{width:620px;height:620px;left:-260px;top:-320px}.login-showcase:after{width:700px;height:700px;right:-350px;bottom:-400px}.login-showcase-card,.login-showcase h1,.login-showcase-subtitle,.login-features{position:relative;z-index:1}.login-showcase-card{width:170px;height:170px;border-radius:1rem;display:grid;place-items:center;background:#ffffff14}.login-brand-logo{width:120px;max-width:100%;height:auto;display:block;filter:brightness(0) invert(1)}.login-showcase h1{margin:0;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.1}.login-showcase-subtitle{margin:0;color:#f0f7f3d1;font-size:1.15rem}.login-features{margin:.45rem 0 0;padding:0;list-style:none;display:grid;gap:.8rem;justify-items:center}.login-features li{display:flex;align-items:center;gap:.6rem;font-size:1.04rem;color:#f0f7f3f0}.login-features li:before{content:"";width:.48rem;height:.48rem;border-radius:50%;background:#4dd288;flex:0 0 auto}.login-panel{display:grid;place-items:center;background:#eef1ee;padding:2rem}.login-card{width:min(420px,100%);background:#fff;border:1px solid #d7e1db;border-radius:1rem;padding:1.65rem;box-shadow:0 18px 40px #102b1d1a}.login-card h2{margin:0;font-size:2rem;line-height:1.15;color:#1f3e2d}.login-form{margin-top:.8rem}.login-form label{font-weight:700;letter-spacing:.02em;color:#34463d}.field-icon-wrap{display:grid;grid-template-columns:2.7rem 1fr;align-items:center;border:1px solid #c6d2cb;border-radius:.55rem;background:#fff;min-height:3.05rem}.field-icon{display:inline-flex;justify-content:center;align-items:center;color:#8d978f}.field-icon svg{width:1rem;height:1rem;fill:currentColor}.field-icon-wrap input{border:0;border-left:1px solid #e2e8e4;border-radius:0 .55rem .55rem 0;min-height:3.05rem;padding:.7rem .8rem}.login-card .btn{min-height:3.1rem;font-size:1.08rem}.muted{color:var(--muted)}.error{color:var(--danger);margin:0}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #365647}.brand-logo{width:96px}.topbar{flex-wrap:wrap;gap:.7rem}.top-breadcrumb{font-size:.95rem;gap:.4rem}.top-actions{width:100%;justify-content:flex-end;position:relative}.alerts-menu{right:0;top:calc(100% + .3rem);min-width:200px}.toolbar-row{flex-direction:column;align-items:stretch}.saldo-card{width:100%;min-width:0;margin-left:0;text-align:left}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.login-layout{grid-template-columns:1fr}.login-showcase{min-height:43vh;padding:2rem 1.15rem}.login-showcase-card{width:120px;height:120px}.login-brand-logo{width:84px}.login-showcase-subtitle{font-size:1rem}.login-features{gap:.55rem}.login-features li{font-size:.95rem}.login-panel{padding:1rem}}