:root{--navy:#16324f;--blue:#2364aa;--cream:#f5f7fa;--green:#168a62;--red:#c84545;--orange:#e77d22;--ink:#17212b;--muted:#66717e;--radius:20px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}.btn,.form-control,.form-select{min-height:48px;border-radius:12px}.btn-primary{background:var(--blue);border-color:var(--blue)}button{touch-action:manipulation}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,var(--navy),#285d77)}.login-card{width:min(460px,100%);padding:36px;border:0;border-radius:28px}.login-card h1{font-size:1.75rem}.brand-mark,.side-brand span{display:grid;place-items:center;background:var(--orange);color:#fff;font-weight:800;border-radius:16px}.brand-mark{width:64px;height:64px;font-size:2rem;margin-bottom:20px}.topbar{position:fixed;z-index:1020;left:260px;right:0;top:0;height:76px;background:#fff;border-bottom:1px solid #e4e8ed;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar small{display:block;color:var(--muted)}.connection{font-size:.85rem;color:var(--green)}.connection span{display:inline-block;width:9px;height:9px;border-radius:50%;background:currentColor}.connection.offline{color:var(--red)}.icon-btn{border:0;background:transparent;font-size:1.8rem}.sidebar{position:fixed;z-index:1030;inset:0 auto 0 0;width:260px;background:var(--navy);color:#fff;padding:22px 14px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:12px;padding:0 12px 24px;font-size:1.35rem}.side-brand span{width:42px;height:42px}.sidebar nav{display:grid;gap:5px}.nav-link{width:100%;border:0;background:transparent;color:#d8e5ef;text-align:left;padding:14px 16px;border-radius:13px;font-size:1rem;display:flex;gap:13px;align-items:center}.nav-link.active,.nav-link:hover{background:#ffffff18;color:#fff}.logout{margin-top:auto}.app-main{margin-left:260px;padding:106px 30px 50px;max-width:1500px}.app-page{display:none}.app-page.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.page-heading h1{font-size:2rem;margin:0}.eyebrow{margin:0 0 4px;color:var(--blue);font-weight:800;letter-spacing:.12em;font-size:.72rem}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}.metric{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:0 4px 18px #25384d0a;border-left:5px solid #bdc8d4}.metric.primary{border-color:var(--blue)}.metric.success{border-color:var(--green)}.metric.danger{border-color:var(--red)}.metric small{display:block;color:var(--muted);min-height:40px}.metric strong{font-size:1.55rem}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.quick-card{border:0;background:#fff;padding:25px;border-radius:var(--radius);text-align:left;box-shadow:0 5px 20px #25384d0d;min-height:145px}.quick-card span{display:block;font-size:2rem;color:var(--blue)}.quick-card b,.quick-card small{display:block}.quick-card small{color:var(--muted);margin-top:4px}.quick-card.credit{background:#fff6ed}.quick-card.credit span{color:var(--orange)}.quick-card.payment{background:#ecfaf5}.quick-card.payment span{color:var(--green)}.panel,.form-panel{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:0 4px 18px #25384d0a}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-size:1.25rem}.link-btn,.back-btn{border:0;background:transparent;color:var(--blue);font-weight:700}.movement-row{display:grid;grid-template-columns:48px minmax(150px,1.4fr) 1fr 1fr 1fr auto;align-items:center;gap:12px;padding:14px 4px;border-top:1px solid #edf0f3}.movement-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff1e6;color:var(--orange);font-weight:900}.movement-row.payment .movement-icon{background:#e8f7f1;color:var(--green)}.movement-row.annulled{opacity:.55;text-decoration:line-through}.movement-row small{display:block;color:var(--muted)}.amount{font-weight:800}.amount.credit{color:var(--red)}.amount.payment{color:var(--green)}.search-box{display:flex;align-items:center;background:#fff;border:2px solid #dfe5eb;border-radius:17px;padding:0 16px;margin-bottom:22px}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #2364aa15}.search-box span{font-size:1.5rem;color:var(--muted)}.search-box input{width:100%;border:0;outline:0;background:transparent;padding:16px;font-size:1.1rem}.search-box.compact{margin-bottom:8px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.client-card{background:#fff;border:0;border-radius:var(--radius);padding:20px;text-align:left;box-shadow:0 4px 18px #25384d0a}.client-card header{display:flex;justify-content:space-between;gap:12px}.client-card h3{font-size:1.15rem;margin:0}.client-card .balance{font-size:1.55rem;font-weight:800;margin:15px 0 4px}.client-card .balance.debt{color:var(--red)}.client-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.85rem;margin-top:15px}.status-pill{font-size:.7rem;font-weight:800;border-radius:99px;padding:5px 9px;background:#e9f7f2;color:var(--green);height:max-content}.status-pill.late{background:#ffebeb;color:var(--red)}.status-pill.blocked{background:#fff1de;color:#9a5c00}.client-hero{background:linear-gradient(135deg,var(--navy),#24597a);color:#fff;padding:28px;border-radius:24px;margin:15px 0 20px;display:flex;justify-content:space-between;gap:20px}.client-hero h1{margin:0}.client-hero .big-balance{font-size:2.25rem;font-weight:900}.client-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-panel{display:flex;gap:12px;align-items:end;flex-wrap:wrap;background:#fff;padding:18px;border-radius:18px}.filter-panel label{font-size:.8rem;font-weight:700}.report-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 4px}.report-summary div{background:#fff;padding:13px 18px;border-radius:12px}.form-grid,.two-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.form-stack label,.two-column label{font-weight:650}.wide{grid-column:1/-1}.form-stack{display:grid;gap:15px}.actions{display:flex;gap:12px}.money-input{display:flex;align-items:center;border:2px solid var(--blue);border-radius:16px;overflow:hidden}.money-input span{font-size:1.6rem;font-weight:900;padding-left:18px}.money-input input{border:0;font-size:2rem;font-weight:800}.pick-list{max-height:240px;overflow:auto}.pick-item{width:100%;border:0;border-bottom:1px solid #eee;background:#fff;padding:14px;text-align:left}.selected-client{padding:18px;background:#edf6ff;border-radius:15px}.selected-client strong{font-size:1.2rem}.empty{text-align:center;padding:35px;color:var(--muted)}.bottom-nav{display:none}.toast{border-radius:14px}.toast.success{background:#0d6b4c;color:#fff}.toast.error{background:#a72f36;color:#fff}
.movement-photo-button{border:0;background:transparent;padding:0;width:54px;height:54px}.movement-photo{width:54px;height:54px;object-fit:cover;border-radius:12px;box-shadow:0 2px 8px #0002;cursor:zoom-in}.photo-capture{background:#f4f8fb;padding:14px;border-radius:16px}.photo-preview{position:relative;margin-top:10px}.photo-preview img{width:100%;height:190px;object-fit:cover;border-radius:14px}.photo-preview button{position:absolute;right:8px;top:8px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.movement-row{grid-template-columns:54px 1fr 1fr auto}.movement-row .hide-tablet{display:none}}
@media(max-width:991.98px){.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.topbar{left:0;height:68px;padding:0 16px}.app-main{margin-left:0;padding:92px 18px calc(92px + var(--safe-bottom))}.bottom-nav{position:fixed;z-index:1010;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;padding:7px 5px calc(7px + var(--safe-bottom))}.bottom-nav button{border:0;background:#fff;color:var(--navy);font-size:1.2rem}.bottom-nav span{display:block;font-size:.67rem}.quick-card{min-height:130px}}
@media(max-width:700px){html{font-size:16px}.metric-grid{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:1/-1}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:105px}.client-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading .btn{font-size:.85rem}.movement-row{grid-template-columns:42px 1fr auto}.movement-row .hide-mobile{display:none}.form-grid,.two-column{grid-template-columns:1fr}.wide{grid-column:auto}.client-hero{display:block}.client-actions{margin-top:20px}.topbar .connection{font-size:0}.topbar .connection span{width:12px;height:12px}.app-main{padding-left:12px;padding-right:12px}.modal-dialog{margin:8px}.modal-content{border-radius:20px}}
@media print{.sidebar,.topbar,.bottom-nav,.page-heading,.filter-panel,.report-summary button{display:none!important}.app-main{margin:0;padding:0}.app-page{display:none!important}#page-reports{display:block!important}.panel{box-shadow:none;padding:0}.movement-row{grid-template-columns:40px 2fr 1fr 1fr 1fr}.hide-tablet,.hide-mobile{display:block!important}}