:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--accent: #ec4899;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--bg-dark: #0f172a;--bg-card: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #cbd5e1;--border: rgba(255, 255, 255, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--text-primary)}.app{min-height:100vh;padding:2rem}.app-header{text-align:center;margin-bottom:3rem;position:relative}.back-to-hub-btn{position:absolute;left:0;top:0;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-size:.95rem;transition:all .3s}.back-to-hub-btn:hover{background:#ffffff26;transform:translate(-4px)}.app-header h1{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.25rem;color:var(--text-secondary)}.document-selector{max-width:1200px;margin:0 auto}.selector-header{text-align:center;margin-bottom:2rem}.selector-header h2{font-size:2rem;margin-bottom:.5rem}.selector-header p{color:var(--text-secondary)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.document-card,.upload-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:2rem;cursor:pointer;transition:all .3s;text-align:center}.document-card:hover,.upload-card:hover{background:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.doc-icon{font-size:4rem;margin-bottom:1rem}.document-card h3{font-size:1.5rem;margin-bottom:.5rem}.doc-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.doc-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.analyze-btn,.upload-btn{background:var(--primary);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s}.analyze-btn:hover,.upload-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.upload-card{border:2px dashed var(--border);background:#ffffff0d}.upload-card.drag-active{border-color:var(--primary);background:#6366f11a}.upload-icon{color:var(--primary);margin-bottom:1rem}.upload-subtitle{color:var(--text-secondary);margin-bottom:.5rem}.upload-info{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.info-banner{background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem 1.5rem;text-align:center}.info-banner p{color:#e0f2fe;margin:0}.analyzing-overlay{position:fixed;inset:0;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.analyzing-content{text-align:center;max-width:500px}.spinner{width:80px;height:80px;border:6px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}@keyframes spin{to{transform:rotate(360deg)}}.analyzing-content h2{font-size:2rem;margin-bottom:2rem}.analysis-stages .stage{color:var(--text-secondary);margin:1rem 0;opacity:.5;transition:all .3s}.analysis-stages .stage.active{color:var(--primary);opacity:1;font-weight:600}.analysis-container{max-width:1600px;margin:0 auto}.back-btn{background:#ffffff1a;border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;margin-bottom:2rem;transition:all .3s}.back-btn:hover{background:#ffffff26}.review-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:6rem}.document-viewer{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:2rem;max-height:80vh;overflow-y:auto}.document-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.document-header h3{font-size:1.5rem;margin-bottom:.75rem}.document-meta{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.risk-badge{padding:.25rem .75rem;border-radius:8px;font-size:.875rem;font-weight:600}.risk-badge.risk-lowemedium{background:#f9731633;color:#fb923c}.risk-badge.risk-medium{background:#f59e0b33;color:#fbbf24}.risk-badge.risk-mediumhigh{background:#ef444433;color:#f87171}.clause-highlights h4{margin-bottom:1rem}.highlight-info{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.clause-highlight{background:#ffffff0d;border-left:4px solid;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;transition:all .3s}.clause-highlight:hover{background:#ffffff14;transform:translate(4px)}.clause-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.page-ref{color:var(--text-secondary);font-size:.875rem}.clause-text{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;font-style:italic}.clause-footer{display:flex;gap:1rem;font-size:.875rem}.importance-tag,.risk-tag{padding:.25rem .75rem;border-radius:6px;font-weight:600}.importance-tag.critical{background:#ef444433;color:#f87171}.importance-tag.high{background:#f9731633;color:#fb923c}.importance-tag.medium{background:#3b82f633;color:#60a5fa}.risk-tag.risk-high{background:#ef444433;color:#f87171}.risk-tag.risk-medium{background:#f59e0b33;color:#fbbf24}.risk-tag.risk-low{background:#10b98133;color:#34d399}.analysis-panel{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;max-height:80vh;display:flex;flex-direction:column}.panel-tabs{display:flex;border-bottom:1px solid var(--border);padding:1rem;gap:.5rem;flex-wrap:wrap}.tab{background:transparent;border:none;color:var(--text-secondary);padding:.75rem 1rem;border-radius:10px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .3s}.tab:hover{background:#ffffff0d;color:var(--text-primary)}.tab.active{background:#6366f133;color:var(--primary);font-weight:600}.panel-content{flex:1;overflow-y:auto;padding:2rem}.panel-content h3{font-size:1.75rem;margin-bottom:1rem}.tab-description{color:var(--text-secondary);margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s}.stat-card.highlight{background:#6366f133;border-color:var(--primary)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0003}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.quick-facts{background:#ffffff0d;border-radius:12px;padding:1.5rem}.quick-facts h4{margin-bottom:1rem}.quick-facts ul{list-style:none}.quick-facts li{padding:.5rem 0;color:var(--text-secondary)}.clause-card{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.clause-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-badge{background:#6366f133;color:var(--primary);padding:.25rem .75rem;border-radius:6px;font-size:.875rem}.clause-extract{color:var(--text-secondary);font-style:italic;line-height:1.6;margin-bottom:1rem;padding-left:1rem;border-left:3px solid rgba(99,102,241,.3)}.clause-analysis{margin-bottom:1rem}.clause-analysis p{color:var(--text-secondary);line-height:1.6;margin-top:.5rem}.clause-tags{display:flex;gap:.75rem}.tag{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.tag.importance-critical{background:#ef444433;color:#f87171}.tag.importance-high{background:#f9731633;color:#fb923c}.tag.importance-medium{background:#3b82f633;color:#60a5fa}.risk-card{border:1px solid;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.risk-card.severity-high{background:#ef44441a;border-color:#ef44444d}.risk-card.severity-medium{background:#f59e0b1a;border-color:#f59e0b4d}.risk-card.severity-low{background:#3b82f61a;border-color:#3b82f64d}.risk-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.risk-header h4{flex:1}.severity-badge{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.severity-badge.high{background:#ef444433;color:#f87171}.severity-badge.medium{background:#f59e0b33;color:#fbbf24}.risk-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.risk-details{display:grid;gap:.75rem}.risk-detail{color:var(--text-secondary);font-size:.95rem}.risk-mitigation{background:#10b9811a;border-left:3px solid #34d399;padding:1rem;border-radius:8px;margin-top:1rem}.risk-mitigation p{color:var(--text-secondary);margin-top:.5rem;line-height:1.6}.obligation-card{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.obligation-header{display:flex;gap:.5rem;margin-bottom:.75rem}.party-badge{padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:600}.party-badge.tenant{background:#6366f133;color:#818cf8}.party-badge.landlord{background:#8b5cf633;color:#a78bfa}.party-badge.employee{background:#6366f133;color:#818cf8}.party-badge.employer{background:#8b5cf633;color:#a78bfa}.ongoing-badge{background:#10b98133;color:#34d399;padding:.25rem .75rem;border-radius:6px;font-size:.875rem}.obligation-text{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.obligation-footer{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary);align-items:center}.deadline{display:flex;align-items:center;gap:.25rem}.amount{color:var(--warning);font-weight:600}.summary-content{background:#ffffff0d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.summary-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.recommendations{margin-top:2rem}.recommendations h4{margin-bottom:1.5rem}.recommendation-card{border-left:4px solid;padding:1.25rem;background:#ffffff0d;border-radius:8px;margin-bottom:1rem}.recommendation-card.priority-critical{border-color:#ef4444}.recommendation-card.priority-high{border-color:#f97316}.recommendation-card.priority-medium{border-color:#3b82f6}.recommendation-card.priority-low{border-color:#6b7280}.rec-header{display:flex;gap:.75rem;align-items:center;margin-bottom:.75rem}.priority-badge{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;text-transform:uppercase;font-weight:700}.priority-badge.critical{background:#ef444433;color:#f87171}.priority-badge.high{background:#f9731633;color:#fb923c}.priority-badge.medium{background:#3b82f633;color:#60a5fa}.priority-badge.low{background:#6b728033;color:#9ca3af}.recommendation-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.rec-footer{color:var(--text-secondary);font-size:.875rem}.comparison-table{margin-top:2rem;overflow-x:auto}.comparison-table h4{margin-bottom:1rem}.comparison-table table{width:100%;border-collapse:collapse;background:#ffffff0d;border-radius:12px;overflow:hidden}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.comparison-table th{background:#6366f133;font-weight:600}.comparison-table .variance.unfavorable{color:#f87171;font-weight:600}.comparison-table .variance.favorable{color:#34d399;font-weight:600}.roi-calculator{position:fixed;bottom:2rem;right:2rem;background:#6366f1f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem;box-shadow:0 20px 40px #0006;min-width:280px;animation:slideIn .5s ease-out,pulse 2s infinite}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 20px 40px #0006}50%{box-shadow:0 20px 50px #6366f199}}.roi-calculator .close-btn{position:absolute;top:.5rem;right:.5rem;background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.roi-calculator .close-btn:hover{background:#fff3}.roi-content{display:grid;gap:1.5rem;margin-bottom:1rem}.roi-stat{text-align:center}.roi-stat.highlight{background:#ffffff1a;padding:1rem;border-radius:12px}.roi-label{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;opacity:.9}.roi-value{font-size:2rem;font-weight:700;line-height:1}.roi-value.cost{font-size:2.5rem;color:#fbbf24}.roi-footer{text-align:center;font-size:.875rem;opacity:.8;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.2)}@media(max-width:1024px){.review-layout{grid-template-columns:1fr}.analysis-panel{max-height:60vh}}@media(max-width:768px){.app{padding:1rem}.app-header h1{font-size:2rem}.back-to-hub-btn{position:static;margin-bottom:1rem;display:block;width:100%}.documents-grid{grid-template-columns:1fr}.panel-tabs{overflow-x:auto}.roi-calculator{bottom:1rem;right:1rem;left:1rem;min-width:auto}.stats-grid{grid-template-columns:repeat(2,1fr)}}.document-viewer::-webkit-scrollbar,.panel-content::-webkit-scrollbar{width:8px}.document-viewer::-webkit-scrollbar-track,.panel-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.document-viewer::-webkit-scrollbar-thumb,.panel-content::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}.document-viewer::-webkit-scrollbar-thumb:hover,.panel-content::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.upload-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1.5rem;margin-top:2rem}.upload-note p{color:#e0f2fe;line-height:1.6;margin:0}