:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1e1e1e;--bg-card: #1a1a1a;--bg-hover: #252525;--text-primary: #ffffff;--text-secondary: #b4b4b4;--text-tertiary: #808080;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-glow: rgba(59, 130, 246, .15);--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .3);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .3);--border: #2a2a2a;--border-light: #3a3a3a;--border-subtle: #222222;--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .6);--radius: 8px;--radius-lg: 12px;font-family:Helvetica Neue,Helvetica,Arial,-apple-system,BlinkMacSystemFont,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:320px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.app-header{padding:24px;border-bottom:1px solid var(--border)}.app-header h1{font-size:26px;font-weight:600;letter-spacing:-.5px;margin-bottom:4px}.app-subtitle{color:var(--text-secondary);font-size:13px;font-weight:400;letter-spacing:.2px}.import-export-controls{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.import-export-controls .btn-icon{flex:1;padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon-with-text{flex:1;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-icon-with-text:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.btn-icon-with-text:active{transform:translateY(0)}.session-selector{flex:1;display:flex;flex-direction:column;overflow:hidden}.session-header{padding:20px 24px 16px;display:flex;justify-content:space-between;align-items:center}.session-header h2{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px}.session-list{flex:1;overflow-y:auto;padding:0 16px 16px}.session-item{padding:16px;margin-bottom:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:12px}.session-item:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translate(4px)}.session-item.active{background:var(--bg-tertiary);border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.session-item h3{font-size:15px;font-weight:500;letter-spacing:-.2px;margin-bottom:6px}.session-info{flex:1;min-width:0}.session-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.trade-count{margin-left:auto;color:var(--text-tertiary)}.new-session-form{padding:16px;margin:0 16px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.confirm-text{color:var(--text-primary);margin-bottom:12px;font-size:14px}.session-date-preview{font-size:18px;font-weight:600;color:var(--accent-primary);margin-bottom:16px;font-family:monospace}.main-content{flex:1;overflow-y:auto;padding:32px}.content-header{margin-bottom:24px}.content-header h2{font-size:32px;font-weight:600;letter-spacing:-.8px;margin-bottom:4px}.session-date{color:var(--text-secondary);font-size:14px;font-weight:400;letter-spacing:.3px}button{border:none;background:none;cursor:pointer;font-family:inherit;transition:all .2s}.btn-primary{padding:10px 20px;background:var(--accent-primary);color:#fff;border-radius:var(--radius);font-weight:500;font-size:15px;letter-spacing:.2px}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{padding:10px 20px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);font-weight:500;font-size:14px;transition:all .2s ease;cursor:pointer}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-1px)}.btn-icon{padding:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--bg-hover);border-color:var(--border-light);transform:scale(1.05)}.btn-icon-small{padding:4px;background:transparent;color:var(--text-secondary)}.btn-icon-small:hover{color:var(--danger)}.btn-icon-danger{padding:6px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-icon-danger:hover{background:var(--danger);color:#fff}.btn-delete{padding:10px 16px;background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius);color:var(--danger);display:inline-flex;align-items:center;gap:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:var(--danger);color:#fff;border-color:var(--danger);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.report-actions{display:flex;gap:12px;align-items:center}.btn-add-trade{display:flex;align-items:center;gap:8px;padding:16px 24px;background:var(--accent-primary);color:#fff;border-radius:var(--radius-lg);font-weight:600;font-size:15px;margin-bottom:24px;width:fit-content;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633}.btn-add-trade:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-weight:500}.btn-back:hover{background:var(--bg-tertiary)}input,textarea{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:inherit;font-size:14px;transition:all .2s ease}input:hover,textarea:hover{border-color:var(--border-light)}input:focus,textarea:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-tertiary);box-shadow:0 0 0 3px var(--accent-glow)}textarea{resize:vertical;min-height:80px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.compact{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px}.form-grid.compact .full-width{grid-column:1 / -1}.form-grid.compact .status-group{grid-column:span 1}.form-grid.compact .form-group{margin-bottom:0}.form-grid.compact label{font-size:11px;margin-bottom:4px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.form-grid.compact input,.form-grid.compact textarea{padding:8px 12px;font-size:13px}.form-grid.compact textarea{font-size:14px}.emotion-selector{display:flex;gap:8px;justify-content:space-between}.emotion-btn{flex:1;padding:12px 8px;font-size:28px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.emotion-btn:hover{background:var(--bg-tertiary);border-color:var(--border-light);transform:scale(1.12);box-shadow:0 4px 16px #0000004d}.emotion-btn.active{background:var(--bg-hover);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.emotion-btn[title]:hover:after,[data-tooltip]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius);font-size:12px;white-space:nowrap;pointer-events:none;z-index:1000;border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}[data-tooltip]:hover:after{content:attr(data-tooltip)}.emotion-btn[title]:hover:before,[data-tooltip]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-light);pointer-events:none;z-index:1000}.emotion-btn,[data-tooltip]{position:relative}.form-group.full-width{grid-column:1 / -1}.form-actions{display:flex;gap:12px;margin-top:20px}.trade-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow)}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h3{font-size:18px;font-weight:600}.status-toggle{display:flex;gap:8px}.status-btn{flex:1;padding:10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-weight:500;font-size:14px;transition:all .2s}.status-btn:hover{background:var(--bg-tertiary)}.status-btn.active{color:#fff;font-weight:600}.status-btn.active.loss{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.status-btn.active.win{background:var(--success-bg);border-color:var(--success);color:var(--success)}.trade-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.trade-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow)}.trade-card:hover,.trade-card-placeholder:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.trade-card.editing{cursor:default;transform:none}.trade-card.editing:hover{transform:none}.trade-card.loss{border-left:3px solid var(--danger)}.trade-card.win{border-left:3px solid var(--success)}.trade-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.trade-actions{display:flex;align-items:center;gap:8px}.trade-actions .btn-icon-small{padding:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary)}.trade-actions .btn-icon-small.edit-btn:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.trade-actions .btn-icon-small.delete-btn:hover{color:var(--danger);border-color:var(--danger)}.trade-ticker h3{font-size:20px;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.emotion-icon{font-size:18px;margin-left:8px;cursor:help;display:inline-flex;align-items:center;vertical-align:middle}.trade-txn{font-size:12px;color:var(--text-tertiary);font-family:monospace}.trade-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);font-size:13px;font-weight:600}.trade-status.win{background:var(--success-bg);color:var(--success)}.trade-status.loss{background:var(--danger-bg);color:var(--danger)}.trade-metrics{display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.metric-value{font-size:20px;font-weight:600;letter-spacing:-.3px}.metric-value.positive{color:var(--success)}.metric-value.negative{color:var(--danger)}.trade-description{margin-bottom:16px}.trade-description p{font-size:14px;color:var(--text-secondary);line-height:1.5}.trade-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px}.trade-time{color:var(--text-tertiary)}.view-report{color:var(--accent-primary);font-weight:500}.trade-edit-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:8px}.form-row input,.form-row select{flex:1;font-size:13px;padding:8px 10px}.trade-edit-form textarea{width:100%;font-size:13px;padding:8px 10px;min-height:60px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-actions .save-btn{background:var(--success-bg);border-color:var(--success);color:var(--success)}.edit-actions .save-btn:hover{background:var(--success);color:#fff}.edit-actions .cancel-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.edit-actions .cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.trade-report{max-width:1400px;margin:0 auto}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-layout{display:flex;flex-direction:column;gap:24px}.top-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.outcomes-column{display:flex;flex-direction:column;gap:20px;height:100%}.report-section.full-height{height:100%;display:flex;flex-direction:column}.report-section.full-height>*:last-child{flex:1}.analysis-row{display:grid;grid-template-columns:1fr}.reflection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.reflection-category{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .2s ease}.reflection-category:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.reflection-category.full-width{grid-column:1 / -1}.reflection-category h4{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;font-weight:600}.reflection-category textarea{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:12px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.reflection-category textarea:focus{outline:none;border-color:var(--accent-primary)}.reflection-category p{color:var(--text-secondary);line-height:1.5;font-size:14px}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:20px}.dashboard-left>.report-section,.dashboard-right>.report-section{flex:1;display:flex;flex-direction:column}.dashboard-left>.report-section>*:last-child,.dashboard-right>.report-section>*:last-child{flex:1}.chart-section-compact{background:var(--bg-secondary);padding:20px;height:100%;display:flex;flex-direction:column;border-radius:var(--radius-lg)}.chart-section-compact .chart-image-container{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:200px}.chart-section-compact .chart-image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius);display:block}.chart-section-compact .chart-actions{display:flex;gap:12px;margin-top:16px;justify-content:center;flex-shrink:0}.chart-section-compact .chart-actions button,.chart-section-compact .chart-actions label{font-size:13px;padding:8px 16px;white-space:nowrap}.chart-placeholder-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-tertiary);gap:8px;font-size:13px}.chart-placeholder-compact .chart-upload-btn{font-size:13px;padding:8px 16px;margin-top:12px}.trade-header-card{background:var(--bg-card);padding:24px;display:flex;flex-direction:column;height:100%}.trade-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.title-section{flex:1;min-width:0}.status-and-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.edit-metrics-group{display:flex;gap:8px}.edit-metric-wrapper{display:flex;flex-direction:column;gap:4px}.metric-label-inline{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.edit-metric-inline{width:120px;font-size:14px;font-weight:600;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text-primary);font-family:inherit;font-variant-numeric:tabular-nums}.edit-metric-inline:focus{outline:none;border-color:var(--accent-primary)}.inline-metrics{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.metric-inline{font-size:20px;font-weight:700}.metric-inline.positive{color:var(--success)}.metric-inline.negative{color:var(--danger)}.metric-separator{color:var(--text-tertiary);font-weight:400}.trade-title-row h1{font-size:32px;font-weight:700;margin-bottom:4px}.status-badge-large{padding:14px 28px;border-radius:var(--radius-lg);font-weight:700;font-size:18px;box-shadow:var(--shadow);transition:all .2s ease}.status-badge-large:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.status-badge-large.win{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-badge-large.loss{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.metric-card{background:var(--bg-secondary);padding:16px;border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.metric-card .metric-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.metric-value-large{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums}.metric-value-large.positive{color:var(--success)}.metric-value-large.negative{color:var(--danger)}.description-box{background:var(--bg-secondary);padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .2s ease}.description-box:hover{border-color:var(--border-light)}.description-box h4{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:700}.description-box p{color:var(--text-secondary);line-height:1.6;font-size:14px}.emotion-display{background:var(--bg-secondary);padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:16px;transition:all .2s ease}.emotion-display:hover{border-color:var(--border-light)}.emotion-display h4{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:700}.emotion-badge{font-size:19px;color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:10px}.edit-ticker{width:100%;font-size:32px;font-weight:700;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text-primary);font-family:inherit}.edit-ticker:focus{outline:none;border-color:var(--accent-primary)}.status-select{padding:12px 24px;border-radius:var(--radius-lg);font-weight:700;font-size:18px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-family:inherit;transition:all .2s ease}.status-select:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.status-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.edit-description{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:12px;color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;transition:all .2s ease}.edit-description:hover{border-color:var(--border-light)}.edit-description:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.edit-metric{width:100%;font-size:28px;font-weight:700;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;color:var(--text-primary);transition:all .2s ease}.edit-metric:hover{border-color:var(--border-light)}.edit-metric:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.edit-metric{font-family:inherit;font-variant-numeric:tabular-nums}.edit-metric:focus{outline:none;border-color:var(--accent-primary)}.report-content{display:flex;flex-direction:column;gap:24px}.report-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);transition:all .2s ease}.report-section:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.report-section h2{font-size:22px;font-weight:700;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);color:var(--text-primary);letter-spacing:-.02em}.report-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.01em}.report-section h4{font-size:12px;font-weight:700;margin-bottom:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.chart-section{background:var(--bg-secondary);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border);transition:all .2s ease}.chart-section:hover{border-color:var(--border-light)}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;border:2px dashed var(--border);border-radius:var(--radius-lg);color:var(--text-tertiary);gap:12px}.chart-placeholder input{max-width:400px;margin-top:12px}.chart-upload-btn{cursor:pointer}.chart-image-container{position:relative}.chart-image{width:100%;height:auto;border-radius:var(--radius-lg);display:block;border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);transition:all .2s ease}.chart-image:hover{box-shadow:var(--shadow-xl)}.chart-actions{display:flex;gap:12px;margin-top:16px;justify-content:center}.txn-id{font-family:monospace;color:var(--text-tertiary);font-size:13px}.actions-list{list-style:none;padding-left:0;margin:0}.actions-list li{padding:12px 0;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:14px;line-height:1.6;transition:all .2s ease}.actions-list li:hover{padding-left:4px;color:var(--text-primary)}.actions-list li:last-child{border-bottom:none}.actions-list li.empty{color:var(--text-tertiary);font-style:italic}.actions-edit{display:flex;flex-direction:column;gap:8px}.action-item-edit{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;transition:all .2s ease}.action-item-edit:hover{border-color:var(--border-light);background:var(--bg-tertiary)}.add-action{display:flex;gap:8px}.add-action input{flex:1}.details-subsection p.empty,.report-section p.empty{color:var(--text-tertiary);font-style:italic;font-size:14px}.empty-state{text-align:center;padding:32px 16px;color:var(--text-tertiary);font-size:14px}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-tertiary);gap:16px}.empty-state-large h2,.empty-state-large h3{color:var(--text-secondary);font-size:34px;font-weight:600;letter-spacing:-.7px}.empty-state-large p{font-size:16px;font-weight:400;letter-spacing:.2px}.btn-large{padding:12px 24px;font-size:15px;margin-top:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.fab{position:fixed;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%;background:var(--accent-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #3b82f666;transition:all .3s ease;z-index:999}.fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 32px #3b82f680;background:var(--accent-hover)}.fab:active{transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-add-modal{width:700px}.modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.modal-header h2{font-size:22px;font-weight:700;margin:0;color:var(--text-primary)}.modal-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.modal-header-actions{display:flex;gap:8px;flex-shrink:0}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.modal-footer button{display:flex;align-items:center;gap:8px}.modal-footer button:disabled{opacity:.5;cursor:not-allowed}.modal-footer button:disabled:hover{transform:none;box-shadow:none}.pip-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.pip-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.pip-header{padding:20px;border-bottom:1px solid var(--border);background:var(--bg-card)}.pip-header>div{display:flex;flex-direction:column;gap:4px}.pip-header h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.pip-subtitle{font-size:12px;color:var(--text-secondary);margin:0;font-variant-numeric:tabular-nums}.pip-success-banner{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success);padding:12px 20px;text-align:center;font-weight:600;font-size:14px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pip-body{flex:1;padding:20px;overflow-y:auto;background:var(--bg-primary)}.pip-footer{padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-card);display:flex;flex-direction:column;gap:12px}.pip-footer-controls{display:flex;justify-content:space-between;align-items:center}.pip-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.pip-toggle input[type=checkbox]{width:auto;margin:0;cursor:pointer}.pip-toggle:hover{color:var(--text-primary)}.pip-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px}.pip-submit-btn:disabled{opacity:.5;cursor:not-allowed}.pip-submit-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #3b82f633}.documentation{width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.docs-header{padding:24px 32px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.docs-header h1{font-size:32px;font-weight:600;letter-spacing:-.5px;margin-top:8px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;cursor:pointer;transition:all .2s ease}.btn-back:hover{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-light)}.docs-layout{display:flex;flex:1;overflow:hidden}.docs-sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:24px;overflow-y:auto}.docs-sidebar h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);margin-bottom:16px}.docs-nav{display:flex;flex-direction:column;gap:4px}.docs-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius);font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.docs-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.docs-nav-item.active{background:var(--accent-glow);color:var(--accent-primary)}.docs-content{flex:1;overflow-y:auto;padding:48px 64px}.docs-article{max-width:800px;margin:0 auto}.docs-article-content h1{font-size:36px;font-weight:600;margin-bottom:24px;color:var(--text-primary);line-height:1.2;letter-spacing:-.8px}.docs-article-content h2{font-size:26px;font-weight:600;margin-top:40px;margin-bottom:16px;color:var(--text-primary);line-height:1.3;letter-spacing:-.5px}.docs-article-content h3{font-size:19px;font-weight:500;margin-top:32px;margin-bottom:12px;color:var(--text-primary);line-height:1.4;letter-spacing:-.2px}.docs-article-content h4{font-size:16px;font-weight:600;margin-top:24px;margin-bottom:8px;color:var(--accent-primary);line-height:1.4}.docs-article-content p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.docs-article-content li{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-left:24px;margin-bottom:8px}.docs-article-content br{display:block;content:"";margin-top:8px}.docs-article-content strong{color:var(--text-primary);font-weight:600}.docs-article-content code{padding:2px 6px;background:var(--bg-tertiary);color:var(--accent-primary);border-radius:4px;font-family:Fira Code,Courier New,monospace;font-size:14px}.footer-bar{position:fixed;bottom:0;left:0;right:0;height:48px;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.footer-left{display:flex;align-items:center;gap:4px}.footer-right{display:flex;align-items:center;gap:16px}.footer-link{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius);font-size:13px;font-weight:500;letter-spacing:.2px;text-decoration:none;cursor:pointer;transition:all .2s ease}.footer-link:hover{background:var(--bg-hover);color:var(--text-primary)}.footer-link svg:last-child{opacity:.5;margin-left:-2px}.footer-info{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:12px;padding:6px 10px;background:var(--bg-tertiary);border-radius:var(--radius)}.main-content,.sidebar{padding-bottom:48px}