.portal-page{background:var(--paper);min-height:80vh;padding:4rem 0}.btn-timer-stop{display:none}.btn-timer-stop.is-visible{display:inline-flex}.is-hidden{display:none!important}.timer-feedback{display:none}.timer-feedback.is-visible{display:block}.timer-feedback--success{color:#27ae60}.timer-feedback--error{color:#e74c3c}.login-header p,.timer-feedback--info{color:var(--text-muted)}.login-header i,.timer-active{color:var(--gold)}.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:60vh}.login-card{background:var(--paper-2);border-radius:12px;padding:3rem;box-shadow:var(--shadow-md);width:100%;max-width:450px;border:1px solid var(--border)}.login-header{text-align:center;margin-bottom:2rem}.login-header i{font-size:3rem;margin-bottom:1rem}.dashboard-header h2,.login-header h2{font-family:Playfair Display,Playfair Display Fallback,Georgia,serif;font-size:2rem;margin-bottom:.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px dashed var(--border)}@media (max-width: 600px){.dashboard-header{flex-direction:column;text-align:center;gap:1.5rem}}.dashboard-header h2{font-size:2.2rem;color:var(--gold)}.repertuvar-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media (max-width: 850px){.repertuvar-grid{grid-template-columns:1fr}}.column-title,.eser-meta span{display:flex;align-items:center}.column-title{font-size:1.3rem;margin-bottom:1.5rem;gap:.5rem}.rep-list{display:flex;flex-direction:column;gap:1.5rem}.empty-state,.eser-card{background:var(--paper-2)}.empty-state{color:var(--text-muted);font-style:italic;padding:1rem;border-radius:8px;text-align:center}.eser-card{border:1px solid var(--border);border-radius:10px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .2s;border-left:4px solid var(--border)}.eser-card:hover{transform:translateY(-2px)}.status-ogreniliyor{border-left-color:#f39c12}.status-tamamlandi{border-left-color:#27ae60}.eser-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.eser-header h4{font-size:1.2rem;margin:0;line-height:1.3}.badge{padding:.3rem .6rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.badge-warning{background:#f39c121a;color:#f39c12}.badge-success{background:#27ae601a;color:#27ae60}.eser-meta,.stats-box h3,.timer-box h3{color:var(--text-muted);margin-bottom:1rem}.eser-meta{display:flex;gap:1.5rem;font-size:.9rem}.eser-meta span{gap:.4rem}.eser-notes{font-size:.9rem;padding-top:1rem;border-top:1px dashed var(--border);color:var(--text);font-style:italic}.eser-notes i{color:var(--gold);opacity:.5;margin-right:.3rem}.gamification-panel{background:var(--paper-2);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border);display:flex;gap:2rem;flex-wrap:wrap;box-shadow:var(--shadow-sm)}.stats-box{flex:1;min-width:200px}.stats-box h3,.timer-box h3{font-size:1.1rem}.stats-cards{display:flex;gap:1rem}.stat-card{background:var(--paper);padding:1rem;border-radius:8px;flex:1;text-align:center;border:1px solid var(--border-dark)}.stat-value{font-size:2rem;font-weight:700}.text-gold{color:var(--gold)}.text-success{color:#27ae60}.badges-container h4,.stat-label{font-size:.85rem;color:var(--text-muted)}.badges-container{margin-top:1.5rem}.badges-container h4{font-size:.9rem;margin-bottom:.5rem}.badges-list{display:flex;gap:.5rem;flex-wrap:wrap}.badge-item{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700}.badge-gold{background:#b8922a1a;color:var(--gold)}.badge-green{background:#2ecc711a;color:#27ae60}.badge-purple{background:#9b59b61a;color:#9b59b6}.timer-box{flex:1;min-width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);border-radius:8px;padding:1.5rem;border:1px solid var(--border-dark)}.timer-display{font-size:3.5rem;font-family:monospace;font-weight:700;color:var(--text);margin-bottom:1rem;font-variant-numeric:tabular-nums}.timer-actions{display:flex;gap:1rem}.timer-actions .btn{padding:.6rem 1.5rem}.timer-feedback{margin-top:1rem;font-size:.85rem;color:#27ae60}