:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition: .25s cubic-bezier(.4, 0, .2, 1);--sidebar-transition: .28s cubic-bezier(.4, 0, .2, 1);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-full: 9999px;--sidebar-width: 250px;--sidebar-collapsed: 54px;--header-height: 50px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.15)}[data-theme=dark]{--bg-primary: #04080e;--bg-secondary: #0a1220;--bg-elevated: #111c30;--bg-surface: rgba(10, 18, 32, .75);--text-primary: #e8eef6;--text-secondary: #7e92ad;--text-tertiary: #4d6280;--accent: #3b82f6;--accent-hover: #2563eb;--accent-subtle: rgba(59, 130, 246, .1);--accent-glow: rgba(59, 130, 246, .2);--accent-gradient: linear-gradient(135deg, #2563eb, #60a5fa);--border-color: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--input-bg: rgba(10, 18, 32, .9);--input-border: #1e2d48;--overlay-bg: rgba(4, 8, 14, .88);--sidebar-bg: rgba(6, 12, 22, .98);--danger: #f43f5e;--danger-subtle: rgba(244, 63, 94, .1);--success: #34d399;--warning: #fbbf24}[data-theme=light]{--bg-primary: #f0f5ff;--bg-secondary: #ffffff;--bg-elevated: #ffffff;--bg-surface: rgba(255, 255, 255, .85);--text-primary: #0c1a2e;--text-secondary: #3d5a80;--text-tertiary: #8a9db5;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-subtle: rgba(37, 99, 235, .08);--accent-glow: rgba(37, 99, 235, .15);--accent-gradient: linear-gradient(135deg, #2563eb, #3b82f6);--border-color: rgba(0, 0, 0, .07);--border-hover: rgba(0, 0, 0, .14);--input-bg: #ffffff;--input-border: #d0def0;--overlay-bg: rgba(240, 245, 255, .92);--sidebar-bg: rgba(255, 255, 255, .98);--danger: #e11d48;--danger-subtle: rgba(225, 29, 72, .06);--success: #059669;--warning: #d97706}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;letter-spacing:.01em;overflow:hidden;height:100vh;height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition)}#root{height:100%;width:100%;overflow:hidden}input,button,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1{font-size:clamp(1.75rem,2vw + 1rem,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}h2{font-size:clamp(.9rem,.4vw + .8rem,1.1rem);font-weight:600;letter-spacing:-.01em}h3{font-size:clamp(1rem,.3vw + .85rem,1.2rem);font-weight:600}.app-layout{display:flex;height:100%;width:100%;overflow:hidden}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;transition:opacity var(--transition);pointer-events:none}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{width:var(--sidebar-collapsed);height:100%;background:var(--sidebar-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;z-index:999;overflow:hidden;position:fixed;left:0;top:0;transition:width var(--sidebar-transition),box-shadow var(--sidebar-transition)}.sidebar.expanded{width:var(--sidebar-width)}.sidebar.expanded:not(.pinned){box-shadow:6px 0 32px #00000040}.sb-text{display:inline-flex;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width var(--sidebar-transition),opacity .15s ease;pointer-events:none}.sidebar.expanded .sb-text{max-width:200px;opacity:1;pointer-events:auto;transition:max-width var(--sidebar-transition),opacity .2s ease .08s}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem .7rem .6rem;flex-shrink:0;min-height:50px}.sidebar-logo{display:flex;align-items:center;gap:.6rem;min-width:0}.sidebar-logo-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.85rem;flex-shrink:0;box-shadow:0 3px 10px var(--accent-glow)}.sidebar-logo-text{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.sidebar-header-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.sidebar-pin-btn{background:none;border:none;color:var(--text-tertiary);font-size:.85rem;cursor:pointer;width:28px;height:28px;border-radius:var(--radius-sm);align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.sidebar-pin-btn:hover{background:var(--accent-subtle);color:var(--accent)}.sidebar.pinned .sidebar-pin-btn{color:var(--accent)}.pin-rotated{transform:rotate(45deg);display:inline-block}.sidebar-close-btn{display:none;background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;width:28px;height:28px;border-radius:var(--radius-sm);align-items:center;justify-content:center;transition:all var(--transition)}.sidebar-close-btn:hover{background:var(--danger-subtle);color:var(--danger)}.sidebar-nav{flex:1;padding:0 .5rem;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:.6rem .4rem;height:auto}.sidebar-portfolio-list{display:flex;flex-direction:column;gap:1px}.sidebar-portfolio-item{display:flex;align-items:center;gap:0;padding:.5rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.88rem;transition:all var(--transition);width:100%;text-align:left;position:relative;justify-content:center}.sidebar.expanded .sidebar-portfolio-item{gap:.6rem;justify-content:flex-start;padding:.5rem .6rem}.sidebar-portfolio-item:hover{background:var(--accent-subtle);color:var(--text-primary)}.sidebar-portfolio-item.active{background:var(--accent-subtle);color:var(--accent);font-weight:600}.sidebar-portfolio-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:50%;background:var(--accent);border-radius:0 3px 3px 0;opacity:0;transition:opacity var(--transition)}.sidebar.expanded .sidebar-portfolio-item.active:before{opacity:1}.sidebar-portfolio-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;transition:all var(--transition)}.sidebar-portfolio-item.active .sidebar-portfolio-icon{background:var(--accent);color:#fff}.sidebar-portfolio-name{flex:1;text-overflow:ellipsis}.sidebar-portfolio-delete{width:22px;height:22px;border-radius:var(--radius-full);align-items:center;justify-content:center;font-size:.68rem;cursor:pointer;color:var(--text-secondary);flex-shrink:0;transition:all var(--transition)}.sidebar-portfolio-delete:hover{background:var(--danger);color:#fff}.sidebar-add-btn{display:flex;align-items:center;gap:0;padding:.5rem;margin-top:.35rem;border-radius:var(--radius-sm);border:1px dashed var(--accent);background:transparent;color:var(--accent);cursor:pointer;font-weight:600;font-size:.85rem;width:100%;transition:all var(--transition);justify-content:center}.sidebar.expanded .sidebar-add-btn{gap:.45rem;justify-content:flex-start;padding:.5rem .6rem}.sidebar-add-btn:hover{background:var(--accent-subtle)}.sidebar-goal{margin:.5rem;padding:.65rem;background:var(--accent-subtle);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-shrink:0;animation:fadeInUp .2s ease-out}.sidebar-goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.sidebar-goal-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.sidebar-goal-pct{font-size:.82rem;font-weight:700;color:var(--accent)}.sidebar-progress-track{height:4px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.35rem}.sidebar-progress-fill{height:100%;background:var(--accent-gradient);border-radius:var(--radius-full);transition:width 1s ease-out;box-shadow:0 0 8px var(--accent-glow)}.sidebar-goal-amounts{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-tertiary);font-weight:500}.sidebar-footer{padding:.4rem .5rem;border-top:1px solid var(--border-color);flex-shrink:0;display:flex;flex-direction:column;gap:1px}.sidebar-footer-btn{display:flex;align-items:center;gap:0;padding:.5rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.88rem;width:100%;transition:all var(--transition);justify-content:center}.sidebar.expanded .sidebar-footer-btn{gap:.65rem;justify-content:flex-start;padding:.5rem .6rem}.sidebar-footer-btn:hover{background:var(--accent-subtle);color:var(--accent)}.sidebar-logout-btn:hover{background:var(--danger-subtle);color:var(--danger)}.sidebar-footer-btn i{width:20px;text-align:center;font-size:.95rem;flex-shrink:0}.main-content{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-collapsed);transition:margin-left var(--sidebar-transition)}.app-layout.sidebar-pinned .main-content{margin-left:var(--sidebar-width)}.top-header{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;height:var(--header-height);border-bottom:1px solid var(--border-color);background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0}.header-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:1.1rem;cursor:pointer;width:34px;height:34px;border-radius:var(--radius-sm);align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0}.header-menu-btn:hover{background:var(--accent-subtle);color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.tickers-bar{display:flex;align-items:center;gap:clamp(.75rem,2vw,2rem);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tickers-bar::-webkit-scrollbar{display:none}.ticker-item{display:flex;align-items:center;gap:.35rem;flex-shrink:0;white-space:nowrap}.ticker-label{color:var(--text-tertiary);font-weight:600;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em}.ticker-value{color:var(--accent);font-weight:700;font-size:.82rem;font-variant-numeric:tabular-nums}.dashboard{flex:1;min-height:0;padding:clamp(.75rem,1.5vw,1.25rem);display:flex;flex-direction:column;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem);width:100%;flex:1;min-height:0}.dashboard-left{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);min-width:0;min-height:0}.dashboard-right{display:flex;flex-direction:column;min-width:0;min-height:0}.card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:clamp(.85rem,1.5vw,1.35rem);transition:border-color var(--transition);display:flex;flex-direction:column}.card-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;flex-shrink:0;gap:.5rem;min-width:0}.card-title-row h2{display:flex;align-items:center;gap:.35rem;margin:0;white-space:nowrap;min-width:0}.card-title-row h2 i{color:var(--accent);font-size:.9em}.card-subtitle{font-size:.7rem;color:var(--text-tertiary);font-weight:500;background:var(--accent-subtle);padding:.1rem .45rem;border-radius:var(--radius-full);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:0}.badge{font-size:.68rem;font-weight:700;background:var(--accent-subtle);color:var(--accent);padding:.12rem .5rem;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap}.form-optional{font-weight:400;color:var(--text-tertiary);font-size:.68rem;margin-left:.2rem}.form-group input{width:100%;padding:.55rem .75rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;transition:all var(--transition);outline:none;min-width:0}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder{color:var(--text-tertiary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:.75rem;color:var(--text-tertiary);font-size:.82rem;pointer-events:none;transition:color var(--transition)}.input-wrapper input{padding-left:2.35rem}.input-wrapper:focus-within i{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1rem;border-radius:var(--radius-sm);font-weight:600;font-size:.82rem;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap;line-height:1.4}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 3px 10px var(--accent-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 18px var(--accent-glow);filter:brightness(1.1)}.btn-secondary{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-lg{padding:.75rem 1.3rem;font-size:.92rem;border-radius:var(--radius-md)}.btn-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all var(--transition);flex-shrink:0}.btn-icon:hover{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.btn-icon-accent{color:var(--accent)}.btn-icon-danger{color:var(--text-tertiary)}.btn-icon-danger:hover{background:var(--danger-subtle);color:var(--danger);border-color:var(--danger)}.entry-card{overflow:visible}.entry-form{display:flex;flex-direction:column;gap:.65rem}.entry-row{display:flex;gap:.5rem;align-items:flex-end}.entry-value-group{flex:1;min-width:0}.entry-submit-btn{flex-shrink:0;height:38px;padding:0 1rem!important;align-self:flex-end}.history-card{flex:1;min-height:0}.history-scroll{flex:1;overflow-y:auto;min-height:0;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.history-scroll::-webkit-scrollbar{width:3px}.history-scroll::-webkit-scrollbar-track{background:transparent}.history-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.history-list{display:flex;flex-direction:column;gap:.25rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;border-radius:var(--radius-sm);background:var(--input-bg);border:1px solid transparent;transition:all var(--transition);gap:.5rem}.history-item:hover{border-color:var(--border-hover)}.history-info{display:flex;flex-direction:column;gap:.05rem;min-width:0}.history-value{font-weight:700;font-size:.88rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.history-date{font-size:.68rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.5rem .75rem;color:var(--text-tertiary);font-size:.82rem;text-align:center}.empty-state i{font-size:1.3rem;opacity:.35}.chart-card{flex:1;min-height:0}.chart-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.85rem;flex-wrap:wrap;gap:.6rem;flex-shrink:0}.chart-info h2{margin-bottom:.1rem}.chart-balance{font-size:clamp(1.25rem,1.5vw + .5rem,1.7rem);font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums}.chart-balance-label{font-size:.7rem;color:var(--text-tertiary);font-weight:500}.chart-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.toggle-group{display:flex;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden;padding:.12rem;gap:.1rem}.toggle-btn{background:transparent;border:none;padding:.25rem .55rem;color:var(--text-tertiary);font-weight:600;font-size:.72rem;cursor:pointer;border-radius:.22rem;transition:all var(--transition);white-space:nowrap}.toggle-btn:hover{color:var(--text-primary);background:var(--border-color)}.toggle-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 6px var(--accent-glow)}.chart-area{position:relative;flex:1;min-height:0;width:100%}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:100%;min-height:120px;color:var(--text-tertiary);font-size:.82rem}.chart-empty i{font-size:1.8rem;opacity:.2}.auth-layout{display:flex;height:100%;width:100%;overflow:hidden}.auth-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.auth-bg-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3;animation:floatOrb 20s infinite alternate ease-in-out}.auth-bg-orb-1{top:-15%;right:-10%;width:50vw;height:50vw;background:var(--accent-glow)}.auth-bg-orb-2{bottom:-15%;left:-10%;width:40vw;height:40vw;background:#8b5cf61f;animation-delay:-7s}.auth-bg-orb-3{top:40%;left:30%;width:25vw;height:25vw;background:#3b82f614;animation-delay:-12s}.auth-branding{flex:1;display:none;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem);border-right:1px solid var(--border-color);background:linear-gradient(160deg,var(--accent-subtle),transparent 60%)}.auth-branding-content{max-width:460px}.auth-branding-icon{width:46px;height:46px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:1.5rem;box-shadow:0 6px 20px var(--accent-glow)}.auth-branding h1{margin-bottom:.85rem}.auth-branding-accent{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-branding p{font-size:clamp(.92rem,.7vw + .5rem,1.1rem);color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.auth-branding-features{display:flex;gap:1rem;flex-wrap:wrap}.auth-feature{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary);font-weight:500}.auth-feature i{color:var(--accent);font-size:.85rem}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:1.25rem}.auth-card{width:100%;max-width:390px;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:clamp(1.5rem,3vw,2.25rem);box-shadow:var(--shadow-lg)}.auth-card-header{text-align:center;margin-bottom:1.5rem}.auth-card-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;margin:0 auto .75rem;box-shadow:0 4px 14px var(--accent-glow)}.auth-card-subtitle{font-size:.82rem;color:var(--text-secondary);margin-top:.35rem}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-form .btn-lg{margin-top:.35rem;width:100%}.auth-divider{display:flex;align-items:center;gap:.65rem;margin:1.1rem 0;color:var(--text-tertiary);font-size:.72rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-toggle-btn{width:100%;background:none;border:none;color:var(--text-secondary);font-size:.8rem;cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);transition:all var(--transition);font-weight:500}.auth-toggle-btn:hover{color:var(--accent);background:var(--accent-subtle)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:1;transition:opacity .2s ease}.modal-overlay.hidden{opacity:0;pointer-events:none}.modal-content{width:100%;max-width:820px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-xl);background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{display:flex;align-items:center;gap:.35rem;font-size:.95rem}.modal-header h2 i{color:var(--accent)}.modal-body{padding:0;overflow-y:auto;flex:1;min-height:0}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.crud-table{width:100%;border-collapse:collapse;text-align:left;min-width:440px}.crud-table th{background:var(--bg-surface);position:sticky;top:0;z-index:10;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:700;padding:.75rem 1.15rem;border-bottom:1px solid var(--border-color)}.crud-table td{padding:.6rem 1.15rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.82rem}.crud-table .table-value{font-weight:600;font-variant-numeric:tabular-nums}.crud-table .actions-col{text-align:right;width:90px;white-space:nowrap}.crud-table .actions-col .btn-icon{width:28px;height:28px;font-size:.78rem;border:none;background:transparent}.crud-table .inline-edit-input{width:100%;padding:.35rem .55rem;background:var(--input-bg);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.82rem;outline:none}.crud-table tbody tr:hover td{background:var(--accent-subtle)}.confirm-box{background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:1.75rem 1.5rem;border-radius:var(--radius-xl);text-align:center;max-width:370px;width:100%;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);pointer-events:auto}.confirm-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--danger-subtle);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.1rem;color:var(--danger)}.confirm-box h3{margin-bottom:1.15rem;font-size:.95rem;font-weight:600;line-height:1.5}.confirm-actions{display:flex;gap:.5rem;justify-content:center;width:100%}.confirm-actions .btn{flex:1;max-width:140px}.portfolio-modal{max-width:400px;text-align:left}.portfolio-modal-header{text-align:center;margin-bottom:1.1rem}.portfolio-modal-icon{width:42px;height:42px;border-radius:var(--radius-full);background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.1rem;color:var(--accent)}.portfolio-modal-header h3{margin-bottom:.3rem}.portfolio-modal-header p{font-size:.78rem;color:var(--text-secondary);line-height:1.5}.portfolio-modal-form{display:flex;flex-direction:column;gap:.75rem}.portfolio-modal-form .confirm-actions{margin-top:.4rem}.custom-datepicker{position:relative;width:100%}.dp-input{width:100%;cursor:pointer;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.88rem;transition:all var(--transition)}.dp-input:hover{border-color:var(--accent)}.dp-input.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dp-input-content{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;white-space:nowrap}.dp-input-content i{color:var(--accent);font-size:.82rem}.dp-popover{z-index:9999;-webkit-user-select:none;user-select:none;padding:.85rem;background:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;border-radius:var(--radius-lg);animation:fadeInUp .15s ease-out}.dp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;font-weight:600;font-size:.85rem}.dp-btn{background:transparent;border:none;cursor:pointer;width:26px;height:26px;border-radius:var(--radius-full);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.dp-btn:hover{background:var(--accent-subtle);color:var(--accent)}.dp-days-header{display:flex;justify-content:space-between;margin-bottom:.3rem;color:var(--text-tertiary);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dp-days-header div{width:28px;text-align:center}.dp-row{display:flex;justify-content:space-between;margin-bottom:.1rem}.dp-cell{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:.75rem;cursor:pointer;transition:all var(--transition);font-weight:500}.dp-cell:hover:not(.disabled){background:var(--accent-subtle);color:var(--accent)}.dp-cell.disabled{opacity:.2;pointer-events:none}.dp-cell.selected{background:var(--accent);color:#fff;font-weight:700;box-shadow:0 2px 8px var(--accent-glow)}.toast-container{position:fixed;bottom:1rem;right:1rem;z-index:2000;display:flex;flex-direction:column;gap:.35rem;pointer-events:none;max-width:340px}.toast{padding:.6rem 1rem;background:var(--bg-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;align-items:center;gap:.45rem;font-weight:500;font-size:.82rem;animation:slideInRight .35s cubic-bezier(.175,.885,.32,1.275) forwards}.toast-success i{color:var(--success)}.toast-error i{color:var(--danger)}.toast-info i{color:var(--accent)}.summary-stats{display:flex;gap:.5rem;margin-bottom:.75rem;flex-shrink:0}.summary-stat{flex:1;display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition)}.summary-stat:hover{border-color:var(--border-hover)}.summary-stat-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:.8rem;flex-shrink:0;transition:all var(--transition)}.summary-stat-icon.stat-up{background:#34d3991a;color:var(--success)}.summary-stat-icon.stat-down{background:var(--danger-subtle);color:var(--danger)}.summary-stat-content{display:flex;flex-direction:column;min-width:0}.summary-stat-label{font-size:.62rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.summary-stat-value{font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.header-breadcrumb{display:flex;align-items:center;gap:.4rem;padding:.25rem .7rem;background:var(--accent-subtle);border-radius:var(--radius-full);font-size:.72rem;font-weight:600;color:var(--accent);white-space:nowrap;flex-shrink:0}.header-breadcrumb i{font-size:.65rem}.ticker-up{color:var(--success)!important}.ticker-down{color:var(--danger)!important}.ticker-arrow{margin-left:.2rem;font-size:.7em}.history-change{display:flex;align-items:center;gap:.2rem;font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.history-change.up{background:#34d3991a;color:var(--success)}.history-change.down{background:var(--danger-subtle);color:var(--danger)}.history-change.neutral{background:var(--accent-subtle);color:var(--text-tertiary)}.history-change i{font-size:.72rem}.empty-state-hint{font-size:.72rem;color:var(--text-tertiary);opacity:.7;margin-top:.15rem}.skeleton-item{pointer-events:none}.skeleton-line{display:block;height:.75rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--border-color) 25%,var(--border-hover) 50%,var(--border-color) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-w60{width:60%}.skeleton-w40{width:40%;margin-top:.3rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scroll-to-top{display:none;position:fixed;bottom:1.25rem;right:1.25rem;z-index:900;width:40px;height:40px;border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;border:none;font-size:.9rem;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 16px var(--accent-glow);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.scroll-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 20px #0000000f}button:focus-visible,input:focus-visible,a:focus-visible,.btn-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.08)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 1024px){.auth-branding{display:flex}.dashboard-grid{grid-template-columns:320px 1fr;grid-template-rows:1fr}.dashboard-left{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;padding-right:.15rem}.dashboard-left::-webkit-scrollbar{width:3px}.dashboard-left::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chart-card,.history-card{flex:1;min-height:0}}@media (min-width: 1280px){.dashboard-grid{grid-template-columns:360px 1fr}}@media (min-width: 1440px){.dashboard-grid{grid-template-columns:380px 1fr;gap:1.25rem}.dashboard{padding:1.25rem 1.5rem}}@media (min-width: 1920px){:root{--sidebar-width: 280px;--sidebar-collapsed: 58px}.dashboard-grid{grid-template-columns:minmax(400px,22%) 1fr;gap:1.5rem}.dashboard{padding:1.75rem}.summary-stat{padding:.65rem .85rem}.summary-stat-value{font-size:.95rem}}@media (min-width: 2560px){:root{--sidebar-width: 300px}.dashboard{padding:2.25rem}.dashboard-grid{grid-template-columns:minmax(460px,20%) 1fr;gap:2rem}.summary-stat-icon{width:36px;height:36px;font-size:.9rem}.summary-stat-value{font-size:1rem}.card{padding:1.5rem}h2{font-size:1.05rem}}@media (min-width: 3200px){:root{--sidebar-width: 320px;--sidebar-collapsed: 64px}.dashboard{padding:2.75rem}.dashboard-grid{grid-template-columns:minmax(500px,18%) 1fr;gap:2.5rem}.card{padding:1.75rem;border-radius:var(--radius-xl)}h2{font-size:1.15rem}.summary-stat{padding:.8rem 1rem;gap:.7rem}.summary-stat-icon{width:40px;height:40px;font-size:1rem}.summary-stat-value{font-size:1.1rem}.top-header{padding:0 2rem;height:56px}.header-breadcrumb{font-size:.82rem;padding:.3rem .85rem}}@media (max-width: 1023px){.sidebar{width:var(--sidebar-width)!important;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open .sb-text{max-width:200px;opacity:1;pointer-events:auto}.sidebar.open .sidebar-portfolio-item{gap:.55rem;justify-content:flex-start;padding:.45rem .55rem}.sidebar.open .sidebar-add-btn{gap:.4rem;justify-content:flex-start;padding:.4rem .55rem}.sidebar.open .sidebar-footer-btn{gap:.6rem;justify-content:flex-start;padding:.45rem .55rem}.sidebar-overlay{display:block}.sidebar-close-btn{display:flex}.sidebar-pin-btn{display:none!important}.header-menu-btn{display:flex}.main-content{margin-left:0!important}body,#root{height:auto;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.main-content{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}.dashboard{overflow:visible;flex:none}.dashboard-grid{flex:none;grid-template-columns:1fr}.chart-card{min-height:380px;height:480px;flex:none}.history-card{height:350px;flex:none}.scroll-to-top{display:flex}.card:hover{transform:none;box-shadow:none}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-right{grid-column:1 / -1}.chart-card{height:340px}.auth-branding{display:flex}}@media (max-width: 639px){.top-header{padding:0 .65rem}.header-breadcrumb{display:none}.ticker-item{flex-direction:column;gap:0rem;align-items:flex-start}.ticker-label{font-size:.58rem}.ticker-value{font-size:.72rem}.card{padding:1.1rem;border-radius:var(--radius-md)}.chart-card{height:500px;min-height:400px}.history-card{height:360px}.chart-top{flex-direction:column;align-items:stretch;gap:.3rem;margin-bottom:.5rem}.chart-controls{justify-content:flex-start;margin-top:.1rem}.summary-stats{gap:.5rem;flex-wrap:wrap}.summary-stat{padding:.5rem;gap:.4rem;min-width:100px}.summary-stat-icon{width:26px;height:26px;font-size:.7rem}.summary-stat-label{font-size:.55rem}.summary-stat-value{font-size:.75rem}.confirm-box,.auth-card{padding:1.35rem 1rem}.modal-content{max-height:90vh;border-radius:var(--radius-md)}.toast-container{right:.5rem;bottom:.5rem;left:.5rem;max-width:none}.sidebar{width:min(85vw,300px)!important}.dashboard{padding:.75rem}.history-change{font-size:.6rem;padding:.1rem .35rem}}@media (max-width: 374px){.top-header{padding:0 .45rem;gap:.4rem}.card{padding:.75rem .6rem}.dashboard{padding:.45rem .3rem}.sidebar{width:100vw!important}.auth-card{padding:1.15rem .75rem}.summary-stats{flex-direction:column}}