.session-selector.compact{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:15px}.session-selector.loading{text-align:center;padding:40px;color:#666}.session-dropdown-container{position:relative;margin-bottom:10px}.session-dropdown-header{display:flex;flex-direction:column;gap:5px}.session-label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.session-dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.session-dropdown-trigger:hover{border-color:#4ecdc4;background:#f8f9fa}.current-session-name{flex:1;text-align:left;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-icon{margin-left:10px;color:#666;font-size:.8rem}.session-dropdown-list{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border:2px solid #4ECDC4;border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1000;padding:5px}.session-dropdown-item{padding:10px;border-radius:4px;cursor:pointer;transition:background .2s;margin-bottom:3px}.session-dropdown-item:hover{background:#f8f9fa}.session-dropdown-item.active{background:#e3f6f5}.session-item-main{display:flex;align-items:center;gap:8px;margin-bottom:4px}.check-icon{color:#4ecdc4;font-weight:700;font-size:.9rem}.session-item-name{font-size:.95rem;font-weight:500;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item-meta{font-size:.8rem;color:#666;margin-left:20px}.session-item-actions{display:inline-flex;gap:4px;float:right;margin-top:-28px;opacity:0;transition:opacity .2s}.session-dropdown-item:hover .session-item-actions{opacity:1}.btn-icon-small{background:none;border:none;font-size:1rem;cursor:pointer;padding:4px;border-radius:3px;transition:background .2s}.btn-icon-small:hover{background:#0000000d}.dropdown-empty-state{padding:20px;text-align:center;color:#999;font-size:.9rem}.btn-new-session-compact{width:100%;background:#4ecdc4;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s}.btn-new-session-compact:hover{background:#45b7ad}.new-session-dialog{background:#f8f9fa;padding:15px;border-radius:6px;margin-top:10px}.new-session-dialog input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:10px}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end}.btn-primary{background:#4ecdc4;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-primary:hover{background:#45b7ad}.btn-secondary{background:#fff;color:#666;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem}.btn-secondary:hover{background:#f8f9fa}.session-name-edit{width:100%;padding:5px;font-size:.95rem;font-weight:500;border:2px solid #4ECDC4;border-radius:4px}.resume-upload{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px}.upload-area{border:2px dashed #ddd;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s}.upload-area:hover{border-color:#4ecdc4;background:#f8f9fa}.upload-area.drag-over{border-color:#4ecdc4;background:#e3f6f5}.upload-area.uploading{cursor:not-allowed;background:#f8f9fa}.upload-icon{font-size:3rem;margin:0 0 15px}.upload-prompt p{margin:10px 0;color:#333}.upload-hint{font-size:.9rem;color:#666}.upload-formats{font-size:.85rem;color:#999}.upload-status p{margin:10px 0;color:#666}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin:15px 0}.progress-fill{height:100%;background:#4ecdc4;transition:width .3s}.progress-text{font-size:1.2rem;font-weight:500;color:#4ecdc4}.extraction-status{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.extraction-status h4{margin:0 0 15px;color:#333}.extraction-item{background:#f8f9fa;padding:12px;border-radius:6px;margin-bottom:10px}.extraction-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.doc-id{font-family:monospace;font-size:.9rem;color:#666}.status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-processing{background:#fff3cd;color:#856404}.status-complete{background:#d4edda;color:#155724}.status-error{background:#f8d7da;color:#721c24}.progress-bar.small{height:4px}.error-message{margin:8px 0 0;font-size:.85rem;color:#721c24}.resume-upload.compact{margin-bottom:15px}.upload-area.compact{padding:12px 20px;border:1px solid #ddd;border-radius:6px;background:#f8f9fa}.upload-area.compact:hover{border-color:#4ecdc4;background:#fff}.upload-prompt-compact{display:flex;align-items:center;gap:10px}.upload-icon-compact{font-size:1.5rem}.upload-text-compact{font-size:.95rem;color:#333;font-weight:500}.upload-hint-inline{font-size:.85rem;color:#666;font-weight:400}.upload-area.compact.drag-over{border-color:#4ecdc4;background:#e3f6f5;border-width:2px}.relationship-stats-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:15px;overflow:hidden}.stats-header{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;background:#f8f9fa;border-bottom:1px solid #e0e0e0;transition:background .2s}.stats-header:hover{background:#e9ecef}.stats-header h4{margin:0;font-size:.95rem;color:#333}.toggle-icon{color:#666;font-size:.8rem}.stats-content{padding:15px}.stats-section{margin-bottom:20px}.stats-section:last-of-type{margin-bottom:0}.stats-section h5{margin:0 0 10px;font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.edge-type-list{display:flex;flex-direction:column;gap:8px}.edge-type-container{display:flex;flex-direction:column;gap:6px}.edge-type-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border-radius:6px;transition:all .2s}.edge-type-item[style*="cursor: pointer"]:hover{background:#e9ecef;transform:translate(2px)}.predicate-list{display:flex;flex-direction:column;gap:4px;margin-left:32px;margin-top:4px;padding-left:12px;border-left:2px solid #e0e0e0}.edge-type-color{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003;flex-shrink:0}.edge-type-label{flex:1;font-size:.9rem;color:#333;text-transform:capitalize}.edge-type-count{font-size:.9rem;font-weight:600;color:#4ecdc4;margin-right:5px}.expand-icon{color:#999;font-size:.7rem}.predicate-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;font-size:.85rem;transition:all .2s;border-radius:4px}.predicate-item:hover{background:#f0f0f0}.predicate-label{color:#666;flex:1}.predicate-count{font-weight:600;color:#45b7d1;margin-left:10px}.stats-note{margin-top:15px;padding:10px 12px;background:#fffbea;border-left:3px solid #f9a825;font-size:.8rem;color:#666;font-style:italic;border-radius:4px}.entity-summary-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:15px;overflow:hidden}.summary-header{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;background:#f8f9fa;border-bottom:1px solid #e0e0e0;transition:background .2s}.summary-header:hover{background:#e9ecef}.summary-header h4{margin:0;font-size:.95rem;color:#333}.summary-header-right{display:flex;align-items:center;gap:10px}.summary-total{font-size:.8rem;color:#888}.summary-content{padding:10px 15px 15px;display:flex;flex-direction:column;gap:6px}.summary-type-container{display:flex;flex-direction:column}.summary-type-header{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:background .2s,transform .15s}.summary-type-header:hover{background:#e9ecef;transform:translate(2px)}.summary-type-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003;flex-shrink:0}.summary-type-label{flex:1;font-size:.9rem;color:#333}.summary-type-count{font-size:.9rem;font-weight:600;color:#4ecdc4;margin-right:4px}.summary-items{list-style:none;margin:4px 0 4px 32px;padding:0 0 0 12px;border-left:2px solid #e0e0e0;display:flex;flex-direction:column;gap:2px}.summary-item{font-size:.85rem;color:#555;padding:4px 6px;border-radius:4px;transition:background .15s}.summary-item:hover{background:#f0f0f0}.unknown-nodes-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:15px;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:15px;cursor:pointer;background:#fff9e6;border-bottom:1px solid #e0e0e0;transition:background .2s}.table-header:hover{background:#fff4cc}.table-header h4{margin:0;font-size:.95rem;color:#333;display:flex;align-items:center;gap:10px}.unknown-badge{display:inline-flex;align-items:center;justify-content:center;background:#ff9800;color:#fff;border-radius:50%;width:24px;height:24px;font-size:.75rem;font-weight:600}.hidden-indicator{font-size:.8rem;color:#999;font-style:italic;font-weight:400}.table-content{padding:15px}table{width:100%;border-collapse:collapse;font-size:.85rem}thead{background:#f8f9fa}th{text-align:left;padding:10px 12px;font-weight:600;color:#666;text-transform:uppercase;font-size:.75rem;border-bottom:2px solid #e0e0e0}tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}tbody tr:hover{background:#f8f9fa}tbody tr:nth-child(2n){background:#fafafa}tbody tr:nth-child(2n):hover{background:#f0f0f0}td{padding:10px 12px;color:#333}.node-label{font-weight:500;color:#4ecdc4}.confidence{font-weight:600;padding:3px 8px;border-radius:4px;font-size:.8rem;display:inline-block}.confidence-high{background:#e8f5e9;color:#2e7d32}.confidence-medium{background:#fff9c4;color:#f57f17}.confidence-low{background:#ffebee;color:#c62828}.relationship-count{text-align:center;font-weight:600;color:#45b7d1}.connected-nodes{color:#666;font-size:.8rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-help{margin-top:15px;padding:12px;background:#e3f2fd;border-left:3px solid #1565C0;font-size:.8rem;color:#666;line-height:1.5;display:flex;gap:8px;align-items:flex-start;border-radius:4px}.help-icon{font-size:1rem;flex-shrink:0}.help-text{flex:1}.graph-visualization{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px}.graph-visualization.empty{text-align:center;padding:60px 20px;color:#999}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.graph-header h3{margin:0;color:#333}.graph-person-name{color:#000;font-weight:700;font-size:calc(1em + 2pt);background:#ffe566;padding:1px 5px;border-radius:3px}.graph-header-right{display:flex;align-items:center;gap:16px}.graph-stats{display:flex;gap:20px;font-size:.9rem;color:#666}.fullscreen-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid #d0d0d0;border-radius:6px;background:#fff;color:#555;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.fullscreen-btn:hover{background:#f0fafa;border-color:#4ecdc4;color:#4ecdc4}.graph-visualization.expanded .graph-container{height:calc(100vh - 150px)}.graph-container{width:100%;height:600px;border:1px solid #e0e0e0;border-radius:6px;background:#fafafa;transition:height .3s ease}.graph-legend{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:6px}.legend-header{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.legend-header h4{margin:0;font-size:.95rem;color:#333}.legend-hint{font-size:.75rem;color:#aaa;font-style:italic}.graph-legend h4{margin:0 0 10px;font-size:.95rem;color:#333}.legend-items{display:flex;flex-wrap:wrap;gap:15px}.legend-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.legend-item:hover{background:#4ecdc41a;transform:translate(2px)}.legend-item.hidden{opacity:.5}.legend-item.hidden .legend-label{text-decoration:line-through}.legend-item.hidden .legend-color{border:2px dashed #ccc;background:transparent!important}.legend-color{width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #0003}.legend-person{background:#ff6b6b}.legend-job{background:#4ecdc4}.legend-skill{background:#45b7d1}.legend-education{background:#96ceb4}.legend-certification{background:#ffeaa7}.legend-organization{background:#dda15e}.legend-unknown{background:#95a5a6}.legend-label{font-size:.85rem;color:#666}.entity-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px}.entity-panel.empty{text-align:center;padding:40px 20px;color:#999}.entity-header{margin-bottom:15px}.entity-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:10px}.entity-person{background:#ffe5e5;color:#c62828}.entity-job{background:#e0f7fa;color:#00695c}.entity-skill{background:#e1f5fe;color:#01579b}.entity-education{background:#f1f8e9;color:#558b2f}.entity-certification{background:#fff9c4;color:#f57f17}.entity-organization{background:#ffe0b2;color:#e65100}.entity-header h3{margin:0;color:#333}.entity-tooltip{background:#f8f9fa;padding:12px;border-radius:6px;margin:15px 0;font-size:.9rem;line-height:1.6}.entity-metadata h4{margin:20px 0 10px;color:#666;font-size:.9rem;text-transform:uppercase}.entity-metadata dl{margin:0}.metadata-item{display:flex;padding:8px 0;border-bottom:1px solid #f0f0f0}.metadata-item:last-child{border-bottom:none}.metadata-item dt{flex:0 0 120px;font-weight:500;color:#666;font-size:.85rem}.metadata-item dd{margin:0;color:#333;font-size:.85rem}.export-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.export-panel h3{margin:0 0 15px;color:#333}.export-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.stat-item{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px}.export-note{margin-top:10px;margin-bottom:15px;padding:10px;background-color:#4ecdc41a;border-radius:4px;text-align:center}.export-note small{font-size:.85rem;color:#666}.stat-value{display:block;font-size:2rem;font-weight:700;color:#4ecdc4;margin-bottom:5px}.stat-label{display:block;font-size:.85rem;color:#666;text-transform:uppercase}.export-buttons{display:flex;flex-direction:column;gap:10px}.export-btn{background:#fff;color:#333;border:2px solid #4ECDC4;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;text-align:left}.export-btn:hover:not(:disabled){background:#4ecdc4;color:#fff}.export-btn:disabled{opacity:.5;cursor:not-allowed}.pipeline-panel{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;margin-top:15px}.pipeline-panel h3{margin:0 0 12px;font-size:14px;color:#333;text-transform:uppercase;letter-spacing:.5px}.pipeline-step{border-top:1px solid #f0f0f0;padding-top:12px;margin-top:12px}.pipeline-step:first-of-type{border-top:none;padding-top:0;margin-top:0}.pipeline-step-header{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.pipeline-step-note{font-size:11px;color:#999;margin:0 0 8px}.normalize-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#444;cursor:pointer;margin-bottom:8px;line-height:1.3}.normalize-label input[type=checkbox]{cursor:pointer;flex-shrink:0}.tooltip-icon{color:#4ecdc4;cursor:help;font-size:13px;flex-shrink:0}.provider-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#444;margin-bottom:8px}.provider-label select{flex:1;font-size:13px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333}.pipeline-btn{width:100%;padding:8px 12px;background:#fff;color:#4ecdc4;border:1px solid #4ECDC4;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;text-align:center}.pipeline-btn:hover:not(:disabled){background:#4ecdc4;color:#fff}.pipeline-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.byok-key-input{margin-bottom:8px}.byok-key-label{display:block;font-size:13px;color:#444}.key-input-row{display:flex;gap:4px;margin-top:4px}.byok-key-field{flex:1;font-size:12px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-family:monospace;min-width:0}.byok-key-field:focus{outline:none;border-color:#4ecdc4}.byok-key-field:disabled{background:#f8f8f8;color:#999}.key-toggle-btn{font-size:11px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;background:#f8f8f8;color:#666;cursor:pointer;white-space:nowrap;flex-shrink:0}.key-toggle-btn:hover{background:#eee}.byok-key-hint{display:block;font-size:11px;color:#999;margin-top:3px}.byok-key-hint a{color:#4ecdc4;text-decoration:none}.byok-key-hint a:hover{text-decoration:underline}.pipeline-status-msg{font-size:12px;color:#27ae60;margin:6px 0 0;line-height:1.4}.pipeline-error-msg{font-size:12px;color:#e74c3c;margin:6px 0 0;line-height:1.4;word-break:break-word}.insights-viewer{display:flex;flex-direction:column;height:100%;min-height:0}.insights-empty{display:flex;align-items:center;justify-content:center;flex:1}.insights-placeholder{text-align:center;max-width:380px;padding:40px 20px;color:#666}.insights-placeholder-icon{font-size:48px;display:block;margin-bottom:16px}.insights-placeholder h3{margin:0 0 10px;color:#333}.insights-placeholder p{margin:0;line-height:1.6;font-size:14px}.insights-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:12px 16px 0;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.insights-tab{padding:6px 12px;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;background:#fff;color:#666;cursor:pointer;font-size:12px;transition:all .15s;white-space:nowrap}.insights-tab:hover:not(.unavailable){background:#f0f0f0;color:#333}.insights-tab.active{background:#fff;color:#4ecdc4;border-color:#4ecdc4;font-weight:600;position:relative;bottom:-1px;z-index:1}.insights-tab.unavailable{opacity:.45;cursor:default}.insights-content{flex:1;overflow-y:auto;padding:24px 32px;background:#fff;min-height:0}.insights-loading,.insights-error,.insights-not-available{padding:40px;text-align:center;color:#666}.insights-error{color:#e74c3c}.insights-content h1{font-size:20px;color:#333;border-bottom:2px solid #4ECDC4;padding-bottom:8px;margin:0 0 20px}.insights-content h2{font-size:16px;color:#444;margin:24px 0 12px}.insights-content p{line-height:1.7;color:#444;margin:0 0 12px;font-size:14px}.insights-content ul,.insights-content ol{padding-left:20px;margin:0 0 12px}.insights-content li{line-height:1.6;color:#444;font-size:14px;margin-bottom:4px}.insights-content code{background:#f5f5f5;padding:1px 5px;border-radius:3px;font-size:13px;font-family:monospace}.insights-content pre{background:#f5f5f5;padding:12px 16px;border-radius:6px;overflow-x:auto;font-size:13px;line-height:1.5;margin:0 0 16px}.insights-content strong{color:#333;font-weight:600}.insight-info-wrapper{margin-bottom:4px}.insight-info{background:#f0f4ff;border-left:3px solid #5c7cfa;padding:.6rem .9rem;font-size:.84rem;color:#374151;margin-bottom:1.2rem;border-radius:0 4px 4px 0;line-height:1.55}.insight-info a{color:#3b5bdb;text-decoration:underline}.insight-info strong{color:#1e3a8a;font-weight:600}.narrative-viewer{display:flex;flex-direction:column;height:100%;min-height:0}.narrative-empty,.narrative-loading,.narrative-error{display:flex;align-items:center;justify-content:center;flex:1}.narrative-placeholder{text-align:center;max-width:400px;padding:40px 20px;color:#666}.narrative-placeholder-icon{font-size:48px;display:block;margin-bottom:16px}.narrative-placeholder h3{margin:0 0 10px;color:#333}.narrative-placeholder p{margin:0 0 8px;line-height:1.6;font-size:14px}.narrative-hint{font-size:12px;color:#999}.narrative-error{color:#e74c3c;font-size:14px}.narrative-tabs{display:flex;align-items:center;gap:4px;padding:12px 16px 0;border-bottom:1px solid #e0e0e0;background:#fafafa;flex-shrink:0}.narrative-tab{padding:6px 16px;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;background:#fff;color:#666;cursor:pointer;font-size:13px;transition:all .15s}.narrative-tab:hover:not(.unavailable){background:#f0f0f0;color:#333}.narrative-tab.active{background:#fff;color:#4ecdc4;border-color:#4ecdc4;font-weight:600;position:relative;bottom:-1px;z-index:1}.narrative-tab.unavailable{opacity:.45;cursor:default}.narrative-download-btn{margin-left:auto;padding:5px 12px;border:1px solid #4ECDC4;border-radius:4px;background:#fff;color:#4ecdc4;cursor:pointer;font-size:12px;transition:all .15s;position:relative;bottom:2px}.narrative-download-btn:hover{background:#4ecdc4;color:#fff}.narrative-warning{background:#fff8e1;border-left:3px solid #f39c12;padding:10px 16px;font-size:13px;color:#7d6608;line-height:1.5;flex-shrink:0}.narrative-content{flex:1;overflow-y:auto;padding:24px 32px;background:#fff;min-height:0}.narrative-not-available{padding:40px;text-align:center;color:#999}.narrative-content h1{font-size:20px;color:#333;border-bottom:2px solid #4ECDC4;padding-bottom:8px;margin:0 0 20px}.narrative-content h2{font-size:16px;color:#444;margin:24px 0 12px}.narrative-content h3{font-size:14px;color:#555;margin:16px 0 8px}.narrative-content p{line-height:1.75;color:#444;margin:0 0 14px;font-size:14px}.narrative-content ul,.narrative-content ol{padding-left:20px;margin:0 0 14px}.narrative-content li{line-height:1.7;color:#444;font-size:14px;margin-bottom:6px}.narrative-content strong{color:#333;font-weight:600}.narrative-content em{color:#555}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fff;padding:30px 40px;box-shadow:0 2px 8px #0000001a}.app-header h1{margin:0 0 8px;font-size:2.5rem;font-weight:700}.app-header p{margin:0;font-size:1.1rem;opacity:.95}.app-main{flex:1;display:flex;gap:20px;padding:20px;max-width:1800px;margin:0 auto;width:100%}.sidebar{flex:0 0 350px;display:flex;flex-direction:column;gap:20px}.content{flex:1;min-width:0;display:flex;flex-direction:column}.content-tabs{display:flex;gap:4px;padding:0 0 0 4px;border-bottom:2px solid #e0e0e0;background:#fafafa;flex-shrink:0}.content-tab{padding:10px 18px;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;background:transparent;color:#666;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s;display:flex;align-items:center;gap:6px}.content-tab:hover{background:#f0f0f0;color:#333}.content-tab.active{background:#fff;color:#4ecdc4;border-color:#e0e0e0;border-bottom-color:#fff;font-weight:600;position:relative;bottom:-2px;z-index:1}.tab-badge{background:#4ecdc4;color:#fff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.6}.btn-reset{margin-top:12px;padding:8px 12px;background:transparent;border:1px solid #ddd;border-radius:6px;color:#888;font-size:.8rem;cursor:pointer;text-align:center}.btn-reset:hover{border-color:#aaa;color:#555}.btn-get-started{padding:10px 16px;background:#4a90d9;border:none;border-radius:6px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;width:100%}.btn-get-started:hover{background:#357abd}.btn-get-started-main{margin-top:36px;padding:14px 40px;font-size:1.1rem;width:auto;border-radius:8px}.loading-state{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center;color:#666}.welcome-state{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:60px 40px;text-align:center}.welcome-state h2{margin:0 0 10px;color:#333;font-size:2rem}.welcome-state>p{margin:0 0 40px;color:#666;font-size:1.1rem}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.feature{padding:30px;background:#f8f9fa;border-radius:8px;transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.feature-icon{font-size:3rem;display:block;margin-bottom:15px}.feature h3{margin:0 0 10px;color:#333;font-size:1.3rem}.feature p{margin:0;color:#666;line-height:1.6}@media (max-width: 1024px){.app-main{flex-direction:column}.sidebar{flex:1;max-width:none}}@media (max-width: 768px){.app-header{padding:20px}.app-header h1{font-size:1.8rem}.app-main{padding:15px}.features{grid-template-columns:1fr}}