*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary: #8b5cf6;--accent: #ec4899;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .8);--bg-glass: rgba(255, 255, 255, .05);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: rgba(148, 163, 184, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-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;background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-primary);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-success{background:var(--success);color:#fff}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.badge-primary{background:var(--primary);color:#fff}.progress-bar{width:100%;height:.5rem;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.fade-in{animation:fadeIn .5s ease}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.page-header .subtitle{font-size:.95rem;color:var(--text-muted);margin-bottom:0}@media(max-width:768px){.container{padding:0 1rem}.btn{padding:.625rem 1.25rem;font-size:.875rem}.card{padding:1rem}}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:450px;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.auth-form{margin-bottom:1.5rem}.error-message{background:#ef44441a;border:1px solid var(--error);color:var(--error);padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.auth-footer{text-align:center;padding-top:1rem;border-top:1px solid var(--border-color)}.auth-link{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition)}.auth-link:hover{color:var(--primary-light)}@media(max-width:640px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.5rem}}.dashboard{padding:1.5rem 0;min-height:calc(100vh - 80px)}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem}.stat-icon{font-size:1.75rem}.stat-content h3{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.action-card{text-align:center;padding:1.25rem;text-decoration:none;color:inherit;display:block}.action-icon{font-size:2rem;margin-bottom:.75rem}.action-card h3{font-size:1.125rem;margin-bottom:.5rem}.info-section{padding:2rem}.info-section h2{margin-bottom:1.5rem;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{text-align:center}.info-item h4{color:var(--primary);margin-bottom:.5rem}@media(max-width:768px){.dashboard-header h1{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-cards{grid-template-columns:1fr}}.study-mode{padding:1rem 0;min-height:calc(100vh - 80px)}.study-header{text-align:center;margin-bottom:1.25rem}.study-header h1{font-size:1.5rem;margin-bottom:.25rem}.message-banner{background:var(--bg-glass);border:1px solid var(--primary);padding:1rem;border-radius:.5rem;text-align:center;margin-bottom:1.5rem;animation:fadeIn .3s ease}.word-class{position:absolute;top:.75rem;right:.75rem;font-size:.7rem;padding:.25rem .5rem}.word-status{position:absolute;top:.75rem;left:.75rem;font-size:.7rem;padding:.25rem .5rem}.badge-success{background:var(--success);color:#fff}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.word{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;margin-top:2rem}.flashcard-back .word{font-size:1.125rem;margin-bottom:.75rem;margin-top:2rem}.definition{font-size:.85rem;text-align:center;margin-bottom:.75rem;line-height:1.6}.example{background:var(--bg-glass);padding:.75rem;border-radius:.5rem;width:100%;font-size:.85rem;margin-bottom:2.5rem}.example strong{color:var(--primary);display:block;margin-bottom:.5rem}.hint{font-size:.875rem;margin-top:1rem}.mastery-indicator{display:flex;gap:.5rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);justify-content:center}.response-buttons{display:flex;gap:1rem;justify-content:center;animation:fadeIn .3s ease}.response-buttons .btn{min-width:160px;font-size:.95rem;padding:.75rem 1.5rem}.badge-warning{background:var(--warning);color:#fff;margin-left:.5rem}.review-notice{font-size:.875rem}.stats-summary{padding:1rem;background:var(--bg-glass);border-radius:.5rem}@media(max-width:768px){.flashcard{height:350px}.word{font-size:2rem}.flashcard-back .word{font-size:1.5rem}.definition{font-size:1rem}.response-buttons{flex-direction:column}.response-buttons .btn{width:100%}}.practice-mode{padding:1rem 0;min-height:calc(100vh - 80px)}.quiz-header{text-align:center;margin-bottom:1.25rem}.quiz-header h1{font-size:1.5rem;margin-bottom:.25rem}.quiz-meta{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:.5rem}.quiz-meta p{margin:0}.question-card{max-width:550px;margin:0 auto 2rem;padding:1rem 1.5rem 1.5rem;min-height:400px;display:flex;flex-direction:column}.question-word{font-size:1.5rem;color:var(--primary);text-align:center;margin-bottom:.25rem}.question-prompt{text-align:center;color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.options{display:flex;flex-direction:column;gap:.75rem}.option-btn{padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;transition:var(--transition);text-align:left;font-size:.875rem}.option-btn:hover:not(:disabled){border-color:var(--primary);background:var(--bg-tertiary)}.option-btn.selected{border-color:var(--primary);background:var(--bg-tertiary)}.option-btn.correct{border-color:var(--success);background:#10b9811a}.option-btn.incorrect{border-color:var(--error);background:#ef44441a}.option-btn:disabled{cursor:not-allowed}.result-message{margin-top:1rem;text-align:center}.correct-message{color:var(--success);font-size:1.125rem;font-weight:600}.incorrect-message{color:var(--error);font-size:1.125rem;font-weight:600}.score-tracker{color:var(--primary);font-size:.95rem;font-weight:600}.quiz-complete{max-width:500px;margin:2rem auto;padding:2rem;text-align:center}.quiz-complete h1{font-size:2rem;margin-bottom:1.5rem}.score-display{margin:2rem 0}.score-circle{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.score-percentage{font-size:2.5rem;font-weight:700;color:#fff}.score-text{font-size:1.125rem}@media(max-width:768px){.question-card{padding:1.5rem}.question-word{font-size:1.5rem}}.progress-page{padding:1.5rem 0;min-height:calc(100vh - 80px)}.progress-page h1{font-size:1.75rem;margin-bottom:.5rem}.stats-overview{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-top:1.5rem}.stat-card-large{padding:2rem;text-align:center}.stat-card-large h3{margin-bottom:1.5rem;font-size:1.25rem}.progress-circle{position:relative;width:200px;height:200px;margin:0 auto 1rem}.progress-circle svg{width:100%;height:100%}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary)}.progress-label{display:block;font-size:.875rem;color:var(--text-muted)}.stats-grid-progress{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{padding:1rem;text-align:center}.stat-item .stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-item h3{font-size:1.5rem;color:var(--primary);margin-bottom:.25rem}.category-breakdown{padding:1.5rem}.category-breakdown h2{font-size:1.25rem;margin-bottom:1rem}.category-list{display:flex;flex-direction:column;gap:1rem}.category-item{padding:.75rem;background:var(--bg-glass);border-radius:.5rem}.category-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.category-name{font-weight:600}.category-stats{color:var(--text-muted);font-size:.875rem}.category-progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.category-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transition:width .5s ease}@media(max-width:768px){.stats-overview{grid-template-columns:1fr}.stats-grid-progress{grid-template-columns:repeat(2,1fr)}.progress-circle{width:150px;height:150px}.progress-number{font-size:2rem}}.word-list{padding:1.5rem 0;min-height:calc(100vh - 80px)}.word-list h1{font-size:1.75rem;margin-bottom:.5rem}.filters{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin:1.5rem 0}.search-input,.category-select{width:100%}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.word-card{padding:1rem}.word-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.word-header h3{font-size:1.25rem;color:var(--primary)}.definition{margin-bottom:.75rem;line-height:1.5}.example{font-size:.875rem;font-style:italic}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.page-info{color:var(--text-secondary)}@media(max-width:768px){.filters,.words-grid{grid-template-columns:1fr}}.settings-page{padding:2rem 0;min-height:calc(100vh - 80px)}.settings-page h1{font-size:2rem;margin-bottom:2rem}.settings-card{max-width:600px;margin:0 auto 2rem;padding:2rem}.settings-card h2{font-size:1.5rem;margin-bottom:.5rem}.setting-group{margin:1.5rem 0}.setting-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.form-input{width:100%;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary)}.setting-info{margin-top:.75rem;padding:.75rem;background:var(--bg-glass);border-radius:.5rem;font-size:.9rem;color:var(--text-secondary)}.message{padding:1rem;border-radius:.5rem;margin:1rem 0;text-align:center;font-weight:600}.message.success{background:#10b9811a;border:1px solid var(--success);color:var(--success)}.message.error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.danger-zone{border:2px solid var(--error)}.danger-zone h2{color:var(--error)}.btn-error{background:var(--error);color:#fff}.btn-error:hover{background:#dc2626}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary)}.reset-confirm{margin-top:1rem}.warning-text{background:#ef44441a;padding:1rem;border-radius:.5rem;color:var(--error);margin-bottom:1rem}.button-group{display:flex;gap:1rem}.button-group button{flex:1}.progress-info{display:flex;flex-direction:column;gap:.75rem}.progress-info p{margin:0;font-size:1rem}.daily-tracker{padding:2rem 0;min-height:calc(100vh - 80px)}.tracker-header{text-align:center;margin-bottom:2rem}.tracker-header h1{font-size:2rem;margin-bottom:.5rem}.progress-summary{display:flex;justify-content:center;gap:2rem;margin-top:1rem;padding:.75rem 1rem;background:var(--bg-glass);border-radius:.5rem;max-width:400px;margin-left:auto;margin-right:auto}.summary-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.summary-label{font-size:.75rem;color:var(--text-secondary)}.summary-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.days-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.day-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.75rem;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:.5rem}.day-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #0003}.day-number{font-size:1rem;font-weight:600;color:var(--text-primary)}.day-status{font-size:1.5rem}.status-icon{display:inline-block}.day-card.completed{background:#10b9811a;border-color:var(--success)}.day-card.completed .day-number,.day-card.completed .status-icon{color:var(--success)}.day-card.current{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:var(--primary);border-width:3px}.day-card.current .day-number{color:var(--primary);font-size:1.125rem}.day-card.current .status-icon{color:var(--primary);animation:pulse 2s infinite}.day-card.future{opacity:.6}.day-card.future .status-icon{color:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.days-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.day-card{padding:1rem .75rem}.progress-summary{flex-direction:column;gap:1rem}}.day-view{padding:2rem 0;min-height:calc(100vh - 80px)}.back-link-float{position:fixed;top:100px;right:2rem;display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;color:var(--primary);text-decoration:none;font-weight:600;font-size:.875rem;transition:var(--transition);z-index:100;box-shadow:var(--shadow-md)}.back-link-float:hover{background:var(--primary);color:#fff;transform:translate(-2px)}.message-banner{background:var(--bg-glass);border:1px solid var(--primary);border-radius:.5rem;padding:1rem;text-align:center;margin-bottom:1.5rem;font-weight:600;color:var(--primary);animation:fadeIn .3s ease}.flashcard-container{perspective:1000px;margin-bottom:2rem;display:flex;justify-content:center;min-height:250px}.flashcard{width:100%;max-width:400px;height:250px;position:relative;transform-style:preserve-3d;transition:transform .6s;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-xl)}.flashcard-back{transform:rotateY(180deg)}.card-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem}.word-class,.word-status{font-size:.7rem;padding:.25rem .5rem}.badge-warning{background:var(--warning);color:#fff}.card-count{color:var(--text-secondary);font-size:.7rem;padding:.25rem .5rem}.card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.word-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.tap-hint{color:var(--text-muted);font-size:.75rem;margin-top:1rem}.word-definition{font-size:.95rem;line-height:1.5;color:var(--text-primary);margin-bottom:.75rem;text-align:center}.word-example{background:var(--bg-glass);padding:.75rem;border-radius:.5rem;border-left:3px solid var(--primary);text-align:left;width:100%;font-size:.85rem}.word-example strong{color:var(--primary);display:block;margin-bottom:.25rem;font-size:.75rem}.word-example p{margin:0;font-style:italic;color:var(--text-secondary)}.mastery-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.mastery-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-tertiary);transition:var(--transition)}.mastery-dot.active{background:var(--success);box-shadow:0 0 8px var(--success)}.action-buttons{display:flex;gap:1rem;justify-content:center;max-width:600px;margin:0 auto 1rem}.action-buttons .btn{flex:1;max-width:200px}.action-buttons .btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%)}.action-buttons .btn:disabled:hover{transform:none;box-shadow:none}.study-hint{text-align:center;color:var(--text-muted);font-size:.875rem}.completion-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.quiz-container{max-width:700px;margin:0 auto}.quiz-meta{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-glass);border-radius:.5rem;margin-bottom:1.5rem;font-weight:600;color:var(--text-secondary)}.quiz-card{padding:2rem}.quiz-word{font-size:2rem;color:var(--primary);margin-bottom:1rem;text-align:center}.quiz-prompt{text-align:center;color:var(--text-muted);margin-bottom:1.5rem}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option{padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:1rem;text-align:left;cursor:pointer;transition:var(--transition)}.quiz-option:hover:not(:disabled){border-color:var(--primary);background:var(--bg-glass)}.quiz-option.correct{border-color:var(--success);background:#10b9811a}.quiz-option.incorrect{border-color:var(--error);background:#ef44441a}.quiz-option:disabled{cursor:not-allowed}.quiz-result{margin-top:1.5rem;text-align:center}.correct-msg{color:var(--success);font-weight:600;font-size:1.125rem}.incorrect-msg{color:var(--error);font-weight:600;font-size:1.125rem}@media(max-width:768px){.flashcard{height:220px}.word-title{font-size:2rem}.action-buttons{flex-direction:column}.action-buttons .btn{max-width:100%}.quiz-word{font-size:1.5rem}}.navbar{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100}.navbar-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.navbar-brand:hover{color:var(--primary)}.brand-icon{font-size:1.5rem}.navbar-links{display:flex;align-items:center;gap:1.5rem;flex:1}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:var(--transition);padding:.5rem 1rem;border-radius:.5rem}.nav-link:hover{color:var(--primary);background:var(--bg-glass)}.navbar-user{display:flex;align-items:center;gap:1rem}.user-menu{position:relative}.user-name-btn{background:transparent;border:none;color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.user-name-btn:hover{background:var(--bg-glass);color:var(--primary)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000004d;min-width:180px;overflow:hidden;z-index:1000}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-primary);text-decoration:none;text-align:left;font-size:.95rem;cursor:pointer;transition:var(--transition)}.dropdown-item:hover{background:var(--bg-glass);color:var(--primary)}.logout-btn{border-top:1px solid var(--border-color)}.user-name{color:var(--text-secondary);font-weight:500}@media(max-width:768px){.navbar-links,.user-name{display:none}}