/* DersPusula - Modern responsive UI */
:root{
  --bg:#f5f7fb;--surface:#ffffff;--surface-2:#eef2f8;--text:#162033;--muted:#6f7b91;
  --primary:#6c5ce7;--primary-2:#8b7cf6;--accent:#00b894;--danger:#ff5c73;--warning:#ffb020;
  --border:rgba(22,32,51,.09);--shadow:0 20px 60px rgba(47,55,82,.11);--sidebar:#111827;
  --sidebar-text:#dce4f2;--gradient:linear-gradient(135deg,#6c5ce7,#9c88ff);--radius:24px;
}
body[data-theme="midnight"]{--bg:#090d18;--surface:#111827;--surface-2:#182235;--text:#eef3ff;--muted:#92a1bb;--primary:#7c5cff;--primary-2:#a28bff;--accent:#18d8b4;--border:rgba(255,255,255,.08);--shadow:0 25px 70px rgba(0,0,0,.35);--sidebar:#070b14;--sidebar-text:#dce6fa;--gradient:linear-gradient(135deg,#6d4aff,#21d4fd)}
body[data-theme="ocean"]{--bg:#eef8ff;--surface:#fff;--surface-2:#e0f2fe;--text:#123047;--muted:#638095;--primary:#0e87d7;--primary-2:#35b6ed;--accent:#00a896;--sidebar:#063653;--gradient:linear-gradient(135deg,#0e87d7,#45c4ef)}
body[data-theme="forest"]{--bg:#f1f7f2;--surface:#fff;--surface-2:#e3f0e5;--text:#173b2a;--muted:#668071;--primary:#238b57;--primary-2:#4fb879;--accent:#d8942f;--sidebar:#133525;--gradient:linear-gradient(135deg,#208b56,#68c187)}
body[data-theme="sunset"]{--bg:#fff5f2;--surface:#fff;--surface-2:#ffe9e1;--text:#41231f;--muted:#8d6b65;--primary:#f05f57;--primary-2:#ff8b67;--accent:#8f63e9;--sidebar:#3c1d29;--gradient:linear-gradient(135deg,#f05262,#ff9b63)}
body[data-theme="rose"]{--bg:#fff4f8;--surface:#fff;--surface-2:#ffe5ef;--text:#432433;--muted:#8c6879;--primary:#d94681;--primary-2:#f472a8;--accent:#7c6cf2;--sidebar:#3f1930;--gradient:linear-gradient(135deg,#d94681,#f58db6)}
body[data-theme="graphite"]{--bg:#edf0f3;--surface:#fff;--surface-2:#e2e6ea;--text:#1d232b;--muted:#68717b;--primary:#343b46;--primary-2:#68717c;--accent:#00a88f;--sidebar:#181d23;--gradient:linear-gradient(135deg,#252c35,#68727e)}
body[data-theme="lavender"]{--bg:#f8f5ff;--surface:#fff;--surface-2:#eee8ff;--text:#2b2340;--muted:#746b8b;--primary:#7957d5;--primary-2:#a985eb;--accent:#18a999;--sidebar:#261d42;--gradient:linear-gradient(135deg,#7252d3,#b589ef)}
body[data-theme="sand"]{--bg:#faf6ed;--surface:#fffdf9;--surface-2:#f2eadb;--text:#3d3326;--muted:#837564;--primary:#b77936;--primary-2:#d49a57;--accent:#4d8c78;--sidebar:#392f25;--gradient:linear-gradient(135deg,#a96d2d,#d9a760)}
body[data-theme="cyber"]{--bg:#08110f;--surface:#0e1a18;--surface-2:#152623;--text:#e5fff8;--muted:#87aaa1;--primary:#00e5a8;--primary-2:#64ffd4;--accent:#d6ff3f;--border:rgba(109,255,213,.12);--shadow:0 25px 70px rgba(0,0,0,.4);--sidebar:#030a09;--gradient:linear-gradient(135deg,#00bd8c,#b7ed33)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:.25s;background-image:radial-gradient(circle at 15% 5%,color-mix(in srgb,var(--primary) 9%,transparent),transparent 28%),radial-gradient(circle at 95% 85%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 24%)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.18;pointer-events:none;z-index:-1}.ambient-one{width:360px;height:360px;background:var(--primary);top:-120px;left:-100px}.ambient-two{width:300px;height:300px;background:var(--accent);bottom:-100px;right:-80px}.glass-card,.panel{background:color-mix(in srgb,var(--surface) 91%,transparent);border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.auth-view{min-height:100vh;padding:34px 6vw}.auth-brand,.sidebar-brand{display:flex;align-items:center;gap:12px}.auth-brand strong,.sidebar-brand strong{display:block;font:800 18px Manrope}.auth-brand span,.sidebar-brand span{font-size:12px;color:var(--muted)}.brand-badge{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--gradient);color:white;font-weight:800;box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 30%,transparent)}.auth-layout{min-height:calc(100vh - 112px);display:grid;grid-template-columns:1.15fr .75fr;gap:8vw;align-items:center;max-width:1350px;margin:auto}.auth-hero h1{font:800 clamp(42px,5.2vw,78px)/1.03 Manrope;margin:14px 0 24px;letter-spacing:-3px}.auth-hero h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.auth-hero>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:690px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.8px;font-weight:800;color:var(--primary)}.feature-pills{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.feature-pills span,.date-pill{padding:10px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:700}.auth-preview{display:flex;gap:20px;align-items:center;margin-top:35px}.auth-preview small{display:block;color:var(--muted)}.auth-preview b{font-size:30px}.mini-chart{width:190px;height:80px;display:flex;align-items:flex-end;gap:8px}.mini-chart i{flex:1;background:var(--gradient);border-radius:8px 8px 3px 3px}.auth-card{border-radius:30px;padding:32px;max-width:480px;width:100%}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border-radius:14px;padding:5px;margin-bottom:28px}.auth-tab{border:0;background:transparent;padding:12px;border-radius:10px;color:var(--muted);font-weight:700}.auth-tab.active{background:var(--surface);color:var(--text);box-shadow:0 8px 25px rgba(0,0,0,.06)}.auth-form{display:none}.auth-form.active{display:block}.form-heading h2{font:800 28px Manrope;margin:0 0 8px}.form-heading p{margin:0 0 25px;color:var(--muted)}label{display:block}label>span{display:block;font-size:12px;font-weight:700;margin:0 0 8px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:13px;padding:13px 14px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}.auth-form label{margin-bottom:17px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field .icon-btn{position:absolute;right:5px;top:5px}.primary-btn,.soft-btn,.text-btn,.logout-btn{border:0;border-radius:13px;font-weight:800}.primary-btn{background:var(--gradient);color:#fff;padding:13px 20px;box-shadow:0 12px 26px color-mix(in srgb,var(--primary) 25%,transparent)}.primary-btn:hover{transform:translateY(-2px)}.wide{width:100%;display:flex;justify-content:center;gap:8px}.text-btn{background:transparent;color:var(--primary);padding:8px}.soft-btn{background:var(--surface-2);color:var(--text);padding:11px 15px;border:1px solid var(--border)}.icon-btn{width:40px;height:40px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;display:grid;place-items:center}.demo-note{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}.demo-note p{margin:0}
.app-view{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:var(--sidebar);color:var(--sidebar-text);padding:23px 18px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{padding:0 8px 24px}.sidebar-brand span{color:#8593a9}.main-nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#718097;padding:16px 13px 5px}.nav-item{border:0;background:transparent;color:#aeb9cb;border-radius:12px;padding:11px 13px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:600}.nav-item span{width:22px;font-size:17px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 28%,transparent),transparent);color:white}.nav-item.active{box-shadow:inset 3px 0 var(--primary)}.sidebar-footer{margin-top:auto}.quote-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);padding:15px;border-radius:15px;margin-bottom:10px}.quote-card span{font-size:10px;color:#8695aa;text-transform:uppercase}.quote-card p{font-size:12px;line-height:1.5;margin:7px 0 0}.logout-btn{width:100%;padding:12px;background:transparent;color:#aeb9cb;text-align:left}.main-content{margin-left:258px;min-height:100vh}.topbar{height:82px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.topbar-title span{font-size:11px;color:var(--muted)}.topbar-title h2{font:800 20px Manrope;margin:3px 0}.topbar-actions{display:flex;gap:10px;align-items:center}.mobile-actions{display:none}.notification-btn{position:relative}.notification-btn i{width:7px;height:7px;background:var(--danger);border-radius:50%;position:absolute;right:7px;top:7px}.user-chip{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:5px 9px 5px 5px;display:flex;align-items:center;gap:9px}.user-chip>span:first-child,.profile-avatar-large{background:var(--gradient);color:white;border-radius:11px;display:grid;place-items:center;font-weight:800}.user-chip>span:first-child{width:34px;height:34px}.user-chip-text{text-align:left}.user-chip-text b,.user-chip-text small{display:block}.user-chip-text b{font-size:12px}.user-chip-text small{color:var(--muted);font-size:10px}.user-menu-wrap,.theme-picker{position:relative}.user-dropdown,.theme-menu{position:absolute;right:0;top:52px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:15px;padding:8px;min-width:180px;z-index:50}.user-dropdown button{display:block;width:100%;text-align:left;padding:10px;border:0;background:transparent;color:var(--text);border-radius:9px}.user-dropdown button:hover{background:var(--surface-2)}.theme-menu{width:260px;grid-template-columns:1fr 1fr;gap:6px}.theme-menu:not(.hidden){display:grid}.theme-option{display:flex;align-items:center;gap:8px;padding:9px;border:0;background:transparent;color:var(--text);border-radius:10px;text-align:left;font-size:12px}.theme-option:hover{background:var(--surface-2)}.theme-dot{width:20px;height:20px;border-radius:7px;background:var(--swatch)}
.page{display:none;padding:30px 32px 50px}.page.active{display:block}.welcome-panel,.page-heading,.lesson-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.welcome-panel h1,.page-heading h1,.lesson-hero h1{font:800 31px Manrope;margin:6px 0}.welcome-panel p,.page-heading p,.lesson-hero p{color:var(--muted);margin:0}.streak-card{display:flex;align-items:center;gap:12px;background:var(--surface);padding:13px 18px;border:1px solid var(--border);border-radius:17px}.streak-icon{font-size:28px}.streak-card small,.streak-card b{display:block}.streak-card small{color:var(--muted);font-size:11px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:18px;position:relative;display:flex;align-items:center;gap:14px}.summary-icon{width:43px;height:43px;border-radius:13px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);display:grid;place-items:center;font-size:20px}.summary-card span,.summary-card strong,.summary-card small{display:block}.summary-card span{font-size:11px;color:var(--muted);font-weight:600}.summary-card strong{font:800 28px Manrope;margin-top:4px}.summary-card small{font-size:10px;color:var(--muted)}.summary-card em{position:absolute;right:14px;bottom:14px;font-size:9px;color:var(--accent);font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:20px;margin-bottom:20px}.lower-grid{grid-template-columns:1.35fr 1fr}.panel{border-radius:var(--radius);padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-heading h3{font:800 18px Manrope;margin:4px 0}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.daily-entry-form>label{margin-top:15px}.entry-actions{display:flex;justify-content:space-between;align-items:end;margin-top:15px}.mood-select{width:190px}.goal-ring-wrap{display:flex;align-items:center;justify-content:center;gap:25px;min-height:245px}.progress-ring{--progress:0;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--progress)*1%),var(--surface-2) 0);position:relative}.progress-ring:after{content:"";position:absolute;width:116px;height:116px;background:var(--surface);border-radius:50%}.progress-ring>div{z-index:1;text-align:center}.progress-ring strong,.progress-ring span{display:block}.progress-ring strong{font-size:25px}.progress-ring span{font-size:10px;color:var(--muted)}.goal-ring-info div{margin:13px 0}.goal-ring-info span,.goal-ring-info b{display:block}.goal-ring-info span{color:var(--muted);font-size:10px}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:12px;padding-top:15px}.bar-group{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:min(34px,70%);min-height:4px;background:var(--gradient);border-radius:8px 8px 3px 3px;position:relative;transition:.4s}.bar:hover:after{content:attr(data-value);position:absolute;top:-27px;left:50%;transform:translateX(-50%);font-size:10px;background:var(--text);color:var(--surface);padding:4px 6px;border-radius:6px}.bar-label{font-size:10px;color:var(--muted)}.subject-performance{display:flex;flex-direction:column;gap:15px}.subject-row{display:grid;grid-template-columns:105px 1fr 42px;gap:10px;align-items:center}.subject-name{font-size:12px;font-weight:700}.progress-track{height:8px;background:var(--surface-2);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient);border-radius:99px}.subject-value{font-size:11px;text-align:right;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:13px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px}.subject-badge,.status-badge{display:inline-flex;padding:6px 9px;border-radius:8px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:700}.delete-btn{border:0;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);border-radius:8px;padding:6px 9px}
.lesson-hero{background:var(--gradient);color:white;padding:25px 28px;border-radius:25px}.lesson-hero .eyebrow,.lesson-hero p{color:rgba(255,255,255,.75)}.lesson-symbol{font-size:45px;width:80px;height:80px;border:1px solid rgba(255,255,255,.25);border-radius:22px;display:grid;place-items:center;background:rgba(255,255,255,.1)}.lesson-hero>div:nth-child(2){flex:1;margin-left:20px}.lesson-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.lesson-stat-grid article{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px}.lesson-stat-grid span,.lesson-stat-grid strong{display:block}.lesson-stat-grid span{color:var(--muted);font-size:11px}.lesson-stat-grid strong{font:800 23px Manrope;margin-top:8px}.line-chart{height:260px;display:flex;align-items:end;gap:6px;padding:15px 4px}.line-point{flex:1;background:var(--gradient);border-radius:6px 6px 2px 2px;min-height:4px;position:relative}.notes-area{min-height:190px;margin-bottom:12px}.history-list{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:110px 1fr auto;gap:15px;align-items:center;padding:14px;background:var(--surface-2);border-radius:14px}.history-item p{margin:3px 0;color:var(--muted);font-size:11px}
.weekly-planner{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.day-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:18px}.day-card.today{outline:2px solid var(--primary)}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.day-header h3{margin:0}.plan-row{display:grid;grid-template-columns:1fr 85px 30px;gap:7px;margin:8px 0}.plan-row button{border:0;background:transparent;color:var(--danger)}.add-plan-btn{width:100%;margin-top:10px}.compact-select,.filter-row select{width:auto}.filter-row{display:flex;gap:10px}.large{height:330px}.horizontal-bars{display:flex;flex-direction:column;gap:18px}.hbar-row{display:grid;grid-template-columns:90px 1fr 55px;gap:10px;align-items:center}.hbar{height:12px;border-radius:99px;background:var(--surface-2);overflow:hidden}.hbar i{display:block;height:100%;background:var(--gradient)}.goals-layout{display:grid;gap:20px}.goal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.subject-goal-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.save-goals{justify-self:end}.search-input{max-width:260px}.profile-form{max-width:600px;display:grid;gap:16px}.profile-avatar-large{width:85px;height:85px;font-size:30px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(5px)}.modal-card{width:min(500px,92vw);background:var(--surface);border-radius:25px;padding:26px;z-index:1;position:relative;box-shadow:var(--shadow)}.modal-card h2{margin:7px 0 20px}.modal-card label{margin-bottom:13px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:25px}.toast-container{position:fixed;right:20px;top:90px;z-index:200;display:grid;gap:10px}.toast{min-width:280px;max-width:380px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--accent);padding:14px 16px;border-radius:13px;box-shadow:var(--shadow);animation:toastIn .3s ease}.toast.error{border-left-color:var(--danger)}@keyframes toastIn{from{transform:translateX(30px);opacity:0}}
.empty-state{text-align:center;color:var(--muted);padding:35px;font-size:13px}
@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.weekly-planner{grid-template-columns:repeat(2,1fr)}.auth-layout{gap:4vw}}
@media(max-width:800px){.auth-view{padding:22px}.auth-layout{grid-template-columns:1fr}.auth-hero{display:none}.auth-card{margin:auto}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-actions{display:block}.topbar{padding:0 15px}.topbar-title{display:none}.topbar-actions .soft-btn,.user-chip-text{display:none}.page{padding:22px 15px}.entry-grid{grid-template-columns:1fr 1fr}.weekly-planner{grid-template-columns:1fr}.lesson-hero{flex-wrap:wrap;gap:12px}.lesson-hero>div:nth-child(2){margin-left:0}.lesson-stat-grid{grid-template-columns:1fr 1fr}.subject-goal-inputs{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.summary-grid{grid-template-columns:1fr}.entry-grid,.goal-form-grid,.subject-goal-inputs{grid-template-columns:1fr}.entry-actions{align-items:stretch;flex-direction:column;gap:12px}.mood-select{width:100%}.welcome-panel,.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.lesson-stat-grid{grid-template-columns:1fr}.modal-grid{grid-template-columns:1fr}.auth-card{padding:23px}.auth-view{padding:15px}.topbar-actions{gap:5px}.theme-menu{right:-80px}.history-item{grid-template-columns:1fr}}

/* Bot tuzağı: Görsel olarak gizlidir, ekran dışındadır. display:none kullanılmaz. */
.hp-field{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.config-warning{
  margin:0 0 18px;
  padding:13px 15px;
  border-radius:13px;
  border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);
  background:color-mix(in srgb,var(--danger) 10%,var(--surface));
  color:var(--danger);
  font-size:12px;
  line-height:1.55;
  font-weight:700;
}
.auth-form input:disabled,
.auth-form button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.auth-tabs.single-tab{grid-template-columns:1fr}.managed-account-note{font-size:12px;color:var(--muted);text-align:center;margin:14px 0 0}
.pomodoro-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.pomodoro-card{text-align:center}.pomodoro-clock{font:800 clamp(65px,9vw,120px)/1 Manrope;margin:35px 0;background:var(--gradient);-webkit-background-clip:text;color:transparent}.pomodoro-mode,.pomodoro-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.pomodoro-mode button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:9px 13px;border-radius:10px}.pomodoro-mode button.active{background:var(--primary);color:white}.pomodoro-card select{max-width:250px;margin:auto}.pomodoro-card p{color:var(--muted)}
.xp-panel{display:grid;grid-template-columns:110px 1fr 90px;align-items:center;gap:20px;margin-bottom:20px}.xp-panel span,.xp-panel strong{display:block}.xp-panel strong{font-size:30px}.xp-track{height:16px;background:var(--surface-2);border-radius:99px;overflow:hidden}.xp-track i{display:block;height:100%;width:0;background:var(--gradient)}
.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.achievement-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;text-align:center}.achievement-card.locked{filter:grayscale(1);opacity:.48}.achievement-card .badge-emoji{font-size:38px}.achievement-card h3{font-size:14px}.achievement-card p{font-size:11px;color:var(--muted)}.reward-list{display:grid;gap:10px}.reward-item{display:flex;gap:14px;align-items:center;padding:14px;background:var(--surface-2);border-radius:14px}.reward-item>span{font-size:34px}
.admin-head-actions{display:flex;gap:10px}.admin-action-row{display:flex;gap:5px}.mini-action{border:0;border-radius:8px;padding:6px 8px;background:var(--surface-2);color:var(--text);font-size:10px}.mini-action.danger{color:var(--danger)}.emoji-picker{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.emoji-picker button{font-size:22px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:7px}.check-line{display:flex;gap:8px;align-items:center;margin:12px 0}.check-line input{width:auto}.admin-user-modal-card{max-width:560px}
.live-message-overlay{position:fixed;inset:0;z-index:500;background:rgba(5,8,15,.86);display:grid;place-items:center;overflow:hidden}.live-message-overlay canvas{position:absolute;inset:0;width:100%;height:100%}.live-message-card{position:relative;z-index:2;width:min(520px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:35px;text-align:center;box-shadow:var(--shadow);animation:celebrateIn .55s cubic-bezier(.2,.8,.2,1)}.live-message-card>div{font-size:86px;animation:emojiBounce 1s infinite alternate}.live-message-card h2{font:800 30px Manrope}.live-message-card p{font-size:18px;line-height:1.6;color:var(--muted)}@keyframes celebrateIn{from{transform:scale(.5) rotate(-5deg);opacity:0}}@keyframes emojiBounce{to{transform:translateY(-14px) scale(1.08)}}
.status-restricted{color:var(--warning)}.status-suspended{color:var(--danger)}
@media(max-width:900px){.pomodoro-layout{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.achievement-grid{grid-template-columns:1fr}.xp-panel{grid-template-columns:1fr}.admin-head-actions{width:100%}}

#adminLoginForm .form-heading h2{
  color:var(--primary);
}
#adminLoginForm .primary-btn{
  background:linear-gradient(135deg,var(--primary),var(--danger));
}

.nav-item{position:relative}.nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:var(--danger);color:#fff;display:grid;place-items:center;font-size:10px;padding:0 6px}
.message-page-actions{display:flex;gap:10px}.message-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.message-summary-grid article{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px}.message-summary-grid span,.message-summary-grid strong{display:block}.message-summary-grid span{font-size:11px;color:var(--muted)}.message-summary-grid strong{font:800 28px Manrope;margin-top:6px}.message-center-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.message-history-list{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:4px}.message-history-item{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:16px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:left;transition:.2s}.message-history-item:hover{transform:translateY(-2px);border-color:var(--primary)}.message-history-item.unread{background:color-mix(in srgb,var(--primary) 9%,var(--surface));border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.message-history-item i{font-size:9px;color:#fff;background:var(--primary);border-radius:99px;padding:5px 8px;font-style:normal}.message-history-emoji{font-size:28px}.message-history-main b,.message-history-main small{display:block}.message-history-main small{color:var(--muted);margin-top:5px}.message-detail-panel{min-height:400px;display:grid;place-items:center;text-align:center}.message-detail-emoji{font-size:78px}.message-detail-sender{display:block;color:var(--primary);font-weight:800;margin-top:10px}.message-detail-panel h2{font:800 27px Manrope}.message-detail-panel p{font-size:16px;line-height:1.7;color:var(--muted);white-space:pre-wrap}.message-detail-panel small{display:block;color:var(--muted);margin:15px 0}.managed-user-preview{display:flex;align-items:center;gap:13px;background:var(--surface-2);padding:14px;border-radius:15px;margin:15px 0}.managed-user-preview>div:first-child{width:48px;height:48px;border-radius:14px;background:var(--gradient);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.managed-user-preview strong,.managed-user-preview small{display:block}.managed-user-preview small{color:var(--muted);font-size:10px;margin-top:4px}.managed-profile-card label{margin-bottom:14px}
.live-message-card{border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px)}#liveMessageSender{display:block;color:var(--primary);font-weight:800;font-size:12px;margin-top:8px}#liveMessageDate{display:block;color:var(--muted);margin:12px 0}
.panel{box-shadow:0 16px 50px rgba(20,30,55,.08)}.summary-card,.lesson-stat-grid article,.message-summary-grid article{box-shadow:0 10px 30px rgba(20,30,55,.06)}.primary-btn{transition:.2s}.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}
@media(max-width:900px){.message-center-layout{grid-template-columns:1fr}.message-summary-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.message-summary-grid{grid-template-columns:1fr}.message-page-actions{width:100%;flex-wrap:wrap}}

.sound-toggle-btn{font-size:18px}.page-refresh-actions{display:flex;gap:10px}
.pomodoro-head-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.pomodoro-head-stats article{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:17px;box-shadow:0 10px 30px rgba(20,30,55,.06)}.pomodoro-head-stats span,.pomodoro-head-stats strong{display:block}.pomodoro-head-stats span{font-size:10px;color:var(--muted);text-transform:uppercase}.pomodoro-head-stats strong{font:800 23px Manrope;margin-top:6px}.pomodoro-pro-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px}.pomodoro-main-panel{min-height:650px;padding:28px;display:flex;flex-direction:column}.pomodoro-top-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.pomodoro-subject-field{width:230px}.pomodoro-mode{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pomodoro-mode button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:10px 13px;border-radius:12px;font-weight:700;font-size:12px}.pomodoro-mode button.active{background:var(--gradient);color:#fff;border-color:transparent}.pomodoro-stage{flex:1;display:grid;place-items:center}.pomodoro-progress-ring{--pomo-progress:0;width:340px;height:340px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--pomo-progress)*1%),var(--surface-2) 0);box-shadow:0 30px 70px color-mix(in srgb,var(--primary) 15%,transparent)}.pomodoro-ring-inner{width:282px;height:282px;border-radius:50%;background:var(--surface);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 0 1px var(--border)}.pomodoro-ring-inner>span{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:var(--primary);font-weight:800}.pomodoro-ring-inner small{color:var(--muted);font-weight:700}.pomodoro-clock{font:800 72px/1 Manrope;margin:14px 0}.pomodoro-actions{display:flex;justify-content:center;gap:10px}.pomodoro-primary-action{min-width:170px}.pomodoro-status{text-align:center;color:var(--muted);margin-top:16px}.pomodoro-side-column{display:grid;gap:22px}.pomodoro-mini-stats{display:grid;gap:10px}.pomodoro-mini-stats article{padding:13px 14px;background:var(--surface-2);border-radius:13px}.pomodoro-mini-stats span,.pomodoro-mini-stats strong{display:block}.pomodoro-mini-stats span{font-size:10px;color:var(--muted)}.pomodoro-mini-stats strong{margin-top:5px}.pomodoro-tip-card{display:flex;gap:12px;margin-top:16px;padding:14px;border-radius:14px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));font-size:12px;color:var(--muted)}.pomodoro-tip-card p{margin:0}.pomodoro-chart-wrap{height:280px}
.achievement-hero{display:grid;grid-template-columns:120px 1fr 180px;gap:25px;align-items:center;margin-bottom:20px}.achievement-level-orb{width:110px;height:110px;border-radius:50%;background:var(--gradient);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 20px 45px color-mix(in srgb,var(--primary) 25%,transparent)}.achievement-level-orb span{font-size:11px}.achievement-level-orb strong{font-size:38px}.achievement-level-info>span{font-size:11px;color:var(--muted)}.achievement-level-info h2{margin:5px 0 12px;font:800 30px Manrope}.achievement-level-info small{color:var(--muted)}.achievement-rank-card{background:var(--surface-2);border-radius:16px;padding:18px;text-align:center}.achievement-rank-card span,.achievement-rank-card strong{display:block}.achievement-rank-card span{font-size:10px;color:var(--muted)}.achievement-rank-card strong{margin-top:7px}.achievement-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.achievement-summary-grid article{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:17px}.achievement-summary-grid span,.achievement-summary-grid strong{display:block}.achievement-summary-grid span{font-size:10px;color:var(--muted)}.achievement-summary-grid strong{font:800 24px Manrope;margin-top:5px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.achievement-card{background:var(--surface-2);border:1px solid var(--border);border-radius:18px;padding:18px;text-align:center;transition:.2s}.achievement-card.unlocked{background:color-mix(in srgb,var(--primary) 7%,var(--surface));border-color:color-mix(in srgb,var(--primary) 30%,var(--border));transform:translateY(-2px)}.achievement-card.locked{opacity:.62}.badge-emoji{font-size:38px}.achievement-card h3{font-size:14px}.achievement-card p{font-size:11px;color:var(--muted);min-height:28px}.badge-progress{height:7px;border-radius:99px;background:var(--surface);overflow:hidden;margin:10px 0}.badge-progress i{display:block;height:100%;background:var(--gradient)}.achievement-card small{color:var(--muted)}
@media(max-width:1000px){.pomodoro-pro-layout{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}.achievement-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.pomodoro-head-stats{grid-template-columns:1fr}.pomodoro-top-controls{flex-direction:column;align-items:stretch}.pomodoro-subject-field{width:100%}.pomodoro-mode{justify-content:flex-start}.pomodoro-progress-ring{width:280px;height:280px}.pomodoro-ring-inner{width:230px;height:230px}.pomodoro-clock{font-size:58px}.achievement-hero{grid-template-columns:1fr;text-align:center}.achievement-level-orb{margin:auto}.achievement-summary-grid,.achievement-grid{grid-template-columns:1fr}}

/* Düzen ve kullanılabilirlik iyileştirmeleri */
.admin-tools-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.admin-tool-card{display:flex;flex-direction:column;gap:14px}.admin-tool-card label{margin:0}.admin-tool-card .primary-btn{align-self:flex-start}.emoji-picker button{transition:.18s;line-height:1}.emoji-picker button:hover{transform:translateY(-2px)}.emoji-picker button.selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent);background:color-mix(in srgb,var(--primary) 10%,var(--surface))}
.notification-btn i.hidden{display:none!important}.notification-btn i{box-shadow:0 0 0 3px var(--surface)}
.message-list-panel,.message-detail-panel{min-width:0}.message-history-main{min-width:0}.message-history-main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-detail-panel{align-items:start;place-items:initial;padding:28px}.message-detail-panel>.empty-state{margin:auto}.message-detail-panel #messageDetailContent{width:100%;max-width:620px;margin:0 auto}.message-detail-emoji{line-height:1;margin-top:8px}.message-detail-panel p{max-width:58ch;margin-left:auto;margin-right:auto}.message-page-actions .soft-btn{white-space:nowrap}
.live-message-overlay{background:transparent;pointer-events:none;padding:24px}.live-message-backdrop{position:absolute;inset:0;background:rgba(5,8,15,.82);backdrop-filter:blur(8px);pointer-events:auto}.live-message-overlay canvas{pointer-events:none}.live-message-card{pointer-events:auto}.live-message-overlay.compact{display:flex;align-items:flex-end;justify-content:flex-end}.live-message-overlay.compact .live-message-backdrop,.live-message-overlay.compact canvas{display:none}.live-message-overlay.compact .live-message-card{width:min(420px,calc(100vw - 32px));padding:22px;text-align:left;border-radius:20px;animation:compactMessageIn .28s ease;box-shadow:0 24px 70px rgba(10,18,40,.25)}.live-message-overlay.compact .live-message-card>div{font-size:42px;animation:none}.live-message-overlay.compact .live-message-card h2{font-size:21px;margin:8px 0}.live-message-overlay.compact .live-message-card p{font-size:14px;margin:8px 0}.live-message-overlay.compact #liveMessageDate{margin:8px 0 14px}.live-message-overlay.compact #closeLiveMessage{padding:10px 16px}.live-message-overlay.celebration{display:grid;place-items:center}.live-message-overlay.celebration .live-message-card{max-height:calc(100vh - 48px);overflow:auto}.live-message-overlay.celebration .live-message-card>div{font-size:68px}@keyframes compactMessageIn{from{transform:translateY(22px);opacity:0}}
@media(max-width:900px){.admin-tools-layout{grid-template-columns:1fr}.message-detail-panel{min-height:300px}}
@media(max-width:600px){.live-message-overlay{padding:16px}.live-message-overlay.compact{align-items:flex-end}.live-message-overlay.compact .live-message-card{width:100%}.message-page-actions .soft-btn{flex:1}.message-history-item{grid-template-columns:38px minmax(0,1fr) auto;padding:12px}.message-history-emoji{font-size:24px}.admin-tool-card .primary-btn{width:100%}}