:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{margin:0;padding:0;width:100vw;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100vw;overflow-x:hidden}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:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.landing-container{height:100vh;width:100vw;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;display:flex;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;position:fixed;top:0;left:0}.landing-content{text-align:center;background:#fffffff2;padding:4rem 3rem;border-radius:20px;box-shadow:0 20px 60px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:90%}.landing-title{color:#333;font-size:2.5rem;margin-bottom:1.5rem;font-weight:300;letter-spacing:1px}.landing-subtitle{color:#666;font-size:1rem;margin-bottom:3rem;font-weight:400}.enter-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;font-size:1.2rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500;letter-spacing:.5px;box-shadow:0 8px 25px #667eea4d}.enter-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66;background:linear-gradient(45deg,#5a6fd8,#6a4190)}.enter-button:active{transform:translateY(0)}@media (min-width: 1024px){.landing-container{background-image:linear-gradient(135deg,#667eeacc,#764ba2cc),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="g" cx="50%" cy="50%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="0.1"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="url(%23g)"/><circle cx="200" cy="200" r="3" fill="%23ffffff" opacity="0.3"/><circle cx="400" cy="100" r="2" fill="%23ffffff" opacity="0.4"/><circle cx="600" cy="300" r="4" fill="%23ffffff" opacity="0.2"/><circle cx="800" cy="150" r="2" fill="%23ffffff" opacity="0.5"/><circle cx="100" cy="400" r="3" fill="%23ffffff" opacity="0.3"/><circle cx="300" cy="500" r="2" fill="%23ffffff" opacity="0.4"/><circle cx="700" cy="600" r="3" fill="%23ffffff" opacity="0.3"/><circle cx="900" cy="400" r="2" fill="%23ffffff" opacity="0.4"/><circle cx="150" cy="700" r="4" fill="%23ffffff" opacity="0.2"/><circle cx="500" cy="800" r="3" fill="%23ffffff" opacity="0.3"/></svg>');background-size:cover,100% 100%}.landing-content{max-width:600px;padding:5rem 4rem;transform:scale(1.1)}.landing-title{font-size:3rem}.landing-subtitle{font-size:1.2rem}}@media (min-width: 1440px){.landing-content{transform:scale(1.2)}}@media (max-width: 768px){.landing-container{position:relative;min-height:100vh;height:auto}.landing-content{margin:2rem;padding:3rem 2rem}.landing-title{font-size:2rem}.landing-subtitle{font-size:.9rem}}.csv-import-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.csv-import-modal{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.csv-import-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0;background:#f5f5f5}.csv-import-modal-header h2{margin:0;font-size:1.2rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.csv-import-modal-content{padding:1rem;overflow-y:auto;flex:1}.upload-section{display:flex;flex-direction:column;gap:2rem}.template-section{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}.template-section p{margin-bottom:1rem;color:#666}.upload-area{text-align:center}.file-upload-label{display:block;cursor:pointer}.file-upload-label input{display:none}.file-upload-content{border:2px dashed #007bff;border-radius:8px;padding:3rem 2rem;background:#f8f9ff;transition:all .2s}.file-upload-content:hover{border-color:#0056b3;background:#e6f2ff}.file-upload-content span{font-size:1.1rem;font-weight:700;color:#007bff;display:block;margin-bottom:.5rem}.file-upload-content p{color:#666;margin:0;font-size:.9rem}.format-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem}.format-info h4{margin-top:0;color:#856404}.format-info ul{margin:0;color:#856404;font-size:.9rem}.format-info li{margin-bottom:.25rem}.preview-section{display:flex;flex-direction:column;gap:1rem}.preview-section h3{margin:0;color:#333}.preview-table-container{max-height:400px;overflow:auto;border:1px solid #e0e0e0;border-radius:4px}.preview-table th,.preview-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.preview-table th{background:#f8f9fa;font-weight:700;position:sticky;top:0}.preview-table tr:hover{background:#f8f9fa}.preview-more{text-align:center;padding:1rem;color:#666;font-style:italic;border-top:1px solid #e0e0e0;background:#f8f9fa;margin:0}.preview-actions{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid #e0e0e0}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s;min-width:120px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.csv-import-modal{width:95%;max-height:90vh}.upload-section{gap:1rem}.file-upload-content{padding:2rem 1rem}.preview-table{font-size:.8rem}.preview-table th,.preview-table td{padding:.5rem}.preview-actions{flex-direction:column}.btn{width:100%}}.csv-update-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.csv-update-modal{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.csv-update-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e0e0e0;margin-bottom:24px}.csv-update-modal-header h2{margin:0;color:#333;font-size:1.5rem}.csv-update-modal-content{padding:0 24px 24px}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px;border-radius:4px;transition:all .2s}.close-button:hover{background-color:#f5f5f5;color:#333}.info-section{margin-bottom:2rem;padding:1rem;background-color:#e3f2fd;border-radius:8px;border-left:4px solid #2196f3}.info-section h3{margin-top:0;color:#1976d2}.info-section ul{margin:.5rem 0;padding-left:1.5rem}.info-section li{margin-bottom:.5rem}.template-section{margin-bottom:2rem;padding:1rem;background-color:#f5f5f5;border-radius:8px}.template-section h3{margin-top:0;color:#333}.upload-area{margin-bottom:2rem}.upload-area h3{margin-bottom:1rem;color:#333}.file-upload-label{display:block;width:100%;cursor:pointer}.file-upload-label input[type=file]{display:none}.file-upload-content{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;background-color:#fafafa;transition:all .3s ease}.file-upload-content:hover{border-color:#1976d2;background-color:#f0f8ff}.file-upload-content span{font-size:1.1rem;font-weight:500;color:#333;display:block;margin-bottom:.5rem}.file-upload-content p{margin:0;color:#666;font-size:.9rem}.format-info{background-color:#fff3e0;border-radius:8px;padding:1rem;border-left:4px solid #ff9800}.format-info h4{margin-top:0;color:#e65100}.format-info ul{margin:.5rem 0;padding-left:1.5rem}.format-info li{margin-bottom:.5rem}.preview-section{margin-top:1rem}.preview-section h3{color:#1976d2;margin-bottom:1rem}.preview-table-container{max-height:400px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;margin-bottom:1rem}.preview-table{width:100%;border-collapse:collapse;font-size:.9rem}.preview-table th,.preview-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.preview-table th{background-color:#f5f5f5;font-weight:600;position:sticky;top:0;z-index:10}.preview-table tr:hover{background-color:#f9f9f9}.update-details{display:flex;flex-direction:column;gap:4px}.update-item{display:flex;gap:8px;align-items:center}.update-field{font-weight:500;color:#666;min-width:100px}.update-value{color:#333;background-color:#e8f5e8;padding:2px 6px;border-radius:4px;font-size:.85rem}.preview-more{text-align:center;color:#666;font-style:italic;margin:1rem 0}.preview-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1565c0}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover{background-color:#e0e0e0}@media (max-width: 768px){.csv-update-modal{margin:10px;width:calc(100% - 20px);max-height:calc(100vh - 20px)}.csv-update-modal-header{padding:16px 16px 0}.csv-update-modal-content{padding:0 16px 16px}.preview-actions{flex-direction:column}.preview-table{font-size:.8rem}.preview-table th,.preview-table td{padding:8px}}.menu-header{width:100%;height:60px;min-height:60px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;position:fixed;top:0;left:0;right:0;z-index:1001;display:flex;align-items:center;padding:0}.menu-header-container{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px}.menu-header-left{display:flex;align-items:center;gap:16px;flex-shrink:0}.menu-toggle-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#5f6368;transition:all .2s ease;margin-left:-5px}.menu-toggle-icon{width:36px;height:36px;object-fit:contain;filter:none;transition:all .2s ease}.menu-toggle-btn:hover .menu-toggle-icon{filter:brightness(.7)}.menu-toggle-btn:hover{background:#f5f5f5;color:#202124}.menu-toggle-btn:active{background:#e8e8e8}.menu-logo{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.menu-logo:hover{opacity:.8}.menu-logo-image{height:40px;width:auto;object-fit:contain}.menu-header-center{flex:1;max-width:600px;width:40%;margin:0 200px 0 auto}.menu-search-container{position:relative;width:100%;height:40px;background:#f1f3f4;border-radius:20px;display:flex;align-items:center;padding:0 16px;transition:all .2s ease}.menu-search-container:hover{background:#e8eaed}.menu-search-container.focused{background:#fff;box-shadow:0 2px 8px #0000001a;border:1px solid #dadce0}.menu-search-icon{color:#5f6368;flex-shrink:0}.menu-search-input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:#202124;padding:0 12px;height:100%}.menu-search-input::placeholder{color:#80868b}.menu-search-clear{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#5f6368;transition:all .2s ease;flex-shrink:0}.menu-search-clear:hover{background:#0000000d;color:#202124}.menu-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.menu-icon-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#5f6368;transition:all .2s ease}.menu-icon-btn:hover{background:#f5f5f5;color:#202124}.menu-icon-btn:active{background:#e8e8e8}.menu-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;background:#ea4335;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0;box-shadow:0 2px 4px #0000004d;border:2px solid white}.menu-icon-image{width:20px;height:20px;object-fit:contain;filter:none;transition:all .2s ease}.menu-icon-btn:hover .menu-icon-image{filter:brightness(.7)}.menu-interview-btn{position:relative}.menu-help-btn{margin-left:4px}.menu-notification-btn{position:relative}.menu-user-section{display:flex;align-items:center;gap:12px;padding-left:12px;border-left:1px solid #e0e0e0;margin-left:8px}.menu-user-email{font-size:14px;color:#5f6368;font-weight:400;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-logout-btn{color:#ea4335}.menu-logout-btn:hover{background:#fce8e6}.menu-header-right .notification-bell-container{position:relative}.menu-header-right .notification-bell{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#5f6368;transition:all .2s ease}.menu-header-right .notification-bell:hover{background:#f5f5f5;color:#202124}.menu-sidebar-modal{max-width:300px}.menu-sidebar-list{display:flex;flex-direction:column;gap:8px}.menu-sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:14px}.menu-sidebar-item:hover{background:#f5f5f5;border-color:#dadce0}.menu-sidebar-item.active{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.menu-sidebar-icon{font-size:18px;width:24px;text-align:center}.menu-sidebar-label{flex:1;font-weight:500}.menu-sidebar-indicator{color:#2196f3;font-size:12px}.menu-interview-compact{display:flex;align-items:center;gap:4px;font-size:14px;line-height:1.4;width:100%;pointer-events:none}.menu-interview-time{font-weight:600;color:#1976d2;min-width:50px;flex-shrink:0}.menu-interview-separator{color:#5f6368;font-weight:400;flex-shrink:0}.menu-interview-name{font-weight:600;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:1}.menu-interview-company{color:#5f6368;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;flex-shrink:1}@media (max-width: 1024px){.menu-header-center{width:35%}}@media (max-width: 768px){.menu-header-container{padding:0 12px;gap:12px}.menu-logo-image{height:36px}.menu-header-center,.menu-user-email{display:none}.menu-user-section{border-left:none;padding-left:0;margin-left:0}}@media (max-width: 480px){.menu-header-container{padding:0 8px;gap:8px}.menu-help-btn{display:none}}.menu,.hamburger,.menu-items,.menu-item{display:none}.search-highlight{background-color:#ffeb3b;color:#000;padding:1px 2px;border-radius:2px;font-weight:500;box-shadow:0 1px 3px #ffeb3b4d}.search-highlight-current{background-color:#ff9800;color:#000;animation:highlight-pulse 1s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 1px 3px #ff98004d}50%{box-shadow:0 2px 8px #ff980099}}.menu-search-container.has-results{border:1px solid #4caf50}.menu-search-container.no-results{border:1px solid #f44336}.menu-icon-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1002;pointer-events:none}.menu-icon-btn[title]:hover:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000c;z-index:1002;pointer-events:none}.menu-toggle-btn[title]:hover:after{content:attr(title);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1002;pointer-events:none}.menu-toggle-btn[title]:hover:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:4px solid transparent;border-bottom-color:#000c;z-index:1002;pointer-events:none}.menu-logo[title]:hover:after{content:attr(title);position:absolute;bottom:-32px;left:0;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1002;pointer-events:none}.menu-logo[title]:hover:before{content:"";position:absolute;bottom:-8px;left:20px;border:4px solid transparent;border-bottom-color:#000c;z-index:1002;pointer-events:none}.menu-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1100;display:flex;align-items:center;justify-content:center}.menu-modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:70vh;overflow:hidden;box-shadow:0 4px 20px #0003}.menu-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.menu-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#202124}.menu-modal-close{width:32px;height:32px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#5f6368;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-modal-close:hover{background:#f5f5f5;color:#202124}.menu-modal-body{padding:20px;max-height:calc(70vh - 80px);overflow-y:auto}.menu-modal-empty{text-align:center;color:#5f6368;font-size:14px;margin:20px 0}.menu-interview-list{display:flex;flex-direction:column;gap:12px}.menu-interview-item{padding:12px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;-webkit-user-select:none;user-select:none}.menu-interview-item:hover{background:#f5f5f5;border-color:#dadce0;box-shadow:0 2px 4px #0000001a}.menu-interview-item:active{background:#e8eaed;transform:translateY(1px)}.menu-interview-name{font-weight:600;font-size:14px;color:#202124;margin-bottom:4px}.menu-interview-company{font-size:12px;color:#5f6368;margin-bottom:4px}.menu-interview-time{font-size:12px;color:#1976d2;font-weight:500}.menu-instruction-content{font-size:14px;line-height:1.5;color:#202124}.menu-instruction-content p{margin:0 0 12px}.menu-instruction-content p:last-child{margin-bottom:0}.menu-mention-list{display:flex;flex-direction:column;gap:12px}.menu-mention-item{padding:12px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff}.menu-mention-item:hover{background:#f5f5f5;border-color:#dadce0}.menu-mention-item.resolved{opacity:.6;background:#f8f9fa}.menu-mention-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.menu-mention-name{font-weight:600;font-size:14px;color:#202124}.menu-mention-company{font-size:12px;color:#5f6368;background:#f1f3f4;padding:2px 6px;border-radius:3px}.menu-mention-badge{font-size:10px;color:#fff;background:#ea4335;padding:2px 6px;border-radius:10px;font-weight:500}.menu-mention-instruction{font-size:13px;color:#202124;line-height:1.4;margin-bottom:6px;word-break:break-word}.menu-mention-date{font-size:11px;color:#5f6368;font-style:italic}.sidebar{position:fixed;top:0;left:0;height:100vh;width:60px;background:#474747;box-shadow:2px 0 10px #00000026;display:flex;flex-direction:row;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.sidebar.expanded{width:340px}.sidebar-icons{min-width:60px;width:60px;height:100%;display:flex;flex-direction:column;padding:80px 0 20px;background:#0000000d}.sidebar-icon{display:flex;align-items:center;justify-content:center;padding:0;width:44px;height:44px;cursor:pointer;transition:all .3s ease;position:relative;color:#fff;border-radius:12px;margin:0 8px 12px}.sidebar-icon:hover{background:#ffffff1a;transform:scale(1.05);color:#fff}.sidebar-icon.active{background:#ffffff26;box-shadow:0 4px 12px #00000026;color:#fff}.sidebar-icon.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:28px;background:#5bb3f0;border-radius:0 3px 3px 0;box-shadow:0 0 8px #5bb3f080}.sidebar-icon .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3)) brightness(0) invert(1);object-fit:contain}.sidebar-icon .label{display:none}.sidebar-tabs{flex:1;padding:135px 20px 20px;overflow-y:auto;animation:slideIn .3s ease;position:relative}.tabs-header{position:absolute;top:75px;left:20px;right:20px;padding:12px 16px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:0;box-shadow:0 2px 8px #0000001a}.tabs-header h3{color:#fff;font-size:16px;font-weight:600;margin:0;letter-spacing:.3px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.2)}.tabs-list{display:flex;flex-direction:column;gap:4px;margin-top:0}.tab-item{padding:12px 16px;color:#ffffffd9;cursor:pointer;border-radius:10px;transition:all .2s ease;font-size:14px;font-weight:400;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tab-item:hover{background:#ffffff14;transform:translate(4px);color:#fff;box-shadow:0 2px 8px #0000001a}.tab-item.active{background:#5bb3f026;color:#fff;font-weight:500;box-shadow:0 3px 12px #5bb3f033;border:1px solid rgba(91,179,240,.3)}.tab-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#5bb3f0;border-radius:0 3px 3px 0;box-shadow:0 0 6px #5bb3f099}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-tabs::-webkit-scrollbar{width:6px}.sidebar-tabs::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-tabs::-webkit-scrollbar-thumb:hover{background:#fff6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.sidebar-icon[title]{position:relative}.sidebar:not(.expanded) .sidebar-icon:hover:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;z-index:1001;pointer-events:none;animation:fadeIn .2s ease;box-shadow:0 2px 8px #0003}.sidebar:not(.expanded) .sidebar-icon:hover:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent rgba(0,0,0,.9) transparent transparent;z-index:1001;animation:fadeIn .2s ease}@media (max-width: 768px){.sidebar{width:50px}.sidebar-icons{min-width:50px;width:50px}.sidebar-icon{padding:0 5px;margin:0 5px 5px}.sidebar-icon .icon{font-size:20px;min-width:40px}.sidebar.expanded{width:280px}.tabs-header h3{font-size:16px}.tab-item{padding:10px 14px;font-size:13px}}#root{width:100vw;max-width:100vw;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;position:relative}.content{flex:1;width:calc(100% - 60px);margin:0 0 0 60px;padding:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;transition:margin-left .3s ease,width .3s ease}.Toastify__toast-container{width:320px!important;font-size:14px!important}.Toastify__toast{min-height:48px!important;padding:8px 12px!important;border-radius:6px!important;margin-bottom:8px!important}.Toastify__toast-body{padding:0!important;margin:0!important}.Toastify__close-button{align-self:flex-start!important;margin-top:2px!important}h1{color:#333;margin:0}h2{color:#444;margin-bottom:1rem}section{margin-bottom:2rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.checkbox-group{display:flex;align-items:center;gap:.5rem}.hamburger-menu{position:fixed;top:1rem;left:1rem;z-index:1000;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger-icon{display:block;width:25px;height:3px;background-color:#333;margin:5px 0;transition:all .3s ease}.hamburger-menu.active .hamburger-icon:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-menu.active .hamburger-icon:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-icon:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.menu-container{position:fixed;top:0;left:-250px;width:250px;height:100vh;background-color:#fff;box-shadow:2px 0 5px #0000001a;transition:left .3s ease;z-index:999}.menu-container.active{left:0}.main-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:calc(100vh - 200px);margin-left:0;transition:margin-left .3s ease}.main-container.menu-active{margin-left:250px}.left-section{display:flex;flex-direction:column}.right-section{display:flex;flex-direction:column;gap:1rem}.home-tabs{display:flex;gap:0;margin-bottom:1rem;border-bottom:2px solid #eee}.home-tab{background:none;border:none;padding:1rem 2rem;cursor:pointer;font-size:1rem;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.home-tab:hover{background-color:#f5f5f5;color:#333}.home-tab.active{color:#1a237e;border-bottom-color:#1a237e;background-color:#f8f9ff}.search-container{margin-bottom:1rem}.input-view{width:100%;height:calc(100vh - 80px);margin:0 auto;padding:1rem;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box}.input-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;width:100%;max-width:1200px;box-sizing:border-box}.input-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.link-to-list-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 16px #2196f34d;text-decoration:none;min-width:200px;justify-content:center}.link-to-list-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);transform:translateY(-3px);box-shadow:0 8px 24px #2196f366}.link-to-list-btn:active{transform:translateY(-1px)}.link-icon{font-size:1.2rem}.list-view{width:100%;height:calc(100vh + -0px);padding:.5rem;margin:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #eee;flex-shrink:0;width:100%;box-sizing:border-box}.search-view{width:100%;max-width:80vw;height:calc(100vh - 80px);padding:1rem;margin:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.search-view h2{margin-bottom:2rem}.list-container{overflow-y:auto}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.csv-import-button{background:#28a745;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.csv-import-button:hover{background:#218838}@media (max-width: 768px){.main-container{grid-template-columns:1fr;height:auto}.main-container.menu-active{margin-left:0}.right-section{grid-template-rows:auto auto}}