:root{--color-bg:#f4f6fb;--color-surface:#fff;--color-border:#e5e8f0;--color-text:#1a1d29;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-sidebar-bg:#fff;--color-sidebar-active:#eef2ff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-card:0 1px 3px #1018280f, 0 1px 2px #1018280a;font-family:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.loading-screen{height:100vh;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.spinner{color:var(--color-primary);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-screen{background:linear-gradient(135deg,#eef2ff 0%,#f4f6fb 100%);justify-content:center;align-items:center;height:100vh;padding:24px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:center;width:100%;max-width:380px;padding:48px 40px}.login-brand{color:var(--color-primary);flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}.login-brand h1{color:var(--color-text);font-size:1.3rem}.login-subtitle{color:var(--color-text-muted);margin-bottom:28px;font-size:.9rem}.google-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.google-btn:hover{box-shadow:var(--shadow-card);background:#fafbff}.app-shell{min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-content{padding:28px 32px}.sidebar{background:var(--color-sidebar-bg);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;padding:20px 14px;display:flex}.sidebar-brand{color:var(--color-primary);align-items:center;gap:10px;padding:8px 10px 24px;display:flex}.sidebar-brand h2{color:var(--color-text);font-size:1.05rem;line-height:1.1}.sidebar-brand span{color:var(--color-text-muted);font-size:.72rem}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--color-bg);color:var(--color-text)}.sidebar-link.active{background:var(--color-sidebar-active);color:var(--color-primary)}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.topbar h1{font-size:1.15rem}.topbar p{color:var(--color-text-muted);margin-top:2px;font-size:.82rem}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;padding:8px;display:flex}.icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.topbar-user{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:6px 10px;display:flex;position:relative}.topbar-user:hover{background:var(--color-bg)}.topbar-avatar,.topbar-avatar-fallback{object-fit:cover;border-radius:50%;width:34px;height:34px}.topbar-avatar-fallback{background:var(--color-primary);color:#fff;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.topbar-user-info{flex-direction:column;line-height:1.2;display:flex}.topbar-user-name{font-size:.85rem;font-weight:600}.topbar-user-role{color:var(--color-text-muted);font-size:.72rem}.topbar-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);z-index:20;min-width:160px;position:absolute;top:46px;right:0;overflow:hidden}.topbar-menu-item{width:100%;color:var(--color-danger);text-align:left;background:0 0;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.topbar-menu-item:hover{background:var(--color-bg)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:18px 20px}.stat-card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-card-label{color:var(--color-text-muted);font-size:.82rem;font-weight:500}.stat-card-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-card-icon--blue{color:#2563eb;background:#dbeafe}.stat-card-icon--green{color:#16a34a;background:#dcfce7}.stat-card-icon--purple{color:#7c3aed;background:#ede9fe}.stat-card-icon--orange{color:#d97706;background:#ffedd5}.stat-card-value{font-size:1.6rem;font-weight:700;display:block}.stat-card-trend{color:var(--color-success);font-size:.78rem}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:18px;display:grid}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px}.card h3{margin-bottom:16px;font-size:.95rem}.empty-state{color:var(--color-text-muted);text-align:center;padding:20px 0;font-size:.85rem}.recent-list{flex-direction:column;gap:4px;max-height:280px;display:flex;overflow-y:auto}.recent-item{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:10px 4px;display:flex}.recent-item:last-child{border-bottom:none}.recent-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.recent-icon--entrada{color:#16a34a;background:#dcfce7}.recent-icon--salida{color:#dc2626;background:#fee2e2}.recent-info{flex-direction:column;flex:1;min-width:0;display:flex}.recent-title{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.recent-subtitle{color:var(--color-text-muted);font-size:.75rem}.recent-amount{font-size:.9rem;font-weight:700}.recent-amount--entrada{color:var(--color-success)}.recent-amount--salida{color:var(--color-danger)}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h2{font-size:1.2rem}.page-header p{color:var(--color-text-muted);margin-top:2px;font-size:.85rem}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 16px;font-size:.88rem;font-weight:500;transition:background .15s;display:flex}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:10px 16px;font-size:.88rem;font-weight:500}.btn-secondary:hover{background:#eceff5}.search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-width:340px;color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;display:flex}.search-bar input{width:100%;color:var(--color-text);border:none;outline:none;font-size:.88rem}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.87rem}.data-table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--color-border);padding:12px 16px;font-size:.78rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-border);padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}.badge--success{color:#16a34a;background:#dcfce7}.badge--warning{color:#d97706;background:#ffedd5}.badge--danger{color:#dc2626;background:#fee2e2}.row-actions{gap:4px;display:flex}.icon-btn--danger:hover{color:var(--color-danger);background:#fee2e2}.modal-overlay{z-index:50;background:#11141e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #10182833}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-header h3{font-size:1.02rem}.modal-body{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field--full{grid-column:1/-1}.form-field label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.form-field input,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);resize:vertical;outline:none;padding:9px 12px;font-family:inherit;font-size:.88rem}.form-field input:focus,.form-field textarea:focus{border-color:var(--color-primary)}.form-field input:disabled{background:var(--color-bg);color:var(--color-text-muted)}.form-error{color:var(--color-danger);border-radius:var(--radius-sm);background:#fee2e2;grid-column:1/-1;padding:10px 14px;font-size:.85rem}.form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.tipo-toggle{gap:8px;margin-bottom:16px;display:flex}.tipo-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.87rem;font-weight:600;display:flex}.tipo-btn--activo-entrada{color:#16a34a;background:#dcfce7;border-color:#16a34a}.tipo-btn--activo-salida{color:#dc2626;background:#fee2e2;border-color:#dc2626}.form-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);outline:none;padding:9px 12px;font-family:inherit;font-size:.88rem}.form-field select:focus{border-color:var(--color-primary)}.form-success{color:var(--color-success);border-radius:var(--radius-sm);background:#dcfce7;grid-column:1/-1;padding:10px 14px;font-size:.85rem}.search-bar--compact{max-width:100%;margin-bottom:12px}.recent-list--tall{max-height:340px}.page-header-actions{gap:10px;display:flex}.page-header-actions .btn-secondary{align-items:center;gap:8px;display:flex}