:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body[unresolved]{opacity:1!important;visibility:visible!important}#root{min-height:100vh}:root{--theme-bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-bg-secondary: rgba(255, 255, 255, .1);--theme-bg-card: #ffffff;--theme-bg-overlay: rgba(0, 0, 0, .5);--theme-text-primary: #333333;--theme-text-secondary: #666666;--theme-text-on-gradient: #ffffff;--theme-text-hint: rgba(255, 255, 255, .9);--theme-btn-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--theme-btn-secondary: #e5e7eb;--theme-btn-hover: rgba(255, 255, 255, .3);--theme-btn-active: #ffffff;--theme-card-front-bg: #ffffff;--theme-card-back-bg: #f9fafb;--theme-card-border: #e5e7eb;--theme-card-shadow: rgba(0, 0, 0, .1);--theme-accent-success: #10b981;--theme-accent-warning: #fbbf24;--theme-accent-error: #ef4444;--theme-accent-info: #3b82f6;--theme-rating-forgot: #ef4444;--theme-rating-partial: #f59e0b;--theme-rating-hard: #10b981;--theme-rating-easy: #3b82f6;--theme-border: rgba(255, 255, 255, .3);--theme-border-dark: #e5e7eb;--theme-shadow: rgba(0, 0, 0, .1);--theme-shadow-hover: rgba(0, 0, 0, .2)}.audio-player{display:inline-flex;align-items:center;gap:.5rem}.btn-audio-play{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--theme-btn-primary);color:var(--theme-text-on-gradient);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-audio-play:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-audio-play.playing{background:var(--theme-accent-warning, #ff9800);animation:pulse 1.5s ease-in-out infinite}.btn-audio-play:disabled{opacity:.6;cursor:not-allowed}.audio-icon{font-size:1rem;line-height:1}.audio-player-error{color:var(--theme-accent-error, #dc3545);font-size:.75rem;margin-left:.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.flashcard-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:700px;margin:0 auto}.flashcard{perspective:1000px;width:100%;max-width:600px;min-width:400px;height:350px;flex:1;cursor:pointer}.turn-button{padding:.75rem 1.25rem;background:var(--theme-bg-secondary);color:var(--theme-text-on-gradient);border:2px solid var(--theme-border);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.turn-button:hover{background:var(--theme-btn-hover);border-color:var(--theme-border);transform:translate(-2px)}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 8px var(--theme-shadow);display:flex;align-items:center;justify-content:center;padding:2rem}.flashcard-front{background:var(--theme-card-front-bg);color:var(--theme-text-primary);border:1px solid var(--theme-card-border)}.flashcard-back{background:var(--theme-card-back-bg);color:var(--theme-text-primary);border:1px solid var(--theme-card-border);transform:rotateY(180deg)}.card-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;position:relative}.card-text-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.card-image{width:100%;max-width:300px;max-height:200px;margin-bottom:1rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--theme-shadow);display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:auto;max-height:200px;object-fit:contain;display:block}.tibetan-numeral{font-size:4rem;font-weight:700;margin-bottom:1rem;font-family:Noto Sans Tibetan,Tibetan Machine Uni,sans-serif;letter-spacing:.1em}.tibetan-text{font-size:3.5rem;font-weight:700;margin-bottom:1rem;font-family:Noto Sans Tibetan,Tibetan Machine Uni,sans-serif;line-height:1.2}.english-word{font-size:3rem;font-weight:700;margin-bottom:1rem;text-transform:capitalize;line-height:1.2}.arabic-numeral{font-size:3rem;font-weight:700;margin-bottom:1rem}.english-text{font-size:2rem;font-weight:700;margin-bottom:1rem;text-transform:capitalize}.tibetan-spelling{font-size:1.25rem;font-style:italic;opacity:.9}.flashcard-back .tibetan-text{font-size:2.5rem;margin-top:1rem}.flashcard-back .tibetan-numeral{font-size:3rem;margin-top:1rem}.hint{font-size:.875rem;color:var(--theme-text-hint);margin-top:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(max-width:600px){.flashcard-wrapper{flex-direction:column;gap:1rem}.turn-button{order:1}.flashcard{order:2;min-width:300px;height:300px}.tibetan-numeral{font-size:3rem}.tibetan-text{font-size:2rem}.arabic-numeral{font-size:2.5rem}.english-text{font-size:1.5rem}.tibetan-spelling{font-size:1rem}.flashcard-back .tibetan-text{font-size:2rem}.flashcard-back .tibetan-numeral{font-size:2.5rem}}.card-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.rating-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background-color:var(--button-color);color:var(--theme-text-on-gradient);min-width:120px;box-shadow:0 2px 4px var(--theme-shadow)}.rating-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px var(--theme-shadow-hover)}.rating-button:active:not(:disabled){transform:translateY(0)}.rating-button:disabled{opacity:.5;cursor:not-allowed}.button-label{display:inline-block}.button-shortcut{display:inline-block;margin-left:.5rem;font-size:.875rem;opacity:.8;font-weight:400}@media(max-width:600px){.card-buttons{gap:.5rem}.rating-button{min-width:80px;padding:.625rem 1rem;font-size:.875rem}}.progress-stats{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin:2rem auto;padding:1.25rem 2rem;background:var(--theme-bg-secondary);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:700px}.progress-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:100px;border:none!important;border-bottom:none!important;border-top:none!important}.progress-stats .stat-label{font-size:.7rem;color:var(--theme-text-hint)!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:500;border:none!important;border-bottom:none!important;text-decoration:none!important}.progress-stats .stat-label:after{display:none!important;content:none!important}.progress-stats .stat-label:before{display:none!important;content:none!important}.progress-stats .stat-value{font-size:1.75rem;font-weight:700;color:var(--theme-text-on-gradient)!important;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2;border:none!important;border-bottom:none!important;text-decoration:none!important}.progress-stats .stat-value:after{display:none!important;content:none!important}.progress-stats .stat-value:before{display:none!important;content:none!important}@media(max-width:600px){.progress-stats{gap:1.25rem;padding:1rem 1.25rem}.progress-stats .stat-item{min-width:80px}.progress-stats .stat-value{font-size:1.5rem}.progress-stats .stat-label{font-size:.65rem}}.audio-recorder{padding:1.5rem;background:var(--theme-bg-card);border:1px solid var(--theme-border-dark);border-radius:12px;box-shadow:0 2px 8px var(--theme-shadow);margin:1rem 0}.audio-recorder-header{margin-bottom:1.5rem}.audio-recorder-header h3{margin:0;color:var(--theme-text-primary);font-size:1.25rem}.audio-recorder-content{display:flex;flex-direction:column;gap:1rem}.audio-recorder-idle,.audio-recorder-recording,.audio-recorder-preview,.audio-recorder-uploading{display:flex;flex-direction:column;align-items:center;gap:1rem}.audio-recorder-hint{margin:0;color:var(--theme-text-secondary);font-size:.875rem;text-align:center}.recording-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ff00001a;border-radius:8px;border:1px solid rgba(255,0,0,.3)}.recording-dot{width:12px;height:12px;background:red;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recording-duration{font-size:1.25rem;font-weight:600;color:var(--theme-text-primary);font-variant-numeric:tabular-nums}.duration-warning{color:var(--theme-accent-warning, #ff9800);font-size:.875rem;font-weight:400}.audio-preview-player{width:100%;max-width:400px;margin:.5rem 0}.audio-recorder-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.btn-audio{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-audio-primary{background:var(--theme-btn-primary);color:var(--theme-text-on-gradient)}.btn-audio-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-audio-secondary{background:var(--theme-btn-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-dark)}.btn-audio-secondary:hover:not(:disabled){background:var(--theme-btn-hover);border-color:var(--theme-border)}.btn-audio-danger{background:var(--theme-accent-error, #dc3545);color:#fff}.btn-audio-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-audio:disabled{opacity:.6;cursor:not-allowed}.audio-recorder-uploading{padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--theme-border-dark);border-top-color:var(--theme-accent-info);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.audio-recorder-uploading p{margin:1rem 0 0;color:var(--theme-text-secondary)}.audio-recorder-error{padding:.75rem 1rem;background:#dc35451a;border:1px solid var(--theme-accent-error, #dc3545);border-radius:8px;color:var(--theme-accent-error, #dc3545);font-size:.875rem;margin-top:1rem}.audio-recorder.existing-audio{border-color:var(--theme-accent-success, #28a745)}.audio-recorder.existing-audio .audio-recorder-header h3{color:var(--theme-accent-success, #28a745)}.add-card-form{max-width:600px;margin:0 auto;padding:2rem;background:var(--theme-bg-card);border-radius:12px;box-shadow:0 4px 12px var(--theme-shadow)}.add-card-form h2{margin-bottom:1.5rem;color:var(--theme-text-primary)}.form-group label{display:block;margin-bottom:.5rem;color:var(--theme-text-secondary);font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--theme-border-dark);border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s;background:var(--theme-bg-card);color:var(--theme-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--theme-accent-info)}.form-group textarea{resize:vertical}.tag-selector{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.tag-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.tag-checkbox:hover{background-color:var(--theme-btn-secondary)}.tag-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--theme-accent-info)}.form-hint{display:block;margin-top:.5rem;color:var(--theme-text-secondary);font-size:.875rem}.btn-translate{padding:.75rem 1rem;background:var(--theme-accent-info);color:var(--theme-text-on-gradient);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-translate:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-translate:disabled{opacity:.6;cursor:not-allowed}.form-error{padding:.75rem;background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:4px;font-size:.875rem;color:var(--theme-accent-error);margin-bottom:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-primary{background:var(--theme-btn-primary);color:var(--theme-text-on-gradient)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--theme-shadow-hover)}.btn-secondary{background:var(--theme-btn-secondary);color:var(--theme-text-primary)}.btn-secondary:hover{background:var(--theme-btn-hover)}@media(max-width:600px){.add-card-form{padding:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.quick-translate-form{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.quick-translate-form h3{margin:0 0 1.5rem;font-size:1.5rem;color:#1a202c}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500;font-size:.875rem}.form-group input[type=text]{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;box-sizing:border-box}.form-group input[type=text]:focus{outline:none;border-color:#667eea}.tibetan-result{padding:1rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;font-size:2rem;color:#1a202c;text-align:center;font-family:Noto Sans Tibetan,sans-serif}.form-actions-inline{margin-bottom:1.5rem}.image-section{margin-bottom:1.5rem;padding:1rem;background:#f7fafc;border-radius:8px}.image-section label{display:block;margin-bottom:.75rem;color:#4a5568;font-weight:500;font-size:.875rem}.image-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.btn-secondary{padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;color:#4a5568}.btn-secondary:hover:not(:disabled){border-color:#667eea;color:#667eea}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-upload{position:relative;cursor:pointer}.btn-remove{background:#fee;border-color:#fcc;color:#c33}.btn-remove:hover:not(:disabled){background:#fdd;border-color:#faa}.image-preview{margin-top:1rem;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;border:2px solid #e2e8f0}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.form-actions{margin-top:1.5rem}.btn-add-cards{width:100%;padding:.75rem;font-size:1rem;font-weight:600}.btn-primary{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:#5568d3}.card-manager{max-width:1200px;margin:0 auto;padding:2rem}.card-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.card-manager-actions{display:flex;gap:.5rem}.card-manager-header h2{color:var(--theme-text-primary);margin:0}.btn-add-card{padding:.75rem 1.5rem;background:var(--theme-btn-primary);color:var(--theme-text-on-gradient);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--theme-shadow-hover)}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:var(--theme-text-secondary);font-weight:500}.filter-group select{padding:.5rem;border:1px solid var(--theme-border-dark);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-primary)}.cards-list{margin-top:2rem}.cards-count{margin-bottom:1rem;color:var(--theme-text-secondary);font-size:.875rem}.no-cards{text-align:center;padding:3rem;color:var(--theme-text-secondary);font-size:1.125rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card-item{background:var(--theme-bg-card);border:1px solid var(--theme-border-dark);border-radius:8px;padding:1rem;box-shadow:0 2px 4px var(--theme-shadow);transition:transform .2s,box-shadow .2s}.card-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--theme-shadow-hover)}.card-item-header{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap;justify-content:space-between}.card-item-actions{display:flex;gap:.5rem;margin-left:auto}.card-item-tags{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;flex:1}.card-type{background:var(--theme-accent-info);color:var(--theme-text-on-gradient);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.card-category{background:var(--theme-btn-secondary);color:var(--theme-text-primary);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.card-tag{background:var(--theme-accent-success);color:var(--theme-text-on-gradient);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.card-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.master-badge{background:var(--theme-accent-warning);color:var(--theme-text-primary)}.user-badge{background:var(--theme-accent-info);color:var(--theme-text-on-gradient);font-weight:500}.btn-edit{background:var(--theme-accent-info);color:var(--theme-text-on-gradient);border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;font-size:1rem;line-height:1;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-edit:hover{background:var(--theme-accent-info);opacity:.8}.btn-delete{background:var(--theme-accent-error);color:var(--theme-text-on-gradient);border:none;border-radius:4px;width:24px;height:24px;cursor:pointer;font-size:1.25rem;line-height:1;transition:background .2s;display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:var(--theme-accent-error);opacity:.8}.card-item-front{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;font-family:Noto Sans Tibetan,Tibetan Machine Uni,sans-serif;min-height:2rem}.card-item-back{border-top:1px solid var(--theme-border-dark);padding-top:.75rem}.card-item-english{font-weight:600;color:var(--theme-text-primary);margin-bottom:.25rem}.card-item-spelling{font-size:.875rem;color:var(--theme-text-secondary);font-style:italic}.card-item-tibetan-script{font-size:1rem;color:var(--theme-text-primary);font-family:Noto Sans Tibetan,Tibetan Machine Uni,sans-serif;margin-top:.5rem}.card-item-tibetan-numeral{font-size:1.25rem;color:var(--theme-text-primary);font-family:Noto Sans Tibetan,Tibetan Machine Uni,sans-serif;margin-top:.5rem;letter-spacing:.1em}.card-item-image{width:100%;max-width:100%;max-height:150px;margin-bottom:.75rem;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:center;background:#f9fafb}.card-item-image img{width:100%;height:auto;max-height:150px;object-fit:contain;display:block}@media(max-width:600px){.card-manager{padding:1rem}.card-manager-header{flex-direction:column;align-items:stretch;gap:1rem}.cards-grid{grid-template-columns:1fr}.filters{flex-direction:column}.filter-group{flex-direction:column;align-items:stretch}}.card-filter-dropdown{position:relative;display:inline-block;margin-bottom:1rem}.card-filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--theme-bg-secondary, #f5f5f5);border:1px solid var(--theme-border, #ddd);border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .2s}.card-filter-button:hover{background:var(--theme-bg-tertiary, #e9e9e9);border-color:var(--theme-border-hover, #bbb)}.card-filter-button[aria-expanded=true]{background:var(--theme-bg-tertiary, #e9e9e9);border-color:var(--theme-accent, #007bff)}.filter-label{font-weight:500;color:var(--theme-text-secondary, #666)}.filter-selected{color:var(--theme-text, #333);font-weight:500}.filter-caret{color:var(--theme-text-secondary, #666);font-size:.75rem;margin-left:auto}.filter-backdrop{position:fixed;inset:0;z-index:998;background:transparent}.filter-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.25rem;background:var(--theme-bg, #fff);border:1px solid var(--theme-border, #ddd);border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:999;min-width:200px;max-height:400px;overflow-y:auto}.filter-section{padding:.5rem 0}.filter-section:not(:last-child){border-bottom:1px solid var(--theme-border, #ddd)}.filter-section-title{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--theme-text-secondary, #666);letter-spacing:.05em}.filter-menu-item{display:block;width:100%;padding:.625rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;font-size:.9rem;color:var(--theme-text, #333);transition:background-color .15s}.filter-menu-item:hover{background:var(--theme-bg-secondary, #f5f5f5)}.filter-menu-item.selected{background:var(--theme-accent, #007bff);color:#fff;font-weight:500}.filter-menu-item.selected:hover{background:var(--theme-accent-hover, #0056b3)}.study-direction-toggle{display:flex;gap:1rem;align-items:center;padding:.5rem 0}.toggle-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.toggle-option:hover{background-color:var(--theme-bg-secondary, #f5f5f5)}.toggle-option input[type=radio]{margin:0;cursor:pointer}.toggle-option:has(input[type=radio]:checked){background-color:var(--theme-accent, #007bff);color:#fff}.toggle-option:has(input[type=radio]:checked) .toggle-label{color:#fff}.toggle-label{font-weight:500;-webkit-user-select:none;user-select:none}.toggle-option input[type=radio]:disabled+.toggle-label{opacity:.6;cursor:not-allowed}.toggle-option:has(input[type=radio]:disabled){cursor:not-allowed}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--theme-bg-primary);padding:2rem}.auth-card{background:var(--theme-bg-card);border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px var(--theme-shadow),0 10px 10px -5px var(--theme-shadow)}.auth-card h2{margin:0 0 .5rem;font-size:2rem;color:var(--theme-text-primary)}.auth-subtitle{margin:0 0 2rem;color:var(--theme-text-secondary);font-size:.875rem}.auth-card .form-group{margin-bottom:1.5rem}.auth-card .form-group label{display:block;margin-bottom:.5rem;color:var(--theme-text-secondary);font-weight:500;font-size:.875rem}.auth-card .form-group input{width:100%;padding:.75rem;border:2px solid var(--theme-border-dark);border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box;background:var(--theme-bg-card);color:var(--theme-text-primary)}.auth-card .form-group input:focus{outline:none;border-color:var(--theme-accent-info)}.auth-card .form-group input:disabled{background-color:var(--theme-btn-secondary);cursor:not-allowed}.error-message{background-color:var(--theme-accent-error);opacity:.1;border:1px solid var(--theme-accent-error);color:var(--theme-accent-error);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.btn-login{width:100%;padding:.75rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;background:var(--theme-btn-primary);color:var(--theme-text-on-gradient)}.btn-login:hover:not(:disabled){opacity:.9}.btn-login:disabled{opacity:.6;cursor:not-allowed}.admin-card-review{padding:20px}.admin-card-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-card-review-header h2{margin:0;color:#333}.admin-card-review-description{color:#666;margin-bottom:20px}.admin-card-review-loading{padding:40px;text-align:center;color:#666}.admin-card-review-empty{padding:40px;text-align:center;color:#999;background:#f5f5f5;border-radius:8px}.admin-card-review-list{display:flex;flex-direction:column;gap:20px}.admin-card-item{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-card-content{flex:1}.admin-card-field{margin-bottom:10px;color:#333}.admin-card-field strong{color:#555;margin-right:8px}.admin-card-meta{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.admin-card-meta small{color:#999;font-size:.85rem}.admin-card-actions{display:flex;flex-direction:column;gap:10px;min-width:150px}.btn-danger{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.btn-danger:hover:not(:disabled){background:#c82333}.btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.admin-card-item{flex-direction:column}.admin-card-actions{width:100%;flex-direction:row}.admin-card-actions button{flex:1}}.admin-theme-manager{width:100%}.theme-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.theme-card{background:var(--theme-bg-card);border:1px solid var(--theme-border-dark);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px var(--theme-shadow);transition:transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--theme-shadow-hover)}.theme-preview{height:120px;padding:1rem;display:flex;align-items:center;justify-content:center;position:relative}.preview-card{width:80%;height:60px;border-radius:8px;padding:.5rem;box-shadow:0 2px 4px #0003}.preview-text{font-size:.875rem;text-align:center;margin-top:.25rem}.theme-info{padding:1rem}.theme-info h3{margin:0 0 .5rem;color:var(--theme-text-primary);font-size:1.125rem;display:flex;align-items:center;gap:.5rem}.badge-default,.badge-system{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.badge-default{background:var(--theme-accent-success);color:var(--theme-text-on-gradient)}.badge-system{background:var(--theme-accent-info);color:var(--theme-text-on-gradient)}.theme-description{margin:0 0 1rem;color:var(--theme-text-secondary);font-size:.875rem}.theme-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.theme-editor{background:var(--theme-bg-card);border:1px solid var(--theme-border-dark);border-radius:12px;padding:2rem;margin-bottom:2rem}.theme-editor h3{margin:0 0 1.5rem;color:var(--theme-text-primary)}.colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.color-input-group{display:flex;flex-direction:column;gap:.5rem}.color-input-group label{font-size:.875rem;color:var(--theme-text-secondary);font-weight:500}.color-input-group input[type=text]{padding:.5rem;border:1px solid var(--theme-border-dark);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-primary)}.color-input-group input[type=color]{width:50px;height:40px;border:1px solid var(--theme-border-dark);border-radius:6px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.admin-card-table{width:100%;background:var(--theme-bg-card);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--theme-shadow);position:relative}.admin-card-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--theme-border)}.table-info{color:var(--theme-text-secondary);font-size:.875rem}.filtered-info{color:var(--theme-text-hint);font-style:italic}.table-pagination-controls{display:flex;align-items:center;gap:.5rem}.table-pagination-controls label{color:var(--theme-text-secondary);font-size:.875rem}.page-size-select{padding:.5rem;border:1px solid var(--theme-border-dark);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-primary)}.table-container{overflow-x:auto;overflow-y:visible}.admin-table{width:100%;border-collapse:collapse;background:var(--theme-bg-card)}.admin-table thead{background:var(--theme-bg-secondary);position:sticky;top:0;z-index:10}.admin-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--theme-text-on-gradient);border-bottom:2px solid var(--theme-border)}.sortable-header{background:none;border:none;color:var(--theme-text-on-gradient);font-weight:600;font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s;display:flex;align-items:center;gap:.5rem}.sortable-header:hover{background:var(--theme-btn-hover)}.sortable-header:focus,.sortable-header:focus-visible{outline:2px solid var(--theme-accent-info);outline-offset:2px}.sortable-header:focus:not(:focus-visible){outline:none}.actions-header{text-align:center}.admin-table tbody tr{border-bottom:1px solid var(--theme-border);transition:background .2s}.admin-table tbody tr:hover{background:var(--theme-btn-hover)}.admin-table td{padding:.75rem;color:var(--theme-text-primary);font-size:.875rem}.type-cell{min-width:80px}.card-type-badge{display:inline-block;padding:.25rem .5rem;background:var(--theme-accent-info);color:var(--theme-text-on-gradient);border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.front-cell{min-width:150px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Sans Tibetan,Tibetan Machine Uni,sans-serif}.back-content-cell{min-width:150px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories-cell{min-width:150px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instruction-level-cell{min-width:120px}.created-date-cell{min-width:100px;color:var(--theme-text-secondary);font-size:.8125rem}.actions-cell{text-align:center;min-width:100px}.table-actions{display:flex;gap:.5rem;justify-content:center;align-items:center}.btn-table-preview,.btn-table-edit,.btn-table-delete{background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.btn-table-preview{color:var(--theme-accent-success);font-size:1rem}.btn-table-preview:hover{background:var(--theme-accent-success);color:var(--theme-text-on-gradient);opacity:.9}.btn-table-edit{color:var(--theme-accent-info)}.btn-table-edit:hover{background:var(--theme-accent-info);color:var(--theme-text-on-gradient)}.btn-table-delete{color:var(--theme-accent-error)}.btn-table-delete:hover{background:var(--theme-accent-error);color:var(--theme-text-on-gradient)}.btn-table-preview:focus,.btn-table-preview:focus-visible,.btn-table-edit:focus,.btn-table-edit:focus-visible,.btn-table-delete:focus,.btn-table-delete:focus-visible{outline:2px solid var(--theme-accent-info);outline-offset:2px}.btn-table-preview:focus:not(:focus-visible),.btn-table-edit:focus:not(:focus-visible),.btn-table-delete:focus:not(:focus-visible){outline:none}.admin-table tbody tr:focus-within{background:var(--theme-btn-hover);outline:2px solid var(--theme-accent-info);outline-offset:-2px}.table-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--theme-border)}.pagination-btn{padding:.5rem 1rem;background:var(--theme-btn-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-dark);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--theme-btn-hover);transform:translateY(-1px);box-shadow:0 2px 4px var(--theme-shadow)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:focus,.pagination-btn:focus-visible{outline:2px solid var(--theme-accent-info);outline-offset:2px}.pagination-btn:focus:not(:focus-visible){outline:none}.page-size-select:focus,.page-size-select:focus-visible{outline:2px solid var(--theme-accent-info);outline-offset:2px;border-color:var(--theme-accent-info)}.pagination-info{color:var(--theme-text-secondary);font-size:.875rem}.admin-card-table-loading{text-align:center;padding:3rem;color:var(--theme-text-secondary)}.loading-spinner{font-size:1rem}.admin-card-table-empty{text-align:center;padding:3rem;color:var(--theme-text-secondary);font-size:1.125rem}@media(max-width:1200px){.admin-card-table{padding:1rem}.table-container{overflow-x:scroll}.admin-table{min-width:800px}}@media(max-width:768px){.admin-card-table-header{flex-direction:column;align-items:stretch;gap:1rem}.table-pagination-controls{justify-content:center}.table-pagination{flex-direction:column;gap:.5rem}}.admin-card-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.admin-card-modal{position:relative;background:var(--theme-bg-card);border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:var(--theme-btn-secondary);color:var(--theme-text-primary);border:1px solid var(--theme-border-dark);border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.modal-close-btn:hover{background:var(--theme-btn-hover);transform:scale(1.1)}.modal-close-btn:focus{outline:2px solid var(--theme-accent-info);outline-offset:2px}.admin-card-modal .add-card-form{margin:0;padding:2rem;box-shadow:none;border-radius:0;max-width:none}@media(max-width:768px){.admin-card-modal{max-width:100%;max-height:100vh;border-radius:0}.admin-card-modal-backdrop{padding:0}}.admin-classification-manager{max-width:1200px;margin:0 auto}.classification-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #ddd}.classification-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1rem;color:#666;transition:all .2s;margin-bottom:-2px}.classification-tab:hover{color:#333;border-bottom-color:#ccc}.classification-tab.active{color:var(--theme-primary, #007bff);border-bottom-color:var(--theme-primary, #007bff);font-weight:500}.classification-content{padding:1rem 0}.classification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.classification-header h2{margin:0;color:#333}.classification-form{margin-bottom:2rem;padding:1.5rem;border:1px solid #ddd;border-radius:6px;background:#f9f9f9}.classification-form h3{margin:0 0 1.5rem;color:#333;font-size:1.25rem}.classification-form .form-group{margin-bottom:1rem}.classification-form .form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.classification-form .form-group input,.classification-form .form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.classification-form .form-group textarea{resize:vertical;min-height:80px}.classification-form .form-group small{display:block;margin-top:.25rem;color:#666;font-size:.875rem}.classification-form .form-actions{display:flex;gap:.5rem;margin-top:1.5rem}.classification-list{margin-top:2rem}.classification-list table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.classification-list table thead{background:#f5f5f5}.classification-list table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.classification-list table td{padding:.75rem 1rem;border-bottom:1px solid #eee}.classification-list table tbody tr:hover{background:#f9f9f9}.classification-list table tbody tr:last-child td{border-bottom:none}.btn-primary,.btn-secondary{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--theme-primary, #007bff);color:#fff}.btn-primary:hover:not(:disabled){background:var(--theme-primary-dark, #0056b3)}.btn-secondary{background:#f0f0f0;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.error-message,.success-message{margin-bottom:1rem;padding:.75rem;border-radius:4px;font-size:.875rem}.error-message{background:#fee;border:1px solid #fcc;color:#c33}.success-message{background:#efe;border:1px solid #cfc;color:#3c3}.card-preview-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.card-preview-modal-content{background:var(--theme-bg-primary, #ffffff);border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.card-preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--theme-border, #e0e0e0)}.card-preview-modal-header h2{margin:0;font-size:1.25rem;color:var(--theme-text-primary, #333)}.card-preview-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--theme-text-secondary, #666);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.card-preview-modal-close:hover{background-color:var(--theme-bg-secondary, #f5f5f5);color:var(--theme-text-primary, #333)}.card-preview-modal-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.card-preview-hint{text-align:center;color:var(--theme-text-secondary, #666);font-size:.9rem;margin:0}.card-preview-hint p{margin:0}.card-preview-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}@media(max-width:768px){.card-preview-modal-content{max-width:95%;max-height:95vh}.card-preview-modal-header{padding:.75rem 1rem}.card-preview-modal-body{padding:1rem}}.admin-page{max-width:1200px;margin:0 auto;padding:20px}.admin-page h1{margin-bottom:20px;color:#333}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.admin-tab{padding:10px 20px;border:none;background:transparent;color:#666;cursor:pointer;font-size:16px;border-bottom:2px solid transparent;margin-bottom:-12px;transition:all .2s}.admin-tab:hover{color:#333;background:#f5f5f5}.admin-tab.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.admin-tab-content{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-tab-content h2{margin-bottom:20px;color:#333}.admin-message{padding:12px 16px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.admin-message.admin-error{background:#fee;color:#c00;border:1px solid #fcc}.admin-message.admin-success{background:#efe;color:#060;border:1px solid #cfc}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7;padding:0;margin-left:10px}.close-btn:hover{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e0e0e0}.stat-card h3{margin:0 0 10px;font-size:14px;color:#666;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:36px;font-weight:700;color:#007bff;margin:0}.stat-sub{margin:5px 0 0;font-size:12px;color:#999}.stat-list{margin-top:10px}.stat-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #eee}.stat-item:last-child{border-bottom:none}.stat-label{text-transform:capitalize;color:#666}.stat-number{font-weight:600;color:#333}.admin-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.admin-section h3{margin-top:0;color:#333}.danger-zone{background:#fff5f5;border:2px solid #fcc}.warning{color:#c00;font-weight:600;margin-bottom:15px}.admin-form{display:flex;flex-direction:column;gap:15px;max-width:400px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group input,.form-group select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff}.users-table{overflow-x:auto;margin-top:20px}.users-table table{width:100%;border-collapse:collapse;background:#fff}.users-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.users-table td{padding:12px;border-bottom:1px solid #eee}.users-table tr:hover{background:#f8f9fa}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge.admin{background:#007bff;color:#fff}.role-badge.user{background:#6c757d;color:#fff}.actions-cell{display:flex;gap:8px;flex-wrap:wrap}.btn-small{padding:6px 12px;font-size:12px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.btn-small:hover{background:#f5f5f5}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background:#c82333;border-color:#bd2130}.btn-large{padding:12px 24px;font-size:16px}.btn-secondary{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-secondary:hover{background:#5a6268}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.btn-primary:hover{background:#0056b3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.hint{color:#666;font-style:italic;margin-top:10px}.card-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.card-management-header h2{margin:0;color:#333}.card-management-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.card-management-filters .filter-group{display:flex;align-items:center;gap:.5rem}.card-management-filters .filter-group label{color:#666;font-weight:500;font-size:14px}.card-management-filters .filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;color:#333}.card-management-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;gap:0;border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#fff}.view-toggle-btn{padding:.5rem 1rem;border:none;background:#fff;color:#666;cursor:pointer;font-size:.875rem;transition:all .2s;border-right:1px solid #ddd}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn:hover{background:#f5f5f5}.view-toggle-btn.active{background:#007bff;color:#fff}.view-toggle-btn.active:hover{background:#0056b3}.theme-selector{max-width:1200px;margin:0 auto;padding:2rem;background:var(--theme-bg-card);border-radius:12px;box-shadow:0 4px 12px var(--theme-shadow)}.theme-selector h2{margin:0 0 2rem;color:var(--theme-text-primary)}.theme-presets{margin-bottom:3rem}.theme-presets h3{margin:0 0 1.5rem;color:var(--theme-text-primary);font-size:1.25rem}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.theme-preview-card{background:var(--theme-bg-card);border:2px solid var(--theme-border-dark);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px var(--theme-shadow)}.theme-preview-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px var(--theme-shadow-hover);border-color:var(--theme-accent-info)}.theme-preview-card.selected{border-color:var(--theme-accent-info);border-width:3px;box-shadow:0 4px 12px var(--theme-shadow-hover)}.preview-header{height:100px;padding:1rem;display:flex;align-items:center;justify-content:center;position:relative}.custom-gradient{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.preview-mini-card{width:70%;height:50px;background:var(--theme-bg-card);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.preview-dot{width:12px;height:12px;border-radius:50%}.custom-icon{font-size:1.5rem}.preview-info{padding:1rem}.preview-info h4{margin:0 0 .25rem;color:var(--theme-text-primary);font-size:1rem}.preview-info p{margin:0;color:var(--theme-text-secondary);font-size:.875rem}.custom-theme-editor{background:var(--theme-bg-card);border:1px solid var(--theme-border-dark);border-radius:12px;padding:2rem;margin-top:2rem}.custom-theme-editor h3{margin:0 0 1rem;color:var(--theme-text-primary)}.editor-description{margin:0 0 2rem;color:var(--theme-text-secondary);font-size:.875rem}.editor-categories{display:flex;flex-direction:column;gap:2rem}.editor-category{border:1px solid var(--theme-border-dark);border-radius:8px;padding:1.5rem;background:#00000005}.editor-category h4{margin:0 0 1rem;color:var(--theme-text-primary);font-size:1.125rem;border-bottom:2px solid var(--theme-border-dark);padding-bottom:.5rem}.category-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.color-editor-item{display:flex;flex-direction:column;gap:.5rem}.color-editor-item label{display:flex;flex-direction:column;gap:.25rem}.color-label{font-weight:600;color:var(--theme-text-primary);font-size:.875rem}.color-desc{font-size:.75rem;color:var(--theme-text-secondary);font-style:italic}.color-inputs{display:flex;gap:.5rem;align-items:center}.color-picker{width:60px;height:40px;border:1px solid var(--theme-border-dark);border-radius:6px;cursor:pointer;flex-shrink:0}.color-text-input{flex:1;padding:.5rem;border:1px solid var(--theme-border-dark);border-radius:6px;font-size:.875rem;background:var(--theme-bg-card);color:var(--theme-text-primary)}.color-text-input:focus{outline:none;border-color:var(--theme-accent-info)}.color-preview{width:100%;height:30px;border-radius:6px;border:1px solid var(--theme-border-dark);margin-top:.25rem}.editor-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--theme-border-dark)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--theme-bg-primary)}.app-header{padding:2rem;text-align:center;background:var(--theme-bg-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{margin:0 0 1.5rem;color:var(--theme-text-on-gradient);font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.app-nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.nav-button{padding:.75rem 1.5rem;background:var(--theme-bg-secondary);color:var(--theme-text-on-gradient);border:2px solid var(--theme-border);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-button:hover{background:var(--theme-btn-hover);border-color:var(--theme-border)}.nav-button.active{background:var(--theme-btn-active);color:var(--theme-text-primary);border-color:var(--theme-btn-active)}.user-info{display:flex;align-items:center;gap:.5rem;margin-left:auto}.admin-badge{background:var(--theme-accent-success);color:var(--theme-text-on-gradient);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.user-email{color:var(--theme-text-on-gradient);font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--theme-text-on-gradient);font-size:1.5rem}.migration-banner{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;padding:1rem 1.5rem;margin:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.migration-banner p{margin:0;color:#92400e;font-weight:500}.migration-actions{display:flex;gap:.5rem}.migration-actions .btn-secondary{padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.migration-actions .btn-secondary:hover{background:#f3f4f6}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.study-view{display:flex;flex-direction:column;align-items:center}.no-cards-message{background:var(--theme-bg-card);padding:2rem;border-radius:12px;box-shadow:0 4px 12px var(--theme-shadow);text-align:center;color:var(--theme-text-secondary)}.no-cards-message p{margin:0;font-size:1.125rem}.app-footer{padding:1.5rem;text-align:center;background:var(--theme-bg-secondary);color:var(--theme-text-hint)}.app-footer p{margin:0;font-size:.875rem}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:600px){.app-header{padding:1.5rem 1rem}.app-header h1{font-size:1.5rem}.app-main{padding:1rem}}