:root{--bg-root:#f8fafc;--bg-surface:#ffffff;--bg-elevated:#f8fafc;--bg-card:#ffffff;--bg-input:#f1f5f9;--bg-hover:#f8fafc;--border-subtle:#f1f5f9;--border-default:#e2e8f0;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--bg-fade-shadow:rgba(255,255,255,0.85);--text-muted:#cbd5e1;--accent:#4f46e5;--accent-soft:rgba(79,70,229,0.05);--accent-glow:rgba(79,70,229,0.12);--success:#059669;--success-soft:rgba(5,150,105,0.06);--success-bg:rgba(5,150,105,0.02);--warning:#d97706;--warning-soft:rgba(217,119,6,0.06);--warning-bg:rgba(217,119,6,0.02);--danger:#ef4444;--danger-soft:rgba(239,68,68,0.06);--danger-bg:rgba(239,68,68,0.02);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Cascadia Code",monospace;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.02);--shadow-card:0 1px 3px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.02);--shadow-elevated:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.02);--ease-out:cubic-bezier(0.16,1,0.3,1);--transition-fast:150ms var(--ease-out);--transition-normal:250ms var(--ease-out);--sidebar-width:256px;--sidebar-collapsed-width:64px;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--amber:#f59e0b;--amber-dark:#e08e00;--accent-pressed:#5558e6;--accent-soft-hover:rgba(99,102,241,0.1);--accent-soft-border:rgba(99,102,241,0.25);--success-soft-hover:rgba(16,185,129,0.1);--success-soft-border:rgba(16,185,129,0.25);--amber-soft-hover:rgba(245,158,11,0.1);--amber-color:var(--amber-color);--amber-soft-border:rgba(245,158,11,0.3);--amber-soft-border-strong:rgba(245,158,11,0.5);--amber-soft-bg:rgba(245,158,11,0.05);--amber-grad-bg:rgba(245,158,11,0.04);--orange-grad-bg:rgba(249,115,22,0.04);--amber-dot-bg:rgba(245,158,11,0.3)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}html{font-size:clamp(15px,1.2vw,16px);-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-root);color:var(--text-primary);line-height:1.5;min-height:100vh}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield;appearance:textfield}img,svg,canvas,video,table,input,select,button{max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}#app{min-height:100vh}.app-layout{display:flex;height:100vh;min-width:0;overflow:hidden}.main-content-inner{min-width:0;max-width:1200px;margin:0 auto;width:100%}.mobile-bottom-nav{display:none}.sidebar-close-btn{display:none}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width var(--transition-normal);z-index:100}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-tab{position:relative;padding:12px 0;justify-content:center;gap:0}.sidebar.collapsed .sidebar-tab[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:calc(var(--sidebar-collapsed-width) - 4px);top:50%;transform:translateY(-50%);background:var(--text-primary);color:#fff;font-size:0.72rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:200}.sidebar.collapsed .sidebar-tab[data-tooltip]:hover::after{opacity:1}.sidebar-brand{cursor:pointer;padding:16px 12px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px;overflow:hidden;min-height:64px}.sidebar-logo{flex-shrink:0;display:flex;align-items:center}.sidebar-logo svg{display:block;border-radius:8px}.sidebar-brand-text{overflow:hidden;white-space:nowrap}.sidebar-brand-title{font-size:0.95rem;font-weight:700;letter-spacing:-0.03em;color:var(--text-primary)}.sidebar-brand-sub{font-size:0.72rem;color:var(--text-tertiary);font-weight:400;letter-spacing:0.02em}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;margin:8px auto;width:32px;height:26px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;font-size:0.8rem;transition:all var(--transition-fast)}.sidebar-toggle-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.sidebar-nav{padding:8px 0;flex:1}.sidebar-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:0.85rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-left:4px solid transparent;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden}@media (hover:hover){.sidebar-tab:hover{background:var(--bg-hover);color:var(--text-primary)}}@media (hover:none){.sidebar-tab:active{background:var(--bg-hover);color:var(--text-primary)}}.sidebar-tab.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar-tab-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .sidebar-tab-icon{width:26px;height:26px}.sidebar.collapsed .sidebar-tab-icon svg{width:22px;height:22px}.main-content{flex:1;min-width:0;padding:12px 20px 24px;overflow-y:auto;height:100vh;box-sizing:border-box}@media (min-width:1200px){.main-content-inner{max-width:1600px}.tracker-folios-wrap{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}}.header{display:flex;align-items:center;padding:8px 0 10px;margin-bottom:4px;border-bottom:1px solid var(--border-subtle)}.header-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;flex-wrap:nowrap}.header-left{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:nowrap;margin-left:auto;min-width:0}.mobile-menu-btn{display:none}.header-info-line{display:none}.user-profile-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:100px;font-size:0.72rem;font-weight:600;background:var(--accent-soft);border:1px solid rgba(99,102,241,0.15);color:var(--accent);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.user-profile-icon{display:flex;align-items:center;color:var(--accent)}.user-profile-name{text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-badge{display:flex;align-items:center;gap:5px;font-size:0.72rem;font-weight:500;color:var(--success);background:var(--success-soft);padding:4px 12px;border-radius:100px;opacity:0;transform:translateY(-4px);transition:opacity var(--transition-normal),transform var(--transition-normal);pointer-events:none;white-space:nowrap}.save-badge.visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--radius-sm);font-size:0.78rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-archive{background:var(--amber);color:#fff;border:1px solid #f59e0b;box-shadow:0 1px 4px rgba(249,115,22,0.25)}.btn-archive:hover{background:var(--amber-dark);border-color:var(--amber-dark)}.btn-archive.active{background:var(--amber-dark)}.btn-icon-archive svg{flex-shrink:0}.btn-config{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-config:hover{background:var(--accent-pressed);border-color:var(--accent-pressed)}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 1px 3px rgba(99,102,241,0.2)}.btn-primary:hover{background:var(--accent-pressed);border-color:var(--accent-pressed)}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger)}.btn-danger-outline:hover{background:var(--danger-soft)}.btn-text{display:inline}.header-tab-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:0.82rem;font-weight:700;letter-spacing:0.01em;border:1.5px solid transparent;transition:all var(--transition-fast);white-space:nowrap}.htp-icon{font-size:0.9rem;line-height:1}.htp-label{line-height:2}.header-tab-pill--tracker{background:var(--accent-soft-hover);color:var(--accent);border-color:var(--accent-soft-border)}.header-tab-pill--reporting{background:var(--success-soft-hover);color:var(--success);border-color:var(--success-soft-border)}.header-tab-pill--logs{background:var(--amber-soft-hover);color:var(--amber-color);border-color:var(--amber-soft-border)}.folio-lots-capsule{display:inline-flex;align-items:center;height:28px;border-radius:100px;border:1.5px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-xs);overflow:hidden;padding:0 14px;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.folio-lots-capsule.lots-same{border-color:var(--border-default);background:transparent;box-shadow:none}.folio-lots-capsule.lots-same .flc-main{color:var(--text-secondary)}.folio-lots-capsule.lots-rem{border-color:rgba(245,158,11,0.5);background:rgba(245,158,11,0.07);box-shadow:0 0 0 2px rgba(245,158,11,0.1)}.folio-lots-capsule.lots-rem .flc-main{color:#d97706}.folio-lots-capsule.lots-extra{border-color:rgba(139,92,246,0.4);background:rgba(139,92,246,0.07);box-shadow:0 0 0 2px rgba(139,92,246,0.1)}.folio-lots-capsule.lots-extra .flc-main{color:#7c3aed}.flc-main{font-family:var(--font-mono);font-weight:700;font-size:0.75rem;letter-spacing:0.01em;white-space:nowrap}.flc-icon{display:none}.flc-item{display:none}.flc-label{display:none}.flc-val{font-family:var(--font-mono);font-weight:700;color:var(--text-primary);font-size:0.76rem}.flc-warn{font-family:var(--font-mono);font-size:0.68rem;color:#d97706;font-weight:600;opacity:0.85}.flc-sep{display:none}.config-panel{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows 350ms cubic-bezier(0.16,1,0.3,1),opacity 250ms cubic-bezier(0.16,1,0.3,1)}.config-panel>.config-inner{overflow:hidden}.config-panel.open{grid-template-rows:1fr;opacity:1;margin-bottom:16px}.config-inner{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm);min-height:0}.config-toggles{display:flex;gap:14px;margin-bottom:14px}.toggle-group{display:flex;flex-direction:column;gap:4px}.toggle-group-label{font-size:0.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em}.toggle-buttons{display:flex;background:var(--bg-input);padding:2px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.toggle-btn{padding:4px 14px;font-size:0.78rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--bg-surface);color:var(--accent);font-weight:600;box-shadow:var(--shadow-xs)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,175px),1fr));gap:12px;margin-bottom:14px}.config-field{display:flex;flex-direction:column;gap:4px}.config-field label{font-size:0.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em}.config-field input{padding:6px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.8rem;background:var(--bg-surface);color:var(--text-primary);transition:all var(--transition-fast)}.config-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.config-summary{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border-subtle);padding-top:12px}.summary-chip{display:inline-flex;align-items:center;gap:4px;font-size:0.72rem;font-weight:500;padding:3px 10px;border-radius:100px;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary)}.chip-val{color:var(--accent);font-family:var(--font-mono);font-weight:600}.archive-bar{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows 350ms cubic-bezier(0.16,1,0.3,1),opacity 250ms cubic-bezier(0.16,1,0.3,1)}.archive-bar>.archive-inner{overflow:hidden}.archive-bar.open{grid-template-rows:1fr;opacity:1;margin-bottom:16px}.archive-inner{background:linear-gradient( 135deg,var(--orange-grad-bg),var(--amber-grad-bg) );border:1px solid rgba(249,115,22,0.18);border-radius:var(--radius-lg);padding:14px 20px;box-shadow:var(--shadow-xs);display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;min-height:0}.archive-field{display:flex;flex-direction:column;gap:4px}.archive-field label{font-size:0.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.06em}.archive-field input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:7px 11px;font-size:0.82rem;color:var(--text-primary)}.archive-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.archive-preview{display:flex;align-items:center;gap:6px;padding-bottom:8px;font-size:0.8rem;color:var(--text-secondary)}.archive-preview-arrow{color:var(--text-muted)}.archive-preview-label{color:var(--text-tertiary);font-size:0.76rem}.archive-preview strong{color:#f59e0b;font-family:var(--font-mono);font-size:0.9rem;font-weight:700;background:var(--amber-soft-hover);padding:2px 10px;border-radius:100px;border:1px solid rgba(245,158,11,0.25)}.folio-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow-xs)}.folio-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px}.folio-header-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;flex:1}.folio-header-right-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.exp-week-label-text{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary)}.folio-name-input{font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:3px 7px;transition:all var(--transition-fast);max-width:160px;min-width:50px;flex-shrink:1}.folio-name-input:hover{border-color:var(--border-default)}.folio-name-input:focus{border-color:var(--accent);background:var(--bg-input)}.folio-name-sep{width:1px;height:16px;background:var(--border-default);border-radius:1px;flex-shrink:0;margin:0 2px}.folio-meta{display:inline-flex;align-items:center;gap:3px;font-size:0.72rem;color:var(--text-tertiary);flex-shrink:0;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:100px;padding:4px 12px;box-shadow:var(--shadow-xs)}.folio-meta-num{color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:0.76rem}.folio-meta-label{color:var(--text-tertiary)}.folio-meta-dot{color:var(--text-muted);font-size:0.6rem;margin:0 4px}.folio-stats{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.folio-stat{display:flex;align-items:center;gap:4px;font-size:0.72rem;color:var(--text-secondary);white-space:nowrap}.folio-stat .stat-val{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.folio-indicator{display:inline-flex;align-items:center;gap:4px;font-size:0.72rem;font-weight:600;padding:3px 10px;border-radius:100px;flex-shrink:0;white-space:nowrap}.folio-indicator.leading{background:var(--success-soft);color:var(--success)}.folio-indicator.trailing{background:var(--danger-soft);color:var(--danger)}.folio-indicator.neutral{background:var(--accent-soft);color:var(--accent)}.folio-table-wrap{overflow-x:auto;position:relative}.position-table{width:100%;min-width:720px;border-collapse:collapse;font-size:0.82rem}.position-table tr{display:grid;grid-template-columns:40px 1.2fr 1fr 1.1fr 1fr 0.8fr 1fr 1.3fr 1.1fr 70px;align-items:center}.position-table thead th{padding:8px 6px;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-tertiary);text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:var(--bg-surface);display:flex;align-items:center;width:100% !important;height:100%;position:sticky;top:0;z-index:2}.position-table thead th:first-child{padding:8px 4px;justify-content:center}.position-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);min-height:36px}@media (hover:hover){.position-table tbody tr:hover{background:rgba(99,102,241,0.02)}}.position-table tbody tr.disabled-row{opacity:0.35}.position-table tbody tr.closed-row{background:var(--success-bg)}.position-table tbody tr.both-values-row{border:1.5px solid #3b82f6 !important;box-shadow:0 0 4px rgba(59,130,246,0.2) !important}.position-table tbody td{padding:8px 6px;display:flex;align-items:center;width:100% !important;height:100%}.position-table tbody td:first-child{padding:8px 4px;justify-content:center}.row-checkbox{width:15px;height:15px;border:1.5px solid var(--text-muted);border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;background:var(--bg-surface);transition:all var(--transition-fast);position:relative}.row-checkbox:checked{background:var(--accent);border-color:var(--accent)}.row-checkbox:checked::after{content:"\2713";color:#fff;font-size:9px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cell-input{width:100%;min-width:0;padding:4px 6px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:0.8rem;color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box}.cell-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.td-entry .cell-input{width:72px}.td-strike .cell-input{width:80px}.td-exit .cell-input{width:72px}.td-lots .spin-wrap{width:44px;flex-shrink:0}.lots-inner{display:inline-flex;flex-direction:row;align-items:center;gap:4px}.qty-capsule{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:100px;font-size:0.62rem;font-weight:700;letter-spacing:0.02em;white-space:nowrap;pointer-events:none;user-select:none;line-height:1.5;border:1px solid transparent;flex-shrink:0}.qty-capsule.nifty{background:rgba(79,70,229,0.08);color:#4f46e5;border-color:rgba(79,70,229,0.18)}.qty-capsule.sensex{background:rgba(245,158,11,0.08);color:#d97706;border-color:rgba(245,158,11,0.18)}.qty-capsule.cfg{background:var(--bg-input);color:var(--text-secondary);border-color:var(--border-subtle)}.date-input-wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;width:90px;height:26px;padding:3px 6px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.date-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,0.3);background:var(--bg-surface)}.date-display-text{font-family:var(--font-sans);font-size:0.8rem;color:var(--text-primary);pointer-events:none}.date-calendar-icon{font-size:0.85rem;opacity:0.7;pointer-events:none;line-height:1}.date-native-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cell-input.lots-input{min-width:0;width:100%}.spin-wrap{position:relative;display:flex;align-items:center;width:100%}.spin-wrap .cell-input{padding-right:18px}.spin-icon{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:0.62rem;color:var(--text-tertiary);pointer-events:none;user-select:none;line-height:1;opacity:0.55;transition:opacity var(--transition-fast),color var(--transition-fast)}.spin-wrap:focus-within .spin-icon{color:var(--accent);opacity:1}.calc-field{font-family:var(--font-mono);font-weight:500;font-size:0.82rem;white-space:nowrap;padding:0 3px}.calc-field.positive{color:var(--success)}.calc-field.negative{color:var(--danger)}.calc-field.neutral-val{color:var(--text-muted)}.index-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:100px;font-size:0.68rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid var(--border-default);user-select:none;width:52px}.index-badge.cfg{background:var(--bg-input);color:var(--text-secondary)}.index-badge.nifty{background:rgba(79,70,229,0.1);color:#4f46e5;border-color:rgba(79,70,229,0.15)}.index-badge.sensex{background:var(--amber-soft-hover);color:#d97706;border-color:rgba(245,158,11,0.15)}@media (hover:hover){.index-badge:hover{transform:scale(1.05)}}.btn-delete-row{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--danger);transition:all var(--transition-fast);font-size:0.8rem;background:transparent;border:none}.btn-delete-row:hover{background:var(--danger-soft);color:var(--danger)}.btn-copy-row{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent);transition:all var(--transition-fast);font-size:0.8rem;background:transparent;border:none}.btn-copy-row:hover{background:var(--accent-soft);color:var(--accent)}.td-del{display:flex;gap:6px;justify-content:center}.folio-actions{padding:10px 18px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.folio-actions-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-add-row{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px dashed var(--border-default);color:var(--text-tertiary);font-size:0.76rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-add-row:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-reset{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px dashed var(--border-default);color:var(--text-tertiary);font-size:0.76rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-reset:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.folio-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;padding:10px 14px 12px}@media (min-width:769px){.folio-dashboard{grid-template-columns:repeat(4,1fr) !important}}.metric-card-v2{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:11px 13px 10px;display:flex;flex-direction:column;gap:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.metric-card-v2::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),#8b5cf6);opacity:0.3;transition:opacity var(--transition-fast)}@media (hover:hover){.metric-card-v2:hover{border-color:var(--border-default);box-shadow:var(--shadow-card)}.metric-card-v2:hover::before{opacity:1}}.mc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;gap:6px}.mc-title{font-size:0.76rem;font-weight:700;letter-spacing:0.01em;color:var(--text-secondary);white-space:nowrap}.mc-title-instrument{color:#fff;background:var(--accent);font-weight:700;letter-spacing:0.03em;padding:1px 7px;border-radius:5px;font-size:0.74rem;display:inline-block;line-height:1.5;margin-right:1px}.mc-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:100px;font-size:0.72rem;font-weight:600;white-space:nowrap;font-family:var(--font-mono);flex-shrink:0}.mc-badge-accent{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(99,102,241,0.18)}.mc-badge-success{background:var(--success-soft);color:var(--success);border:1px solid rgba(5,150,105,0.2)}.mc-badge-warn{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(220,38,38,0.2)}.mc-body{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}.mc-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.mc-row-label{font-size:0.68rem;color:var(--text-secondary);font-weight:500;flex-shrink:0}.mc-row-value{font-family:var(--font-mono);font-size:0.85rem;font-weight:700;letter-spacing:-0.02em;text-align:right}.mc-accent{color:var(--accent)}.mc-progress-wrap{display:flex;align-items:center;gap:7px;margin-top:2px}.mc-progress-track{flex:1;height:3px;background:var(--border-default);border-radius:100px;overflow:hidden}.mc-progress-fill{height:100%;border-radius:100px;transition:width 500ms var(--ease-out),background 300ms var(--ease-out);min-width:0}.mc-progress-pct{font-size:0.62rem;font-weight:700;font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;min-width:34px;text-align:right}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 10px;display:flex;flex-direction:column;gap:2px;transition:border-color var(--transition-fast)}.metric-card:hover{border-color:var(--border-default)}.metric-label{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-tertiary)}.metric-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;letter-spacing:-0.02em}.metric-value.positive{color:var(--success)}.metric-value.negative{color:var(--danger)}.metric-value.accent-val{color:var(--accent)}.metric-sub{font-size:0.68rem;color:var(--text-muted)}.exp-week-picker{position:relative;display:inline-flex;align-items:center;gap:5px;height:26px;padding:3px 9px;background:var(--accent-soft);border:1px solid rgba(99,102,241,0.22);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);user-select:none;font-size:0.72rem}.exp-week-picker:hover{background:rgba(99,102,241,0.14);border-color:var(--accent)}.exp-week-picker:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.exp-week-icon{font-size:0.78rem;line-height:1;pointer-events:none}.exp-week-label{font-size:0.72rem;font-weight:600;color:var(--accent);font-family:var(--font-mono);pointer-events:none;white-space:nowrap}.exp-week-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}.progress-section{padding:0 14px 8px}.progress-item{margin-bottom:6px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.progress-label{font-size:0.7rem;font-weight:600;color:var(--text-secondary)}.progress-pct{font-size:0.7rem;font-weight:700;font-family:var(--font-mono)}.progress-bar-track{width:100%;height:4px;background:var(--border-default);border-radius:100px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:100px;transition:width 500ms var(--ease-out)}.progress-bar-fill.green{background:linear-gradient(90deg,#059669,#10b981)}.progress-bar-fill.blue{background:linear-gradient(90deg,#6366f1,#818cf8)}.progress-bar-fill.red{background:linear-gradient(90deg,#dc2626,#f87171)}.trailing-warning{margin:0 18px 14px;padding:9px 14px;background:var(--warning-bg);border:1px solid rgba(217,119,6,0.15);border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;font-size:0.76rem;color:var(--warning);font-weight:500;animation:fadeSlideIn 300ms var(--ease-out)}.trailing-warning .warn-icon{font-size:0.95rem}.trailing-warning .warn-val{font-family:var(--font-mono);font-weight:700}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.report-section{animation:fadeSlideIn 300ms var(--ease-out)}.report-sub-tabs{display:flex;gap:2px;background:var(--bg-input);border-radius:var(--radius-sm);padding:3px;width:fit-content;margin-bottom:16px}.report-sub-tab{padding:6px 18px;border-radius:5px;font-size:0.76rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.report-sub-tab:hover{color:var(--text-secondary)}.report-sub-tab.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs);font-weight:600}.rpt-filter-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;box-shadow:var(--shadow-xs)}.rpt-filter-left{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;flex:1;min-width:0}.rpt-filter-right{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.rpt-filter-group{display:flex;flex-direction:column;gap:6px}.rpt-filter-label{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-tertiary)}.rpt-pill-row{display:flex;gap:5px;flex-wrap:wrap}.rpt-pill{padding:5px 14px;border-radius:100px;font-size:0.74rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;background:var(--bg-input);border:1px solid var(--border-subtle);transition:all var(--transition-fast);user-select:none;min-height:30px;display:flex;align-items:center}.rpt-pill:hover{color:var(--text-secondary);border-color:var(--border-default)}.rpt-pill.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(99,102,241,0.3);font-weight:600}.rpt-filter-divider-v{width:1px;background:var(--border-subtle);align-self:stretch;margin:2px 0;flex-shrink:0}.rpt-select-wrap{position:relative;display:inline-flex;align-items:center}.rpt-select{appearance:none;-webkit-appearance:none;padding:8px 28px 8px 12px;font-size:0.75rem;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast);min-width:130px;min-height:36px}.rpt-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.rpt-select-arrow{position:absolute;right:9px;pointer-events:none;font-size:0.65rem;color:var(--text-tertiary)}.rpt-filter-sep{height:1px;background:var(--border-subtle);margin:12px 0 0}.rpt-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.rpt-kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 14px 12px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:6px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}@media (hover:hover){.rpt-kpi-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--border-default)}}.rpt-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.rpt-kpi-label{font-size:0.63rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpt-kpi-icon{font-size:0.82rem;line-height:1;flex-shrink:0;opacity:0.75}.rpt-kpi-value{font-family:var(--font-mono);font-size:clamp(0.76rem,1.1vw,0.96rem);font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-0.01em}.rpt-kpi-value.positive,.rpt-kpi-icon.positive{color:var(--success)}.rpt-kpi-value.negative,.rpt-kpi-icon.negative{color:var(--danger)}.rpt-kpi-value.accent-val,.rpt-kpi-icon.accent-val{color:var(--accent)}.rpt-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;align-items:start}.rpt-chart-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-xs)}.rpt-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap}.rpt-chart-title{font-size:0.68rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.07em}.rpt-instrument-badge{display:inline-flex;align-items:center;gap:3px;background:var(--accent-soft);border:1px solid rgba(99,102,241,0.2);border-radius:100px;padding:3px 9px;font-size:0.66rem;font-weight:600;flex-shrink:0}.rpt-badge-label{color:var(--text-tertiary)}.rpt-badge-val{color:var(--accent)}.rpt-badge-pct{color:var(--text-secondary)}.rpt-chart-canvas{display:block;width:100% !important;height:clamp(150px,20vw,260px) !important}.folio-filter-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.folio-filter-btn{padding:5px 14px;border-radius:100px;font-size:0.74rem;font-weight:500;color:var(--text-tertiary);cursor:pointer;background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.folio-filter-btn:hover{color:var(--text-secondary);border-color:var(--border-default)}.folio-filter-btn.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(99,102,241,0.3);font-weight:600}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:10px;margin-bottom:18px}.report-table-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);margin-top:16px;position:relative}.report-table{width:100%;border-collapse:collapse;font-size:0.82rem}.report-table thead th{padding:10px 12px;font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.07em;color:var(--text-tertiary);text-align:left;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);position:sticky;top:0;z-index:2}.report-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.report-table tbody tr:last-child{border-bottom:none}@media (hover:hover){.report-table tbody tr:hover{background:rgba(99,102,241,0.02)}}.report-table tbody td{padding:9px 12px;vertical-align:middle}.report-table .mono{font-family:var(--font-mono);font-weight:500}.report-table .positive{color:var(--success);font-weight:600}.report-table .negative{color:var(--danger);font-weight:600}.report-table .folio-breakdown{font-size:0.72rem;color:var(--text-tertiary);margin-top:2px}.filter-row th{padding:4px 6px !important;background:var(--bg-surface) !important;border-bottom:1px solid var(--border-default) !important}.filter-input{width:100%;padding:4px 8px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.75rem;color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast)}.filter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.filter-input::placeholder{color:var(--text-muted)}.tradelog-stats{display:flex;gap:14px;margin-bottom:10px;flex-wrap:wrap;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.tl-stat{display:flex;align-items:center;gap:5px;font-size:0.76rem}.tl-stat-label{color:var(--text-tertiary);font-weight:500}.tl-stat-val{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.tl-stat-val.positive{color:var(--success)}.tl-stat-val.negative{color:var(--danger)}.tl-table-scroll{max-height:520px;overflow-y:auto;border-radius:var(--radius-sm)}.tl-table-scroll thead th{position:sticky;top:0;z-index:2;background:var(--bg-surface)}.tl-table-scroll thead tr.filter-row th{position:sticky;top:41px;z-index:2;background:var(--bg-surface)}.tl-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 0 4px}.tl-pagesize-wrap{display:flex;align-items:center;gap:8px}.tl-pagesize-label{font-size:0.78rem;color:var(--text-secondary);white-space:nowrap}.tl-pagesize-select{font-size:0.8rem;padding:5px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.tl-pagesize-select:focus{border-color:var(--accent)}.tl-pagination-nav{display:flex;align-items:center;gap:12px}.tl-page-btn{padding:6px 14px;font-size:0.8rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.tl-page-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.tl-page-btn:disabled{opacity:0.4;cursor:not-allowed}.tl-page-info{font-size:0.78rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.log-actions{display:flex;gap:4px;align-items:center}.log-action-btn{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast);font-size:0.82rem}.log-action-btn:hover{background:var(--accent-soft);color:var(--accent)}.log-action-btn.delete-btn:hover{background:var(--danger-soft);color:var(--danger)}.report-charts-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:18px;align-items:start}.chart-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-xs)}.chart-card-sm{min-width:180px}.chart-title{font-size:0.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.07em;margin-bottom:10px}.chart-canvas{display:block;width:100% !important;height:clamp(150px,25vw,280px) !important}.donut-wrap{display:flex;align-items:center;gap:14px}.donut-canvas{flex-shrink:0}.donut-legend{display:flex;flex-direction:column;gap:8px}.donut-legend-item{display:flex;align-items:center;gap:7px;font-size:0.76rem;color:var(--text-secondary);font-weight:500}.donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.empty-state{text-align:center;padding:48px 24px;color:var(--text-tertiary)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:10px;opacity:0.4}.empty-state .empty-title{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--text-secondary)}.empty-state .empty-sub{font-size:0.8rem}.sidebar-brand:hover .sidebar-brand-title{color:var(--accent)}.report-table thead th.sortable{cursor:pointer;user-select:none;position:relative;padding-right:20px !important}.report-table thead th.sortable:hover{background:rgba(99,102,241,0.04) !important;color:var(--text-primary)}.sort-indicator{font-size:0.72rem;margin-left:4px;color:var(--accent);display:inline-block}.manual-entry-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-xs);animation:fadeSlideIn 300ms var(--ease-out)}.manual-entry-title{font-size:0.82rem;font-weight:600;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:6px}.manual-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:10px;align-items:end}.manual-entry-field{display:flex;flex-direction:column;gap:4px}.manual-entry-field label{font-size:0.72rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.03em}.manual-entry-field input,.manual-entry-field select{padding:6px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.78rem;background:var(--bg-input);color:var(--text-primary)}.manual-entry-field input:focus,.manual-entry-field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.manual-entry-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.tradelog-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.export-controls{display:flex;gap:8px;align-items:center}.export-controls label{font-size:0.74rem;font-weight:500;color:var(--text-secondary)}.export-controls input{padding:5px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:0.74rem;background:var(--bg-input);color:var(--text-primary)}.action-panel{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.action-date-range{display:flex;gap:8px;align-items:center}.action-buttons-group{display:flex;gap:6px;align-items:center}.btn-disabled,.btn-disabled:hover{opacity:0.5;cursor:not-allowed !important;background:var(--bg-input) !important;color:var(--text-muted) !important;border-color:var(--border-subtle) !important;box-shadow:none !important;transform:none !important}.import-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:24px;text-align:center;background:var(--bg-input);cursor:pointer;transition:all var(--transition-fast)}.import-dropzone:hover,.import-dropzone.dragover{border-color:var(--accent);background:var(--accent-soft)}.import-dropzone-icon{font-size:2rem;margin-bottom:8px}.import-dropzone-text{font-size:0.86rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.import-dropzone-sub{font-size:0.72rem;color:var(--text-tertiary)}.import-preview-container{margin-top:14px}.import-preview-summary{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:0.78rem;color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center}.login-page-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f3f4f8 0%,#e5e8f0 100%);padding:20px;box-sizing:border-box;overflow:hidden}#login-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.login-card{width:100%;max-width:400px;background:rgba(255,255,255,0.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.5);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-elevated),0 20px 25px -5px rgba(0,0,0,0.05);text-align:center;animation:fadeSlideIn 400ms var(--ease-out);position:relative;z-index:2}.login-logo{display:flex;justify-content:center;margin-bottom:16px}.login-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.login-subtitle{font-size:0.8rem;color:var(--text-tertiary);margin-bottom:24px}.login-field{display:flex;flex-direction:column;gap:6px;text-align:left;margin-bottom:16px}.login-field label{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-secondary)}.login-field input{padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:0.86rem;transition:all var(--transition-fast)}.login-field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,0.3)}.login-btn{display:block;width:fit-content;min-width:150px;margin:20px auto 0;padding:11px 24px;font-size:0.82rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;text-align:center;border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px rgba(99,102,241,0.3);cursor:pointer;transition:all 250ms cubic-bezier(0.16,1,0.3,1);border:1px solid transparent;position:relative;overflow:hidden}.login-btn::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient( 45deg,transparent,rgba(255,255,255,0.2),transparent );transform:rotate(45deg) translate(-75%,-75%);transition:transform 600ms ease}.login-btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 16px rgba(99,102,241,0.45);background:linear-gradient(135deg,#5558e6,#8050eb)}.login-btn:hover::after{transform:rotate(45deg) translate(75%,75%)}.login-btn:active{transform:translateY(0) scale(0.98);box-shadow:0 2px 6px rgba(99,102,241,0.2)}.login-error{margin-top:14px;padding:8px 12px;background:var(--danger-bg);border:1px solid rgba(220,38,38,0.15);border-radius:var(--radius-md);color:var(--danger);font-size:0.76rem;font-weight:500;text-align:center}.admin-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:24px;max-width:750px;box-shadow:var(--shadow-card);animation:fadeSlideIn 300ms var(--ease-out);margin-top:10px}.admin-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.admin-subtitle{font-size:0.8rem;color:var(--text-tertiary);margin-bottom:20px}.admin-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.admin-field label{font-size:0.72rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.admin-field input{padding:8px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:0.82rem}.admin-field input:focus{border-color:var(--accent);outline:none}.admin-btn{padding:8px 18px;font-size:0.82rem;font-weight:600}.password-input-container{position:relative;display:flex;align-items:center;width:100%}.password-input-container input{width:100%;padding-right:36px !important}.password-toggle-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);user-select:none}.password-toggle-btn:hover{color:var(--text-secondary)}@media (max-width:1100px){.report-charts-grid{grid-template-columns:1fr 1fr}.chart-card-sm{min-width:0}.rpt-charts-grid{grid-template-columns:1fr 1fr}.rpt-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.main-content{padding:12px 14px 40px}.report-charts-grid{grid-template-columns:1fr}.rpt-charts-grid{grid-template-columns:1fr 1fr}.rpt-kpi-grid{grid-template-columns:repeat(3,1fr)}.sidebar{width:var(--sidebar-collapsed-width) !important}.sidebar .sidebar-brand-text,.sidebar .sidebar-tab span:not(.sidebar-tab-icon){display:none}}@media (max-width:600px){.config-toggles{flex-direction:column}.archive-inner{flex-direction:column;align-items:stretch}.header-tab-pill{font-size:0.7rem;padding:3px 9px;gap:4px}.htp-icon{font-size:0.75rem}.header-right{gap:3px}.save-badge{display:none}.folio-header{flex-direction:column;align-items:stretch;gap:8px}.folio-header-left{display:flex;align-items:center;gap:5px;width:100%}.folio-header-right-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:6px;margin-top:2px}.folio-header .date-input-wrapper{width:82px !important;height:28px !important;padding:3px 6px !important;margin-left:0 !important;flex-shrink:0 !important}.folio-header .date-display-text{font-size:0.8rem !important}.folio-header .folio-lots-capsule{height:28px !important;flex-shrink:1 !important}.folio-header .flc-label,.folio-header .flc-val{font-size:0.8rem !important}.folio-header .flc-icon{padding:0 4px 0 6px !important;font-size:0.8rem !important}.folio-header .flc-item{padding:0 6px 0 2px !important}.folio-name-input{max-width:130px;font-size:0.9rem}.folio-indicator{height:28px !important;font-size:0.8rem !important;padding:0 10px !important;display:inline-flex !important;align-items:center !important;align-self:center}.folio-actions{flex-wrap:wrap;gap:8px}.folio-meta{font-size:0.68rem;padding:3px 10px}.folio-meta-num{font-size:0.7rem}.rpt-filter-bar{flex-direction:column;gap:12px;padding:12px 14px}.rpt-filter-left{flex-direction:column;gap:10px}.rpt-filter-divider-v{display:none}.rpt-filter-right{flex-direction:column;align-items:stretch;width:100%;gap:6px}.rpt-select-wrap{display:flex;width:100%;position:relative}.rpt-select{width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:32px}.rpt-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.rpt-kpi-card{padding:11px 10px 9px}.rpt-kpi-label{font-size:0.6rem}.rpt-kpi-value{font-size:0.78rem}.rpt-charts-grid{grid-template-columns:1fr}.rpt-chart-canvas{height:clamp(160px,55vw,240px) !important}}.tracker-folios-wrap{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.tracker-folios-wrap>.folio-section{margin-bottom:16px}@media (min-width:1200px){.tracker-folios-wrap{grid-template-columns:1fr}.tracker-folios-wrap>.folio-section{margin-bottom:0}}@media (max-width:768px){.position-table{table-layout:fixed}}@media (min-width:1920px){.main-content-inner{max-width:1440px}.main-content{padding:16px 40px 32px}}@media (min-width:2560px){.main-content-inner{max-width:1680px}.main-content{padding:20px 60px 40px}}.view-as-wrap{display:flex;align-items:center;gap:6px}.view-as-label{font-size:0.72rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.view-as-select{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px 10px 4px 8px;font-size:0.78rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast);height:30px}.view-as-select:focus{border-color:var(--border-focus)}.change-password-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,0.25);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.change-password-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);width:360px;max-width:calc(100vw - 32px);overflow:hidden;animation:cpSlideIn 0.22s var(--ease-out)}@keyframes cpSlideIn{from{opacity:0;transform:translateY(-16px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.change-password-header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;border-bottom:1px solid var(--border-subtle);font-size:0.9rem;font-weight:600;color:var(--text-primary)}.change-password-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.change-password-close{margin-left:auto;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.8rem;color:var(--text-secondary);transition:background var(--transition-fast);line-height:1}.change-password-close:hover{background:var(--danger-soft);color:var(--danger)}.change-password-body{padding:20px}.main-content,.report-section,.manual-entry-card,.admin-panel{animation:tabFadeIn 0.22s var(--ease-out)}@keyframes tabFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;min-width:280px;max-width:420px;background:var(--bg-surface);border-radius:var(--radius-md);border-left:4px solid var(--accent);box-shadow:var(--shadow-elevated);padding:12px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;animation:toastSlideIn 0.3s var(--ease-out);transition:opacity 0.2s var(--ease-out),transform 0.2s var(--ease-out)}.toast.toast-success{border-left-color:var(--success)}.toast.toast-error{border-left-color:var(--danger)}.toast.toast-warning{border-left-color:var(--warning)}.toast-content{flex-grow:1;font-size:0.88rem;color:var(--text-primary);font-weight:500}.toast-content .toast-title{font-weight:600;margin-bottom:2px}.toast-content .toast-message{color:var(--text-secondary);font-size:0.82rem}.toast-undo-btn{background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:0.8rem;padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer;border:none;transition:background var(--transition-fast);margin-top:4px;display:inline-block}.toast-undo-btn:hover{background:var(--accent);color:#fff}.toast-close-btn{cursor:pointer;color:var(--text-secondary);font-size:0.88rem;background:none;border:none;line-height:1;padding:0 4px}.toast-close-btn:hover{color:var(--text-primary)}@keyframes toastSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.consolidated-section{margin-top:28px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px}.consolidated-title{font-size:1.18rem;font-weight:700;color:var(--text-primary);margin-bottom:18px}.consolidated-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}@media (max-width:1024px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1001;width:var(--sidebar-width);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:transform var(--transition-normal);transform:translateX(-100%);box-shadow:0 0 15px rgba(0,0,0,0.15)}.sidebar.mobile-open{transform:translateX(0)}.sidebar-toggle-btn{display:none !important}.sidebar-close-btn{display:flex !important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;border:none;font-size:1.1rem;margin-left:auto}.mobile-menu-btn{display:flex !important;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;flex-shrink:0;padding:0;transition:transform var(--transition-fast)}.mobile-menu-btn:hover{transform:scale(1.05)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(2px);z-index:1000;animation:popupFadeIn 0.2s var(--ease-out)}body{padding-bottom:calc(72px+env(safe-area-inset-bottom,0px)) !important}.main-content{padding:12px 14px 24px !important;overflow-y:auto;height:100vh;box-sizing:border-box}.mobile-bottom-nav{display:flex !important;position:fixed;bottom:0;left:0;right:0;min-height:64px !important;height:auto !important;padding-top:6px !important;padding-bottom:calc(6px+env(safe-area-inset-bottom,0px)) !important;background:rgba(255,255,255,0.8) !important;border-top:1px solid rgba(226,232,240,0.8) !important;box-shadow:0 -4px 12px rgba(0,0,0,0.03) !important;z-index:999;justify-content:space-around;align-items:center;padding-left:8px !important;padding-right:8px !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important}.mobile-nav-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;min-width:60px !important;flex:1 !important;height:auto !important;color:var(--text-secondary) !important;cursor:pointer !important;transition:color var(--transition-fast) !important}.mobile-nav-item.active{color:var(--accent) !important}.mobile-nav-item .sidebar-tab-icon{width:20px;height:20px;margin:0 !important;flex-shrink:0 !important}.mobile-nav-item .sidebar-tab-icon svg{width:20px;height:20px}.mobile-nav-label{display:block !important;font-size:11px !important;font-weight:500 !important;line-height:1.2 !important;white-space:nowrap !important;overflow:visible !important;flex-shrink:0 !important}.nav-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:none !important;padding:0 !important}.nav-label{display:block !important;visibility:visible !important;opacity:1 !important;font-size:11px !important;font-weight:500 !important;line-height:1.2 !important;white-space:nowrap !important;overflow:visible !important;flex-shrink:0 !important}}@media (max-width:768px){.position-table,.report-table{min-width:0 !important;display:block;width:100% !important}.position-table thead,.report-table thead{display:none}.position-table tbody,.report-table tbody{display:block;width:100% !important}.position-table tbody td::before,.report-table tbody td::before{content:attr(data-label);font-size:0.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:2px}.position-table tbody tr{display:grid !important;grid-template-columns:repeat(12,1fr) !important;gap:4px 12px;background:#ffffff !important;border:1px solid #f1f5f9 !important;border-radius:8px !important;margin-bottom:5px !important;padding:5px 12px !important;box-shadow:none !important;width:100% !important;align-items:center}.position-table tbody td{border-bottom:none !important;padding:0 !important;width:auto !important;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px}.position-table tbody td.td-chk{grid-column:1 / span 1 !important;grid-row:1 !important;align-items:flex-start !important;justify-content:flex-start !important}.position-table tbody td.td-index{grid-column:2 / span 2 !important;grid-row:1 !important;align-items:flex-start;justify-content:center}.position-table tbody td.td-date{grid-column:4 / span 5 !important;grid-row:1 !important;align-items:flex-start;justify-content:center;padding-left:4px !important}.position-table tbody td.td-date .date-input-wrapper{height:22px !important;min-height:22px !important;width:auto !important;padding:0 !important;background:transparent !important;border:none !important;border-radius:0 !important;display:flex !important;flex-direction:row-reverse !important;align-items:center !important;gap:4px !important}.position-table tbody td.td-date .date-display-text{font-size:0.72rem !important;font-weight:500 !important;color:#64748b !important}.position-table tbody td.td-date .date-calendar-icon{display:inline-flex !important;font-size:0.72rem !important;color:#94a3b8 !important;line-height:1 !important}.position-table tbody td.td-chk .row-checkbox{width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;aspect-ratio:1 / 1 !important;flex-shrink:0 !important;border-radius:4px !important;border:1px solid #cbd5e1 !important;background-color:#ffffff !important;margin-right:0px !important;display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important}.position-table tbody td.td-chk .row-checkbox:checked{background-color:#4f46e5 !important;border-color:#4f46e5 !important}.position-table tbody td.td-chk .row-checkbox:checked::after{font-size:13px !important}.position-table tbody td.td-del{grid-column:9 / span 4 !important;grid-row:1 !important;align-items:center;justify-content:flex-end;flex-direction:row !important;gap:4px}.position-table tbody td.td-del .btn-copy-row,.position-table tbody td.td-del .btn-delete-row{width:24px !important;height:24px !important;min-height:24px !important;padding:0 !important;background:transparent !important;color:#94a3b8 !important}.position-table tbody td.td-del .btn-copy-row svg{stroke:#94a3b8 !important;width:14px !important;height:14px !important}.position-table tbody td.td-entry{grid-column:1 / span 3 !important;grid-row:2 !important}.position-table tbody td.td-strike{grid-column:4 / span 3 !important;grid-row:2 !important}.position-table tbody td.td-exit{grid-column:7 / span 3 !important;grid-row:2 !important}.position-table tbody td.td-lots{grid-column:10 / span 3 !important;grid-row:2 !important;align-items:flex-start !important;overflow:visible !important}.position-table tbody td.td-lots .lots-inner{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:3px !important}.position-table tbody td.td-lots .spin-wrap{width:auto !important;min-width:0 !important;flex-shrink:1 !important}.position-table tbody td.td-lots .lots-input{width:22px !important;min-width:22px !important;max-width:28px !important}.position-table tbody td.td-lots .qty-capsule{font-size:0.58rem !important;padding:1px 4px !important;flex-shrink:0 !important}.position-table tbody td .spin-wrap{width:100% !important}.position-table tbody td .spin-wrap .spin-icon{display:none !important}.position-table tbody td .spin-wrap .cell-input{padding-right:0 !important}.position-table tbody td.td-entry .cell-input,.position-table tbody td.td-strike .cell-input,.position-table tbody td.td-exit .cell-input,.position-table tbody td.td-lots .cell-input{min-height:20px !important;height:20px !important;padding:0 !important;border-radius:0 !important;border:none !important;font-size:0.82rem !important;font-weight:700 !important;font-family:var(--font-mono) !important;color:#0f172a !important;background:transparent !important;text-align:left !important;box-shadow:none !important}.position-table tbody td.td-entry .cell-input:focus,.position-table tbody td.td-strike .cell-input:focus,.position-table tbody td.td-exit .cell-input:focus,.position-table tbody td.td-lots .cell-input:focus{border-bottom:1px solid var(--accent) !important}.position-table tbody td.td-entry::before,.position-table tbody td.td-strike::before,.position-table tbody td.td-exit::before{display:block !important;font-size:9px !important;font-weight:600 !important;color:#94a3b8 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:1px !important}.position-table tbody td.td-lots::before{display:block !important;font-size:9px !important;font-weight:600 !important;color:#94a3b8 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:2px !important}.position-table tbody td.td-pnl{grid-column:1 / span 6 !important;grid-row:3 !important}.position-table tbody td.td-elm{grid-column:7 / span 6 !important;grid-row:3 !important}.position-table tbody td.td-pnl,.position-table tbody td.td-elm{border-top:1px solid #f1f5f9 !important;padding-top:4px !important;margin-top:2px !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;height:24px !important}.position-table tbody td.td-pnl::before{display:block !important;font-size:9px !important;font-weight:600 !important;color:#94a3b8 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:0 !important}.position-table tbody td.td-pnl .calc-field{font-family:var(--font-mono) !important;font-size:0.82rem !important;font-weight:700 !important;padding:0 !important;display:inline-block !important}.position-table tbody td.td-pnl .calc-field.positive{color:#059669 !important}.position-table tbody td.td-pnl .calc-field.negative{color:#ef4444 !important}.position-table tbody td.td-elm::before{display:block !important;font-size:9px !important;font-weight:500 !important;color:#94a3b8 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;margin-bottom:0 !important}.position-table tbody td.td-elm .calc-field{font-family:var(--font-mono) !important;font-size:0.78rem !important;font-weight:500 !important;color:#64748b !important;padding:0 !important;display:inline-block !important}.position-table tbody td.td-chk::before,.position-table tbody td.td-date::before,.position-table tbody td.td-index::before,.position-table tbody td.td-del::before{content:none !important}.report-table:not(#trade-logs-table) tbody tr{display:grid !important;grid-template-columns:1fr 1fr 1fr;gap:10px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:12px;padding:12px;box-shadow:var(--shadow-card);width:100% !important}.report-table:not(#trade-logs-table) tbody td{border-bottom:none !important;padding:0 !important;width:auto !important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}.report-table:not(#trade-logs-table) tbody td:nth-child(1){grid-column:1 / span 2;grid-row:1;align-items:flex-start;justify-content:center;font-size:0.95rem;font-weight:600}.report-table:not(#trade-logs-table) tbody td:nth-child(3){grid-column:3;grid-row:1;align-items:flex-end;justify-content:center;font-size:0.95rem;font-weight:600}.report-table:not(#trade-logs-table) tbody td:nth-child(2){grid-column:1 / span 3;grid-row:2;display:block;padding:2px 0 6px 0 !important;border-bottom:1px solid var(--border-subtle) !important;width:100% !important}.report-table:not(#trade-logs-table) tbody td:nth-child(4){grid-column:1;grid-row:3}.report-table:not(#trade-logs-table) tbody td:nth-child(5){grid-column:2;grid-row:3}.report-table:not(#trade-logs-table) tbody td:nth-child(6){grid-column:3;grid-row:3;align-items:flex-end}.report-table:not(#trade-logs-table) tbody td:nth-child(1)::before,.report-table:not(#trade-logs-table) tbody td:nth-child(2)::before,.report-table:not(#trade-logs-table) tbody td:nth-child(3)::before{content:none !important}#trade-logs-table tbody tr{display:grid !important;grid-template-columns:1fr 1fr 1fr auto;gap:8px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:12px;padding:12px;box-shadow:var(--shadow-card);width:100% !important}#trade-logs-table tbody td{border-bottom:none !important;padding:0 !important;width:auto !important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px}#trade-logs-table tbody td:nth-child(3){grid-column:1;grid-row:1;align-items:flex-start;justify-content:center}#trade-logs-table tbody td:nth-child(9){grid-column:2 / span 2;grid-row:1;align-items:flex-end;justify-content:center;font-size:0.95rem;font-weight:600}#trade-logs-table tbody td:nth-child(10){grid-column:4;grid-row:1;align-items:flex-end;justify-content:center}#trade-logs-table tbody td:nth-child(1){grid-column:1;grid-row:2}#trade-logs-table tbody td:nth-child(2){grid-column:2;grid-row:2}#trade-logs-table tbody td:nth-child(4){grid-column:3 / span 2;grid-row:2;align-items:flex-end}#trade-logs-table tbody td:nth-child(5){grid-column:1;grid-row:3}#trade-logs-table tbody td:nth-child(6){grid-column:2;grid-row:3}#trade-logs-table tbody td:nth-child(7){grid-column:3;grid-row:3}#trade-logs-table tbody td:nth-child(8){grid-column:4;grid-row:3;align-items:flex-end}#trade-logs-table tbody td:nth-child(3)::before,#trade-logs-table tbody td:nth-child(9)::before,#trade-logs-table tbody td:nth-child(10)::before{content:none !important}#trade-logs-table .cell-input{width:100% !important;min-width:0 !important;min-height:34px !important;height:34px !important;font-size:0.8rem !important}#trade-logs-table select.cell-input{padding:2px 4px !important}.btn,.btn-add-row,.btn-reset,.cell-input,.filter-input,.date-input-wrapper,.exp-week-picker,.view-as-select,.manual-entry-field input,.manual-entry-field select,.login-field input,.login-btn,.config-field input,.archive-field input{min-height:40px !important;border-radius:var(--radius-sm) !important}.position-table .cell-input,.position-table .date-input-wrapper,.position-table .lots-input{min-height:36px !important;height:36px !important;padding:6px 10px !important;font-size:0.82rem !important;border-radius:var(--radius-sm) !important}.btn-delete-row,.btn-copy-row{width:36px !important;height:36px !important;font-size:0.9rem !important}.row-checkbox{width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;aspect-ratio:1 / 1 !important;flex-shrink:0 !important;border-radius:4px !important}.date-input-wrapper{width:100% !important}.spin-wrap .cell-input{padding-right:24px}.folio-table-wrap,.report-table-wrap{-webkit-overflow-scrolling:touch;position:relative}.mobile-more-sheet{position:fixed;bottom:60px;left:0;right:0;background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.1);z-index:999;padding:8px 0 12px;animation:fadeSlideIn 200ms var(--ease-out)}.mobile-more-item{display:flex;align-items:center;padding:13px 20px;font-size:0.88rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);gap:12px}.mobile-more-item:hover{background:var(--bg-hover)}.mobile-more-item.danger{color:var(--danger)}.mobile-more-item .more-icon{font-size:1.1rem;width:24px;text-align:center}.header-top-row{gap:5px}.header-left{gap:5px}.header-tab-pill{font-size:0.74rem;padding:4px 10px;gap:5px}.htp-icon{font-size:0.8rem}.header-right{gap:4px;flex-wrap:nowrap !important}.btn{padding:7px 10px;font-size:0.76rem}.btn-archive .btn-text,.btn-config .btn-text,.btn-config .chevron{display:none !important}.btn-archive,.btn-config{padding:7px 10px;min-width:36px;justify-content:center}.user-profile-name{display:inline-block !important}.user-profile-badge{padding:5px 10px !important;gap:6px !important;max-width:none !important}.folio-header{padding:8px 10px;gap:8px;flex-direction:column;align-items:stretch}.folio-header-left{display:flex;align-items:center;gap:5px;width:100%}.folio-header-right-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:6px;margin-top:2px}.folio-header .date-input-wrapper{width:82px !important;height:28px !important;padding:3px 6px !important;margin-left:0 !important;flex-shrink:0 !important}.folio-header .date-display-text{font-size:0.8rem !important}.folio-header .folio-lots-capsule{height:28px !important;flex-shrink:1 !important}.folio-header .flc-label,.folio-header .flc-val{font-size:0.8rem !important}.folio-header .flc-icon{padding:0 4px 0 6px !important;font-size:0.8rem !important}.folio-header .flc-item{padding:0 6px 0 2px !important}.folio-name-input{max-width:110px;font-size:0.92rem}.folio-stats{gap:8px}.folio-stat{font-size:0.68rem}.folio-indicator{height:28px !important;font-size:0.8rem !important;padding:0 10px !important;display:inline-flex !important;align-items:center !important;align-self:center}.folio-meta{font-size:0.7rem;padding:4px 10px}.folio-meta-num{font-size:0.72rem}.folio-actions{flex-wrap:wrap;padding:8px 10px}.rpt-pill{min-height:36px}.rpt-filter-bar{flex-direction:column;gap:12px}.rpt-filter-left{flex-direction:column;gap:10px}.rpt-filter-divider-v{display:none}.rpt-filter-right{flex-direction:column;align-items:stretch;width:100%;gap:6px}.rpt-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.rpt-charts-grid{grid-template-columns:1fr}.rpt-chart-canvas{height:clamp(160px,50vw,240px) !important}input[type="text"],input[type="number"],input[type="password"],input[type="date"],select{font-size:16px !important}}@keyframes skeletonShimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}.skeleton-loader{background:linear-gradient( 90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75% );background-size:800px 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:11px 13px;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:10px}.skeleton-line.wide{width:80%}.skeleton-line.medium{width:55%}.skeleton-line.short{width:35%;height:18px}.popup-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);padding:16px;overflow-y:auto;animation:popupFadeIn 0.2s var(--ease-out)}.popup-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);width:480px;max-width:100%;overflow:hidden;animation:popupSlideIn 0.22s var(--ease-out)}.popup-card.wide{width:600px}@keyframes popupFadeIn{from{opacity:0}to{opacity:1}}@keyframes popupSlideIn{from{opacity:0;transform:translateY(-12px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);font-size:0.95rem;font-weight:600;color:var(--text-primary)}.popup-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.popup-close{margin-left:auto;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.8rem;color:var(--text-secondary);transition:all var(--transition-fast);line-height:1;position:relative}.popup-close::after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}.popup-close:hover{background:var(--danger-soft);color:var(--danger)}.popup-body{padding:20px}@media (max-width:768px){.popup-overlay{align-items:flex-start;padding:12px 8px}.popup-card{max-height:none;margin:8px 0 24px;border-radius:var(--radius-lg)}.popup-card.wide{width:100%}.metric-label,.folio-stat-label,.toggle-group-label{font-size:0.75rem !important;font-weight:600 !important}.text-success{color:#047857 !important}.text-danger{color:#b91c1c !important}.mobile-bottom-nav{min-height:64px !important;height:auto !important;padding-bottom:calc(6px+env(safe-area-inset-bottom,0px)) !important}.rpt-pill{min-height:40px;font-size:0.8rem;padding:6px 14px}.rpt-select{min-height:40px;font-size:0.82rem}.rpt-kpi-grid{grid-template-columns:repeat(2,1fr)}.position-table input,.position-table select,.position-table .cell-input,.position-table .date-input-wrapper{min-height:36px !important;height:36px !important;padding:4px 10px !important;font-size:0.82rem !important}.manual-entry-card input,.manual-entry-card select{min-height:44px !important;padding:8px 12px !important}input[type="text"],input[type="number"],input[type="password"],input[type="date"],select{font-size:16px}.action-panel{flex-direction:column !important;align-items:stretch !important;gap:12px !important;width:100% !important}.action-date-range{display:flex !important;flex-direction:column !important;align-items:stretch !important;width:100% !important;gap:6px !important}.action-date-range input{width:100% !important;box-sizing:border-box !important;min-height:40px !important;padding:8px 12px !important;border:1px solid var(--border-default) !important;border-radius:var(--radius-sm) !important;background:var(--bg-input) !important;font-size:0.88rem !important;color:var(--text-primary) !important}.action-date-range span{text-align:center !important;font-size:0.76rem !important;color:var(--text-tertiary) !important;margin:2px 0 !important}.action-buttons-group{width:100% !important;flex-wrap:wrap !important;gap:8px !important;justify-content:space-between !important}.action-buttons-group .btn{flex:1 1 calc(50% - 4px) !important;justify-content:center !important;min-height:40px !important}}@media (max-width:480px){.main-content{padding:12px 10px 24px !important}.folio-card{padding:12px 10px !important}.config-grid{gap:8px !important}.header-tab-pill{font-size:0.66rem;padding:3px 8px;gap:3px}.htp-label{display:inline-block !important}.btn{padding:6px 8px}.btn-archive,.btn-config{padding:6px 8px;min-width:32px}.user-profile-badge{padding:4px 6px}.folio-name-input{max-width:100px;font-size:0.85rem}.folio-stats{gap:6px}.folio-stat{font-size:0.64rem}.folio-indicator{font-size:0.64rem;padding:2px 7px}.folio-meta{font-size:0.64rem;padding:3px 8px}.folio-meta-num{font-size:0.66rem}.rpt-kpi-grid{grid-template-columns:repeat(2,1fr);gap:6px}.rpt-kpi-card{padding:9px 9px 8px}.rpt-kpi-label{font-size:0.58rem}.rpt-kpi-value{font-size:0.74rem}.rpt-filter-bar{padding:10px 12px;gap:10px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important}}.folio-collapse-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.folio-collapse-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.folio-collapse-icon{display:inline-block;font-size:0.74rem;transition:transform 0.2s var(--ease-out)}.folio-collapse-icon.collapsed{transform:rotate(-90deg)}.badge-dte{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(99,102,241,0.2);padding:2px 8px;border-radius:100px;font-size:0.74rem;font-weight:600;display:inline-flex;align-items:center;margin-right:12px}.folio-summary-row{display:inline-flex;align-items:center;gap:8px;font-size:0.76rem;color:var(--text-secondary);margin-left:16px;flex-wrap:wrap}.summary-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-weight:500;font-size:0.74rem;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all 0.15s ease}.summary-pill.positive{background:var(--success-soft-hover);color:var(--success);border-color:rgba(16,185,129,0.2)}.summary-pill.negative{background:rgba(239,68,68,0.1);color:var(--danger);border-color:rgba(239,68,68,0.2)}.summary-pill:hover{border-color:var(--border-default);color:var(--text-primary)}.folio-section--collapsed{margin-bottom:14px !important;padding:0 !important;background:linear-gradient( 135deg,var(--bg-surface),var(--bg-elevated) ) !important;border:1px solid var(--border-default) !important;box-shadow:0 4px 12px rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.05) !important;border-radius:var(--radius-lg) !important;transition:all 0.2s ease}.folio-section--collapsed:hover{border-color:var(--accent) !important;box-shadow:0 4px 16px rgba(99,102,241,0.12),inset 0 1px 0 rgba(255,255,255,0.05) !important}.folio-header--collapsed{margin-bottom:0 !important;border-bottom:none !important;background:transparent !important;padding:12px 16px !important}.dashboard-group-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:12px;transition:all var(--transition-fast);user-select:none}.dashboard-group-header:hover{border-color:var(--border-default);background:var(--bg-input)}.dashboard-group-title{font-size:0.76rem;font-weight:700;text-transform:none;letter-spacing:0.05em;color:var(--text-secondary)}.dashboard-group-icon{display:inline-block;font-size:0.75rem;color:var(--text-tertiary);transition:transform 0.2s var(--ease-out)}.dashboard-group-icon.collapsed{transform:rotate(-90deg)}.dashboard-summary-strip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,var(--bg-surface),var(--bg-elevated));border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:0.76rem;color:var(--text-secondary);font-weight:500;flex-wrap:wrap;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04),inset 0 1px 0 rgba(255,255,255,0.05)}.dte-badge{font-size:0.72rem;font-weight:600;padding:2px 8px;border-radius:999px;letter-spacing:0.02em;white-space:nowrap}.dte-ok{background:rgba(5,150,105,0.1);color:var(--success)}.dte-warn{background:rgba(245,158,11,0.12);color:#f59e0b}.dte-urgent{background:rgba(239,68,68,0.12);color:var(--danger);animation:dte-pulse 1.2s ease-in-out infinite}@keyframes dte-pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (max-width:768px){.folio-actions{position:sticky;bottom:56px;z-index:10;background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:8px 12px;margin:0 -12px}}@media (max-width:480px){.header-right{gap:6px}.btn-text{display:none}.save-badge{font-size:0.68rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){.filter-row th{padding:4px 6px}.filter-input{width:100%;min-width:0;box-sizing:border-box}}@media (max-width:480px){.manual-entry-grid{grid-template-columns:1fr}}@media (max-width:480px){.consolidated-grid{grid-template-columns:1fr}}.folio-table-wrap{position:relative}.folio-table-wrap.has-overflow::after{content:"";position:absolute;top:0;right:0;width:36px;height:100%;background:linear-gradient(to right,transparent,var(--bg-fade-shadow));pointer-events:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;z-index:2}.mobile-bottom-nav{z-index:200}.popup-overlay,.change-password-overlay{z-index:500}@media (max-width:768px){.folio-header-right-row{flex-wrap:wrap;gap:6px}.folio-lots-capsule{font-size:0.7rem}}@media (max-width:480px){.rpt-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.rpt-kpi-card{padding:10px 12px}}.archive-preview-stats{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);margin-bottom:12px;font-size:0.8rem}.dashboard-group-header:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.calc-field.positive,.mono.positive,.tl-stat-val.positive{font-variant-numeric:tabular-nums}.calc-field.negative,.mono.negative,.tl-stat-val.negative{font-variant-numeric:tabular-nums}.btn-disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}@keyframes tt-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.animate-spin{animation:tt-spin 0.75s linear infinite}@media (max-width:480px){.consolidated-grid{grid-template-columns:1fr}.folio-header-right-row{gap:4px}.folio-lots-capsule{font-size:0.68rem;height:24px}}@media (max-width:480px){.manual-entry-grid{grid-template-columns:1fr !important}}@media (max-width:768px){.folio-actions{position:sticky;bottom:60px;z-index:10;background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:8px 12px;margin-left:-12px;margin-right:-12px}}@media (max-width:480px){.header-right{gap:4px}.btn-text{display:none}.save-badge{font-size:0.66rem;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-name{max-width:60px}}@media (max-width:768px){.filter-row th{padding:3px 4px}.filter-input{width:100%;min-width:0;box-sizing:border-box;font-size:0.72rem}}.report-table-wrap{position:relative}.report-table-wrap.has-overflow::after{content:"";position:absolute;top:0;right:0;width:36px;height:100%;background:linear-gradient(to right,transparent,var(--bg-fade-shadow));pointer-events:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.skip-link{position:absolute;top:-100%;left:8px;background:var(--accent);color:#fff;padding:6px 14px;border-radius:var(--radius-sm);font-size:0.82rem;font-weight:600;z-index:9999;text-decoration:none;transition:top 0.15s}.skip-link:focus{top:8px}.folio-section{transition:box-shadow var(--transition-fast)}input[inputmode="numeric"].cell-input{font-variant-numeric:tabular-nums}.btn-maintenance{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);font-size:0.76rem;padding:5px 12px}.btn-maintenance:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent)}@media (min-width:769px){.mobile-only-btn{display:none !important}}