:root{--bg:#f3f6fa;--text:#172033;--muted:#68758a;--navy:#16375b;--blue:#216b9f;--green:#1f7b55;--red:#b83d4a;--border:#dce3ec;--card:#fff;--shadow:0 5px 25px rgba(20,47,75,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:19px;height:19px}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;padding:22px 15px;background:linear-gradient(180deg,#102f50,#0c263f);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:6px 7px 25px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-logo{width:47px;height:47px;border-radius:12px;background:#fff;color:var(--navy);display:grid;place-items:center;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.2);flex:none}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-logo svg{width:25px;height:25px}.brand strong{font-size:15px;line-height:1.15;display:block;max-width:175px}.brand span{display:block;margin-top:5px;font-size:12px;color:#c7d7e7}.sidebar nav{display:grid;gap:5px;margin-top:25px}.sidebar nav button,.sidebar-footer button{width:100%;border:0;background:transparent;color:#c8d6e5;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 13px;border-radius:9px;font-weight:600;font-size:14px;transition:.18s}.sidebar nav button:hover,.sidebar nav button.active{background:rgba(255,255,255,.1);color:#fff;transform:translateX(2px)}.sidebar nav button.active{box-shadow:inset 3px 0 #68a9e2}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.sidebar-footer>span{display:flex;align-items:center;gap:7px;color:#9eb5cb;font-size:12px;padding:0 12px 8px}.sidebar-footer button:hover{color:#fff;background:rgba(255,255,255,.08)}.main{margin-left:270px;min-height:100vh}.topbar{height:88px;padding:0 34px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar>div{flex:1}.topbar span{display:block;margin:0 0 2px;text-transform:uppercase;color:#718096;font-size:11px;letter-spacing:.13em;font-weight:700}.topbar h1{margin:0;font-size:23px;letter-spacing:-.03em}.content{padding:30px 34px 60px;max-width:1550px;margin:auto}.stack{display:grid;gap:24px}.panel{background:var(--card);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);padding:24px}.eyebrow{margin:0 0 5px;color:#567089;text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:800}.hero-strip{background:linear-gradient(115deg,#16375b,#255f92);color:#fff;border-radius:17px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 9px 28px rgba(22,55,91,.17);overflow:hidden;position:relative}.hero-strip:after{content:"";position:absolute;width:250px;height:250px;border:55px solid rgba(255,255,255,.04);border-radius:50%;right:-65px;top:-95px}.hero-strip .eyebrow{color:#bad6ec}.hero-strip h2{margin:0;font-size:25px}.formula{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.08);padding:14px 18px;border:1px solid rgba(255,255,255,.13);border-radius:12px;z-index:1}.formula span,.formula strong{font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 19px;display:flex;align-items:center;justify-content:space-between;min-height:96px;box-shadow:var(--shadow)}.metric div{display:flex;flex-direction:column;gap:8px}.metric span{font-size:12px;color:#6d7b8e;font-weight:700}.metric strong{font-size:23px;letter-spacing:-.04em}.metric>svg{width:34px;height:34px;padding:8px;border-radius:10px}.metric.blue>svg{background:#e8f2fb;color:#1769aa}.metric.red>svg{background:#fff0f1;color:#c04451}.metric.green>svg{background:#e6f6ef;color:#24805a}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-heading h2,.form-heading h2,.import-card h2,.manual-card h2{margin:0;font-size:20px}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.activity-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:13px;padding:17px;color:var(--text);transition:.18s;box-shadow:0 4px 16px rgba(20,47,75,.05)}.activity-card:hover{transform:translateY(-2px);border-color:#8eb5d8;box-shadow:0 8px 23px rgba(20,47,75,.1)}.activity-card>span{display:block;font-size:13px;color:#64748b;font-weight:700;min-height:36px}.activity-card>strong{display:block;font-size:21px;margin:6px 0 13px}.activity-card>div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #e9eef4;padding-top:10px}.activity-card small{font-size:10px;color:#77879b}.table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:11px}table{width:100%;border-collapse:collapse;min-width:900px}th{background:#f7f9fc;color:#65758a;font-size:11px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:12px 13px;border-bottom:1px solid #dfe6ee}td{padding:12px 13px;font-size:13px;border-bottom:1px solid #edf1f5;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;color:#7a8798;margin-top:3px}.number{text-align:right;white-space:nowrap}.positive{color:#16724d}.negative{color:#b03b48}.movement-type{display:block;width:max-content;font-size:10px;text-transform:uppercase;font-weight:800;padding:3px 6px;border-radius:5px;margin-bottom:4px}.movement-type.ingreso{color:#1769aa;background:#e9f3fb}.movement-type.gasto{color:#b03b48;background:#fff0f1}.status{display:inline-block;font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px}.status.activo{background:#e8f7f0;color:#177450}.status.anulado{background:#fff0f1;color:#b23f4b}.cancelled{opacity:.62}.cancelled td:not(:last-child){text-decoration:line-through}.total-row{background:var(--navy);color:#fff;font-weight:800}.form-layout{display:grid;grid-template-columns:minmax(0,820px) 290px;gap:22px;align-items:start}.form-card{padding:29px}.form-heading{display:flex;align-items:center;gap:12px;margin-bottom:23px}.round-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center}.round-icon.blue{background:#e7f1fa;color:#1767a6}.round-icon.red{background:#fff0f1;color:#bd3f4d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:24px}.form-grid .full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;color:#344257;font-weight:700;font-size:13px}input,select,textarea{width:100%;border:1px solid #d5dde8;border-radius:9px;padding:10px 12px;background:#fff;color:var(--text);outline:none;min-height:42px}input:focus,select:focus,textarea:focus{border-color:#4e8fc6;box-shadow:0 0 0 3px rgba(78,143,198,.12)}input[readonly]{background:#f5f7fa;color:#718096}textarea{resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:9px 14px;font-weight:700;font-size:13px;min-height:40px}.button.primary{background:var(--navy);color:#fff}.button.secondary{background:#fff;border-color:var(--border);color:#34465a}.button.danger{background:var(--red);color:#fff}.button.ghost{background:transparent;color:var(--blue)}.button.large{padding:11px 19px;min-height:45px}.button:disabled,.row-actions button:disabled{opacity:.45;cursor:not-allowed}.icon-button{border:0;background:transparent;padding:8px}.text-button{border:0;background:none;color:#276b9e;text-decoration:underline;font-size:13px}.align-left{width:max-content;margin-top:12px}.tip-card{background:#eef5fb;border:1px solid #cfe1f1;border-radius:15px;padding:23px;color:#234b6d}.tip-card>svg{width:28px;height:28px}.tip-card h3{margin:14px 0 7px}.tip-card p{font-size:13px;line-height:1.65;color:#55728d}.tip-card>div{margin-top:20px;padding-top:15px;border-top:1px solid #cbdeee}.tip-card span,.tip-card strong{display:block;font-size:11px}.tip-card strong{font-size:13px;margin-top:4px}.tip-card.red{background:#fff4f4;border-color:#f2d4d7;color:#873742}.tip-card.red p{color:#7f5a60}.search-box{position:relative}.search-box>svg{position:absolute;left:12px;top:12px;color:#8695a7;width:17px;height:17px;z-index:1}.search-box input{padding-left:37px}.suggestions{position:absolute;top:70px;left:0;right:0;background:#fff;border:1px solid #d7e0e9;border-radius:10px;box-shadow:0 14px 35px rgba(23,32,51,.15);z-index:9;padding:6px;max-height:330px;overflow:auto}.suggestions button{display:flex;width:100%;justify-content:space-between;border:0;background:#fff;padding:9px 10px;border-radius:7px;text-align:left}.suggestions button:hover{background:#edf4fa}.suggestions span{color:#65758a}.suggestions p{padding:8px;color:var(--muted)}.filters{display:grid;gap:12px}.movement-filters{grid-template-columns:2fr repeat(5,1fr);align-items:end;margin-bottom:18px}.row-actions{display:flex;gap:5px;align-items:center}.row-actions button{border:0;background:#edf3f8;color:#315b7f;border-radius:7px;padding:7px;min-height:32px}.row-actions button.danger{background:#fff0f1;color:#b23f4b}.split-panels,.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.import-card,.manual-card{display:grid;align-content:start;gap:14px}.import-card>svg,.manual-card>svg{color:#286b9f;width:27px;height:27px}.import-card p{margin:4px 0;color:#718096;font-size:13px}.file-button{width:max-content;display:flex;flex-direction:row;align-items:center;background:#edf4fa;color:#205d8f;border:1px dashed #8db5d7;padding:10px 13px;border-radius:9px;cursor:pointer}.file-button input{display:none}.muted{font-size:12px;color:var(--muted)}.import-summary{display:flex;gap:13px;align-items:center;background:#f5f8fb;padding:12px;border-radius:9px}.import-summary div{display:flex;flex-direction:column}.import-summary span{font-size:12px;color:#64748b}.import-summary button{margin-left:auto}.table-toolbar,.export-actions{display:flex;gap:9px;align-items:center}.table-toolbar .search-box{min-width:300px}.report-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.settings-grid .form-card{display:block}.logo-editor{display:flex;align-items:center;gap:17px;margin-bottom:20px}.logo-editor>div{width:75px;height:75px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;padding:7px}.logo-editor img{width:100%;height:100%;object-fit:contain}.logo-editor svg{width:35px;height:35px;color:var(--blue)}.inline-form{display:flex;gap:8px;margin-bottom:17px}.activity-list{display:grid;gap:7px}.activity-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:#f7f9fb;border:1px solid #e6ebf1;border-radius:9px}.activity-list>div>div{display:flex;align-items:center;gap:9px}.gate{min-height:100vh;background:radial-gradient(circle at 15% 15%,#2a6596,#102e4d 38%,#081c2e);display:grid;place-items:center;padding:25px}.gate-card{width:min(480px,100%);background:#fff;border-radius:20px;padding:36px;box-shadow:0 30px 80px rgba(0,0,0,.3);display:grid;gap:17px}.gate-icon{width:58px;height:58px;border-radius:16px;background:#e8f2fa;color:#1a5e91;display:grid;place-items:center}.gate-icon svg{width:31px;height:31px}.gate-card h1{margin:-5px 0 0;font-size:29px}.gate-card>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.6}.gate-card small{text-align:center;color:#8390a0}.alert{padding:11px 14px;border-radius:9px;font-size:13px}.alert.error{background:#fff0f1;color:#9f3140;border:1px solid #f1cfd3}.alert.info{background:#eef5fb;color:#295c83;border:1px solid #d2e3f0;margin-bottom:17px}.loader{min-height:55vh;display:grid;place-items:center;align-content:center;gap:13px;color:#566a80}.loader span{width:30px;height:30px;border-radius:50%;border:3px solid #d7e3ee;border-top-color:#216b9f;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{text-align:center;max-width:560px;margin:50px auto}.error-panel>svg{width:40px;height:40px;color:var(--red)}.modal-backdrop{position:fixed;inset:0;background:rgba(9,22,36,.55);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal h2{margin:5px 0 9px}.modal p{color:var(--muted);line-height:1.55}.modal label{margin:16px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;flex-wrap:wrap}.modal-success{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#e5f7ef;color:#1e845b;font-size:28px;font-weight:800;margin:auto}.modal-success~h2,.modal-success~p{text-align:center}.receipt-summary{display:grid;grid-template-columns:1fr auto;gap:9px;background:#f5f8fb;border-radius:10px;padding:15px}.receipt-summary span{color:#6b7a8d}.receipt-summary strong{text-align:right}.toast-root{position:fixed;right:22px;bottom:22px;display:grid;gap:9px;z-index:200}.toast{background:#173b5d;color:#fff;padding:12px 16px;border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.2);font-weight:600;font-size:13px}.toast.error{background:#a93643}.empty-state{padding:35px;display:grid;place-items:center;color:#7a899b;text-align:center}.empty-state svg{width:30px;height:30px}.empty-state p{margin:8px 0 0}.mobile-only{display:none}
@media(max-width:1180px){.activity-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.movement-filters{grid-template-columns:repeat(3,1fr)}.form-layout{grid-template-columns:1fr}.tip-card{display:none}.report-filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px rgba(0,0,0,.25)}.main{margin-left:0}.mobile-only{display:block}.topbar{height:76px;padding:0 17px}.topbar .button{font-size:0;padding:9px}.content{padding:18px}.formula{display:none}.metric-grid,.split-panels,.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.report-filters,.movement-filters{grid-template-columns:1fr 1fr}.section-heading{align-items:flex-start;flex-direction:column}.table-toolbar{width:100%;flex-wrap:wrap}.table-toolbar .search-box{min-width:0;width:100%}.activity-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions .button{width:100%}}
@media(max-width:520px){.report-filters,.movement-filters{grid-template-columns:1fr}.gate-card{padding:25px}.hero-strip h2{font-size:21px}.metric strong{font-size:20px}}