*,:before,:after{box-sizing:border-box}:root{--color-dark:#060e1e;--color-navy:#0b1a38;--color-navy-mid:#162847;--color-slate:#3a4a6b;--color-gray-blue:#8496b0;--color-teal:#0fbfa3;--color-teal-dark:#0a9985;--color-teal-light:#b3ede6;--color-teal-pale:#e6f9f6;--color-white:#fff;--color-mist:#f2f7f9;--color-border:#d8e0eb;--color-success:#22c55e;--color-success-pale:#dcfce7;--color-error:#ef4444;--color-error-pale:#fee2e2;--color-warning:#f59e0b;--color-warning-pale:#fef3c7;--color-debt:#6366f1;--color-debt-pale:#eef2ff;--accent-primary:#0fbfa3;--accent-secondary:#0a9985;--accent-danger:#ef4444;--accent-success:#22c55e;--text-primary:#0b1a38;--text-secondary:#8496b0;--bg-main:#f2f7f9;--bg-panel:#fff;--bg-card:#fff;--border-color:#d8e0eb;--font-main:"Plus Jakarta Sans", sans-serif}body{background:var(--color-mist);color:var(--color-navy);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.glass{background:var(--color-navy);border-right:1px solid #ffffff14}.glass-card,.cuadrat-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:12px;padding:24px}h1,h2,h3,h4,h5,h6{color:var(--color-navy);margin:0;font-weight:600}p{color:var(--color-gray-blue);margin:0}.text-secondary{color:var(--color-gray-blue)}.danger{color:var(--color-error)!important}.success{color:var(--color-success)!important}.btn-primary{background:var(--color-teal);color:var(--color-navy);letter-spacing:.04em;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:800;transition:background .2s}.btn-primary:hover{background:var(--color-teal-dark)}.btn-primary:active{transform:scale(.98)}.btn-glass,.btn-secondary{border:1.5px solid var(--color-teal);color:var(--color-teal);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:800;transition:background .2s}.btn-glass:hover,.btn-secondary:hover{background:var(--color-teal-pale)}.btn-sm{padding:6px 12px;font-size:12px}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-navy);border-right:1px solid #ffffff14;flex-direction:column;gap:32px;width:260px;padding:24px;display:flex}.main-content{flex:1;padding:40px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:32px;display:grid}.metric-title{text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px}.metric-value{color:var(--color-teal);font-size:28px;font-weight:700}.metric-value.success{color:var(--color-success)}.metric-value.danger{color:var(--color-error)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--color-gray-blue);border-bottom:1px solid var(--color-border);padding:12px;font-size:14px;font-weight:500}td{border-bottom:1px solid var(--color-border);padding:16px 12px;font-size:14px}.type-badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.type-badge.income{background:var(--color-success-pale);color:var(--color-success)}.type-badge.expense{background:var(--color-error-pale);color:var(--color-error)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.chart-placeholder{background:var(--color-mist);border:1px solid var(--color-border);border-radius:8px;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.form-grid{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--color-gray-blue);font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-field{background:var(--color-white);border:1.5px solid var(--color-border);width:100%;color:var(--color-navy);font-family:var(--font-main);border-radius:8px;padding:12px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:var(--color-teal);outline:none}select.input-field option{background-color:var(--color-white);color:var(--color-navy)}.profile-selector{color:#fff;cursor:pointer;width:100%;font-family:var(--font-main);background:#ffffff12;border:1px solid #ffffff1f;border-radius:6px;padding:10px;font-size:14px;transition:border-color .2s}.profile-selector:focus{border-color:var(--color-teal);outline:none}.profile-selector option{background-color:var(--color-navy-mid);color:#fff}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0b1a3899;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-white);border:1.5px solid var(--color-border);width:90%;max-width:480px;box-shadow:none;border-radius:16px;padding:32px;animation:.3s cubic-bezier(.25,.8,.25,1) slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.wealth-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.wealth-item-card:hover{transition:all .2s;background-color:var(--color-teal-pale)!important;border-color:var(--color-teal-light)!important}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-wide-card{grid-column:span 2}.profiles-manager-layout{grid-template-columns:1.2fr 1fr;gap:32px;display:grid}.profiles-list-section h4,.profiles-create-section h4{text-transform:uppercase;letter-spacing:.5px;color:var(--color-gray-blue);border-bottom:1px solid var(--color-border);margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:13px}.profiles-list{flex-direction:column;gap:8px;max-height:250px;display:flex;overflow-y:auto}.profile-item-row{background:var(--color-mist);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.profile-item-row:hover{background:var(--color-teal-pale)}.profile-badge-dot{border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.profile-item-name{font-weight:500}.profile-item-type{color:var(--color-gray-blue);margin-left:6px;font-size:11px}.btn-danger-link{color:var(--color-error);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px}.btn-danger-link:hover{text-decoration:underline}.skeleton{background:linear-gradient(90deg,#e8edf2 25%,#f2f7f9 50%,#e8edf2 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-kpi{height:100px}.skeleton-table,.skeleton-chart{height:300px}.quick-add-fab{background:var(--color-teal);width:56px;height:56px;color:var(--color-navy);cursor:pointer;box-shadow:none;z-index:900;border:none;border-radius:50%;font-size:28px;font-weight:700;transition:background .2s;position:fixed;bottom:28px;right:28px}.quick-add-fab:hover{background:var(--color-teal-dark)}.mobile-topbar{background:var(--color-navy);z-index:950;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;display:none;position:sticky;top:0}.mobile-nav{background:var(--color-white);border-top:1px solid var(--color-border);padding:4px 8px calc(4px + env(safe-area-inset-bottom));z-index:1000;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=768px){.app-container{flex-direction:column}.sidebar{display:none}.mobile-nav,.mobile-topbar{display:flex}.quick-add-fab{display:none}.main-content{padding:24px 16px 90px}.dashboard-grid,.wealth-grid,.settings-grid,.profiles-manager-layout{grid-template-columns:1fr!important}.settings-wide-card{grid-column:span 1}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:16px}}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}