body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.header{background:#4f46e5;color:#fff;padding:20px;text-align:center}.nav{display:flex;gap:10px;justify-content:center;margin-top:15px}.nav-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s}.nav-btn.active,.nav-btn:hover{background:#ffffff4d}.content{padding:30px}.import-section .csv-input{border:2px dashed #ddd;border-radius:8px;font-family:monospace;font-size:14px;height:200px;padding:15px;resize:vertical;width:100%}.import-section .csv-input:focus{border-color:#4f46e5;outline:none}.btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin:10px 5px 10px 0;padding:12px 24px;transition:background .2s}.btn:hover{background:#4338ca}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.flashcard{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:center;margin:20px 0;min-height:300px;padding:40px;text-align:center;transition:transform .2s}.flashcard:hover{transform:translateY(-2px)}.flashcard.flipped{background:#f0f9ff;border-color:#0ea5e9}.card-content{font-size:18px;line-height:1.5}.study-controls{display:flex;gap:15px;justify-content:center;margin:20px 0}.progress{background:#e5e7eb;border-radius:10px;height:8px;margin:20px 0;overflow:hidden}.progress-bar{background:#10b981;border-radius:10px;height:100%;transition:width .3s}.card-list{max-height:400px;overflow-y:auto}.card-item{align-items:center;background:#f8fafc;border-left:4px solid #4f46e5;border-radius:8px;justify-content:space-between;margin:10px 0;padding:15px}.card-front{font-weight:600;margin-bottom:5px}.card-back{color:#6b7280;font-size:14px}.card-actions{display:flex;gap:5px}.btn-small{font-size:12px;padding:6px 12px}.stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0}.stat-card{background:#f8fafc;border-left:4px solid #10b981;border-radius:8px;padding:20px;text-align:center}.stat-number{color:#111827;font-size:24px;font-weight:700}.stat-label{color:#6b7280;font-size:14px;margin-top:5px}.empty-state{color:#6b7280;padding:40px;text-align:center}.edit-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.edit-field{margin:15px 0}.edit-field label{color:#374151;display:block;font-weight:600;margin-bottom:5px}.edit-input{border:2px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;width:100%}.edit-input:focus{border-color:#4f46e5;outline:none}.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal .edit-form{max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.edit-card-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s;width:40px}.edit-card-btn:hover{background:#fff}.flashcard{position:relative}.result-controls{display:flex;gap:20px;justify-content:center;margin:20px 0}.btn-success{background:#10b981}.btn-success:hover{background:#059669}.card-performance{color:#6b7280;font-size:14px;font-weight:500;margin:10px 0;text-align:center}.card-stats{font-weight:500;margin-top:8px}.card-stats,.card-tags{color:#6b7280;font-size:12px}.card-tags{margin-bottom:3px;margin-top:5px}.tag{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:11px;font-weight:500;margin-right:4px;padding:2px 6px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.server-status{font-size:12px;margin:10px 0}.status-indicator{border-radius:12px;font-size:11px;font-weight:600;padding:4px 8px}.status-indicator.connected{background:#10b9811a;color:#059669}.status-indicator.disconnected{background:#ef44441a;color:#dc2626}.status-indicator.checking{background:#f59e0b1a;color:#d97706}.error-banner{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;display:flex;font-size:14px;justify-content:space-between;margin:0;padding:15px}.error-banner>div{flex:1 1;margin-left:10px}.error-banner small{color:#6b7280;display:block;margin-top:5px}.error-close{background:none;color:#b91c1c;font-size:18px;font-weight:700;padding:0}.error-close,.retry-btn{border:none;cursor:pointer;margin-left:10px}.retry-btn{background:#4f46e5;border-radius:4px;color:#fff;font-size:12px;padding:4px 8px}.retry-btn:hover{background:#4338ca}.study-mode-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 20px;padding:20px}.study-mode-selector h3{color:#1f2937;font-size:18px;margin:0 0 15px}.mode-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.mode-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.mode-btn:hover{border-color:#4f46e5;color:#4f46e5}.mode-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.mode-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.mode-description{color:#6b7280;flex:1 1;font-size:14px;min-width:200px}.card-count{background:#e0e7ff;border-radius:16px;color:#3730a3;font-size:12px;font-weight:600;padding:4px 12px}@media (max-width:768px){.mode-buttons{flex-direction:column}.mode-btn{text-align:center}.mode-info{align-items:flex-start;flex-direction:column}}.tag-filter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.tag-filter h3{color:#1f2937;font-size:16px;margin:0 0 15px}.tag-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag-filter-btn{background:#fff;border:2px solid #e5e7eb;border-radius:16px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.tag-filter-btn:hover{border-color:#4f46e5;color:#4f46e5}.tag-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.tag-filter-info{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:10px}.selected-tags{color:#6b7280;flex:1 1;font-size:14px;min-width:200px}.clear-tags-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background .2s}.clear-tags-btn:hover{background:#dc2626}@media (max-width:768px){.tag-buttons{justify-content:center}.tag-filter-info{align-items:center;flex-direction:column;text-align:center}}.tag-input-container{position:relative}.tag-input{width:100%}.tag-suggestions{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px -1px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.tag-suggestions-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:8px 12px}.tag-suggestions-list{display:flex;flex-wrap:wrap;gap:4px;padding:8px}.tag-suggestion{background:#e0e7ff;border:none;border-radius:12px;color:#3730a3;cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s}.tag-suggestion:hover{background:#c7d2fe;transform:translateY(-1px)}.batch-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.selection-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.batch-edit-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:15px;padding:20px}.batch-edit-form h3{color:#1f2937;font-size:16px;margin:0 0 15px}.batch-edit-field{margin-bottom:20px}.batch-edit-field label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.batch-edit-actions{display:flex;flex-wrap:wrap;gap:10px}.card-item{align-items:flex-start;display:flex;gap:15px;position:relative}.card-item.selected{background:#f0f9ff;border-color:#0ea5e9}.card-checkbox{flex-shrink:0;padding-top:10px}.card-select-checkbox{cursor:pointer;height:18px;width:18px}.card-item-content{flex:1 1;min-width:0}@media (max-width:768px){.batch-edit-actions,.selection-controls{flex-direction:column}.card-item{gap:10px}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#1f2937;margin:0 0 10px}.auth-header p{color:#6b7280;margin:0}.auth-form,.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.auth-input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.auth-input:focus{border-color:#4f46e5;outline:none}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c}.auth-error,.auth-success{font-size:14px;margin-bottom:20px;padding:12px}.auth-success{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0c4a6e}.auth-button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .2s;width:100%}.auth-button:hover:not(:disabled){background:#4338ca}.auth-button:disabled{background:#9ca3af;cursor:not-allowed}.auth-switch{border-top:1px solid #e5e7eb;padding-top:20px;text-align:center}.auth-switch p{color:#6b7280;margin:0}.auth-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.auth-link:hover{color:#4338ca}.password-input-container{align-items:center;display:flex;position:relative}.password-input{padding-right:45px}.password-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;position:absolute;right:12px;width:24px}.password-toggle:hover{color:#374151}.header-content{flex-wrap:wrap;gap:10px;justify-content:space-between}.header-content,.user-section{align-items:center;display:flex}.user-section{gap:15px}.welcome-text{color:#ffffffe6;font-size:14px}.logout-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.logout-btn:hover{background:#ffffff4d}@media (max-width:768px){.header-content{flex-direction:column;text-align:center}.user-section{flex-direction:column;gap:8px}}
/*# sourceMappingURL=main.291e27d1.css.map*/