.App{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}.App-header{text-align:center;margin-bottom:4rem;padding:2rem 0}.logo-container{margin-bottom:1rem}.main-logo{max-width:100%;height:auto}.tagline{color:#888;font-size:1.2rem;margin:1rem 0 2rem;font-weight:300}.status-badge{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:25px;font-size:.9rem;font-weight:500;box-shadow:0 2px 10px #0000004d}.App-main{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;flex:1}.sessions-section,.upload-section{background:#1a1a1a80;border:1px solid #333;border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sessions-section h2,.upload-section h2{color:#646cff;margin:0 0 2rem;font-size:1.5rem;font-weight:600;text-align:center}.loading-state{text-align:center;padding:3rem 2rem}.spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #646cff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sessions-grid{display:grid;gap:1.5rem}.session-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #333;border-radius:10px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.session-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#646cff,#535bf2);opacity:0;transition:opacity .3s ease}.session-card:hover{border-color:#646cff;transform:translateY(-2px);box-shadow:0 8px 25px #646cff26}.session-card:hover:before{opacity:1}.session-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.session-card h3{margin:0;color:#fff;font-size:1.1rem;font-weight:600;flex:1;margin-right:1rem}.status-pill{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.status-pill.complete{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.status-pill.processing{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-pill.failed{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.3)}.session-meta{display:flex;gap:1rem}.session-meta p{margin:0;color:#888;font-size:.85rem}.empty-state{text-align:center;padding:4rem 2rem;color:#888}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#ccc;margin:0 0 1rem;font-weight:500}.empty-state p{margin:0;line-height:1.6}.upload-area{border:2px dashed #333;border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:#646cff05}.upload-area:hover{border-color:#646cff;background:#646cff0d}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-area h3{color:#ccc;margin:0 0 1rem;font-weight:500}.upload-area p{margin:.5rem 0;color:#888}.size-limit{font-size:.8rem!important;color:#666!important}.upload-btn{margin-top:2rem;background:linear-gradient(135deg,#646cff,#535bf2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:1rem}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #646cff4d}.App-footer{border-top:1px solid #333;padding:2rem 0;margin-top:auto}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-logo{opacity:.8}.footer-info{text-align:right}.footer-info p{margin:.25rem 0;color:#666;font-size:.9rem}@media (prefers-color-scheme: light){.sessions-section,.upload-section{background:#f9f9f9cc;border-color:#e5e5e5}.session-card{background:linear-gradient(135deg,#fff,#f9f9f9);border-color:#e5e5e5}.session-card h3{color:#213547}.upload-area{border-color:#e5e5e5;background:#646cff05}.upload-area:hover{border-color:#646cff;background:#646cff0d}.upload-area h3,.empty-state h3{color:#213547}.status-badge{background:linear-gradient(135deg,#fff,#f9f9f9);border-color:#e5e5e5}.App-footer{border-color:#e5e5e5}}@media (max-width: 1024px){.App-main{grid-template-columns:1fr;gap:3rem}.footer-content{flex-direction:column;text-align:center}.footer-info{text-align:center}}@media (max-width: 768px){.App{padding:1rem}.App-header{margin-bottom:3rem}.sessions-section,.upload-section{padding:1.5rem}.session-header{flex-direction:column;align-items:flex-start;gap:.5rem}.session-card h3{margin-right:0}}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}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;color:#fff;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;color:#213547}}