@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";: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}}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#fafafa,#f4f4f5);color:#333;margin:0;padding:0;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:900px;margin:0 auto;padding:2rem;min-height:100vh}.container.centered-view{display:flex;flex-direction:column;justify-content:center;align-items:center}header{margin-bottom:3rem;position:relative}h1{background:linear-gradient(135deg,#000,#404040);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;font-weight:700;margin:0;letter-spacing:-.05em;color:#111}.header-actions{position:absolute;top:0;right:0;z-index:10}.logout-btn{background:#fff;color:#444;border:1px solid #e5e5e5;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d}.logout-btn:hover{background:#fafafa;border-color:#d4d4d4;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px);border-color:#d4d4d4}h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#222;letter-spacing:-.025em}.upload-section input[type=file]{width:100%;padding:12px 16px;border:2px dashed #d4d4d4;border-radius:12px;margin-bottom:1.5rem;background:#fafafa;color:#555;font-size:.875rem;transition:all .2s ease;cursor:pointer}.upload-section input[type=file]:hover{border-color:#a3a3a3;background:#f5f5f5}.upload-section input[type=file]:focus{outline:none;border-color:#000;background:#fff}button{background:linear-gradient(135deg,#000,#404040);color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;letter-spacing:-.01em}button:hover:not(:disabled){background:linear-gradient(135deg,#171717,#525252);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}button:disabled{background:#f5f5f5;color:#aaa;cursor:not-allowed}.message{margin-top:1rem;font-weight:500;font-size:.875rem;padding:12px 16px;border-radius:8px;background:#f0f9ff;color:#0369a1;border:1px solid #e0f2fe;animation:slideIn .3s ease-out}.file-list-section ul{list-style:none;padding:0;margin:0}.file-list-section li{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f5f5f5;transition:all .2s ease}.file-list-section li:hover{background:linear-gradient(90deg,transparent 0%,#fafafa 50%,transparent 100%);margin:0 -2rem;padding:16px 2rem;border-radius:8px}.file-list-section a{color:#2563eb;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s ease;flex:1}.file-list-section a:hover{color:#1e40af;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.file-list-section span{font-size:.75rem;color:#6b7280;font-weight:500}.connection-form form{display:flex;flex-direction:column;gap:1.5rem}.connection-form input{padding:14px 16px;border:1px solid #e5e5e5;border-radius:10px;font-size:.875rem;background:#fafafa;transition:all .2s ease;color:#171717}.connection-form input:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 3px #0000000d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #ef44441a}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.file-actions{display:flex;align-items:center;gap:1.5rem}.file-list-section p{text-align:center;color:#6b7280;font-size:.875rem;margin:2rem 0;font-style:italic}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2rem}.card{padding:1.5rem;margin-bottom:1.5rem}.header-actions{position:static;text-align:center;margin-top:1rem;margin-bottom:2rem}.file-list-section li{flex-direction:column;align-items:flex-start;gap:.75rem}.file-actions{width:100%;justify-content:space-between}}html{scroll-behavior:smooth}button:focus-visible,input:focus-visible{outline:2px solid #000000;outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}* Help Section Styles */ .help-section{margin-top:1.5rem}.help-toggle{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 20px;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #3b82f61a}.help-toggle:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.help-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-top:1rem;animation:slideDown .3s ease-out}.help-content h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem;font-weight:600}.help-step{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.help-step:last-of-type{border-bottom:none;margin-bottom:1rem}.help-step h4{margin:0 0 .75rem;color:#374151;font-size:1rem;font-weight:600}.help-step p,.help-step li{color:#4b5563;font-size:.875rem;line-height:1.6;margin:.5rem 0}.help-step ol,.help-step ul{margin:.5rem 0;padding-left:1.25rem}.help-step ol li,.help-step ul li{margin:.25rem 0}.help-step a{color:#2563eb;text-decoration:none;font-weight:500}.help-step a:hover{text-decoration:underline;text-underline-offset:2px}.help-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin-top:1rem}.help-warning p{margin:0;color:#92400e;font-size:.875rem;font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}@media (max-width: 768px){.help-content{padding:1rem}.help-step ol,.help-step ul{padding-left:1rem}}