:root{
  --bg:#09090b;--sidebar:#0c0c0f;--surface:#111114;--surface-2:#17171b;--surface-3:#202027;
  --line:#26262d;--line-soft:#1d1d22;--text:#f4f4f5;--muted:#a1a1aa;--faint:#65656f;
  --accent:#8b5cf6;--accent-soft:rgba(139,92,246,.12);--cyan:#22d3ee;--good:#34d399;--warn:#fbbf24;--bad:#fb7185;
  --shadow:0 24px 70px rgba(0,0,0,.34);--radius:14px;--sidebar-width:240px
}
[data-theme="light"]{
  --bg:#f5f5f6;--sidebar:#fafafa;--surface:#fff;--surface-2:#f6f6f7;--surface-3:#ededf0;
  --line:#dedee3;--line-soft:#e9e9ec;--text:#18181b;--muted:#64646f;--faint:#92929c;
  --accent-soft:rgba(124,58,237,.09);--shadow:0 22px 60px rgba(24,24,27,.09)
}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hidden{display:none!important}.mobile-only{display:none}.muted{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:1.55rem;line-height:1.15}h2{font-size:1.08rem}small{font-size:.78rem;color:var(--muted)}.eyebrow{margin-bottom:.4rem;color:var(--faint);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* Giriş */
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(390px,520px) 1fr;padding:1rem;gap:1rem;background:var(--bg)}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.2rem,7vw,5.5rem);border:1px solid var(--line-soft);border-radius:24px;background:var(--surface)}.brand-mark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:2.4rem;border-radius:15px;background:var(--text);color:var(--bg);font-size:1.3rem;font-weight:900;box-shadow:0 0 0 7px var(--surface-3)}.brand-mark.small{width:34px;height:34px;margin:0;border-radius:10px;font-size:.92rem;box-shadow:none;background:var(--accent);color:#fff}.login-panel h1{max-width:420px;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.15rem);line-height:1.03}.login-form{display:grid;gap:1rem;margin-top:2.5rem}.login-form label,.settings-sections label,.preference-grid label{display:grid;gap:.45rem;font-size:.82rem;font-weight:650}.login-form input,.field input,.field select,.preference-grid select,.modal input,.modal textarea,.modal select{width:100%;padding:.8rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);outline:0;transition:.15s}.login-form input:focus,.field input:focus,.modal input:focus,.modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{min-height:1.4rem;color:var(--bad);font-size:.83rem}.form-note{color:var(--muted);font-size:.78rem}.login-foot{display:flex;align-items:center;gap:.6rem;margin-top:auto;padding-top:3rem;color:var(--muted);font-size:.76rem}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(52,211,153,.09)}.login-visual{position:relative;overflow:hidden;min-height:600px;border:1px solid #201934;border-radius:24px;background:#0c0a12}.login-visual:before{content:"NOCTYRA";position:absolute;left:7%;bottom:5%;color:rgba(255,255,255,.035);font-size:clamp(5rem,13vw,12rem);font-weight:900;letter-spacing:-.09em}.login-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(140deg,#000,transparent 72%)}.orb{position:absolute;border-radius:50%}.orb-a{width:520px;height:520px;left:18%;top:12%;background:radial-gradient(circle at 36% 35%,#a78bfa 0,#6d28d9 34%,#1e123b 62%,transparent 70%);opacity:.7}.orb-b{width:330px;height:330px;left:31%;top:28%;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 100px rgba(34,211,238,.08) inset}.signal-card{position:absolute;z-index:2;width:225px;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(13,12,18,.78);backdrop-filter:blur(18px);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.28)}.signal-card span{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#8d899b}.signal-card strong{display:block;margin-top:.32rem;font-size:.88rem}.signal-card i{position:absolute;right:1rem;top:1rem;width:7px;height:7px;border-radius:50%;background:var(--good)}.signal-one{left:8%;top:16%}.signal-two{right:7%;top:45%}.signal-three{left:16%;bottom:14%}

/* Uygulama iskeleti */
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar-width);display:flex;flex-direction:column;padding:1rem;background:var(--sidebar);border-right:1px solid var(--line-soft)}.sidebar-head{display:flex;align-items:center;gap:.75rem;padding:.15rem .35rem 1.3rem}.sidebar-head>div:nth-child(2){display:flex;flex-direction:column;line-height:1}.sidebar-head strong{font-size:1rem}.sidebar-head span{margin-top:.35rem;color:var(--faint);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.navigation{display:flex;flex-direction:column;gap:.15rem;overflow:auto;scrollbar-width:none}.navigation::-webkit-scrollbar{display:none}.navigation p{padding:.85rem .75rem .32rem;color:var(--faint);font-size:.62rem;font-weight:800;letter-spacing:.15em}.nav-item{display:flex;align-items:center;gap:.72rem;width:100%;padding:.62rem .72rem;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.82rem;font-weight:650;text-align:left;cursor:pointer;transition:.15s}.nav-item>span{width:20px;color:var(--faint);font-size:.92rem;text-align:center}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface-3);color:var(--text);box-shadow:inset 2px 0 var(--accent)}.nav-item.active>span{color:#a78bfa}.sidebar-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:.95rem .25rem .1rem;border-top:1px solid var(--line-soft)}.admin-chip{display:flex;align-items:center;gap:.65rem}.admin-chip>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--accent-soft);color:#a78bfa;font-size:.76rem;font-weight:900}.admin-chip div{display:flex;flex-direction:column}.admin-chip strong{font-size:.78rem}.admin-chip small{font-size:.64rem}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:10;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,3vw,2.7rem);border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px)}.page-identity p{display:flex;align-items:center;gap:.45rem;color:var(--faint);font-size:.68rem;text-transform:none}.page-identity p span:first-child{color:#a78bfa;font-weight:750}.page-identity p i{font-style:normal;color:var(--line)}.page-identity h1{margin-top:.08rem;font-size:1.28rem}.top-actions{display:flex;align-items:center;gap:.55rem}.top-clock{display:flex;flex-direction:column;align-items:flex-end;margin-right:.25rem;line-height:1.15}.top-clock span{color:var(--faint);font-size:.65rem;text-transform:uppercase}.top-clock b{font-size:.8rem}.live-indicator{height:38px;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:.72rem}.live-indicator span{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px rgba(52,211,153,.08)}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer}.icon-button:hover{background:var(--surface-2)}.content{width:100%;max-width:1540px;margin:0 auto;padding:clamp(1.1rem,3vw,2.5rem)}.view{display:none;animation:enter .18s ease}.view.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Ortak bileşenler */
.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.68rem .9rem;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:.78rem;font-weight:750;cursor:pointer;transition:.15s}.button:hover{border-color:var(--faint);transform:translateY(-1px)}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.ghost{background:transparent}.button.danger{border-color:rgba(251,113,133,.25);background:rgba(251,113,133,.08);color:var(--bad)}.button.wide{width:100%;justify-content:space-between;padding:.8rem .9rem}.panel{padding:1.2rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.status-pill{display:inline-flex;align-items:center;padding:.32rem .58rem;border:1px solid var(--line);border-radius:99px;background:var(--surface-2);color:var(--muted);font-size:.68rem}.status-pill.good{border-color:rgba(52,211,153,.2);background:rgba(52,211,153,.07);color:var(--good)}.section-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.15rem;padding:0 .1rem}.section-lead h2{font-size:1.38rem}.section-lead>div>p:last-child{margin-top:.28rem;color:var(--muted);font-size:.82rem}.section-index{color:var(--faint);font-family:ui-monospace,Consolas,monospace;font-size:.68rem;letter-spacing:.08em}.inline-insights{display:flex;align-items:center;gap:.8rem;padding:.65rem .8rem;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface)}.inline-insights span{display:flex;flex-direction:column;min-width:62px}.inline-insights b{font-size:.84rem}.inline-insights small{font-size:.64rem}.inline-insights i{width:1px;height:22px;background:var(--line);font-style:normal}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:2rem;text-align:center;color:var(--muted)}.empty:before{content:"—";width:34px;height:34px;display:grid;place-items:center;margin-bottom:.7rem;border:1px solid var(--line);border-radius:10px;color:var(--faint)}.empty b{color:var(--text);font-size:.86rem}.empty span{margin-top:.2rem;font-size:.76rem}

/* Genel bakış */
.overview-strip{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem;padding:1.3rem 1.4rem;border:1px solid rgba(139,92,246,.18);border-radius:var(--radius);background:linear-gradient(100deg,rgba(139,92,246,.1),rgba(139,92,246,.02) 44%,transparent)}.overview-strip h2{font-size:1.3rem}.overview-strip>div:first-child>p:last-child{margin-top:.25rem;color:var(--muted);font-size:.8rem}.overview-pulse{display:flex;align-items:center;gap:.75rem;min-width:210px}.overview-pulse>span{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 6px rgba(52,211,153,.08)}.overview-pulse div{display:flex;flex-direction:column}.overview-pulse b{font-size:.78rem}.overview-pulse small{font-size:.65rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem}.metric{position:relative;overflow:hidden;padding:1.05rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.metric:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--glow,var(--accent));opacity:.75}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.metric-top span:last-child{color:var(--faint);font-size:.9rem}.metric strong{display:block;margin:.65rem 0 .1rem;font-size:1.65rem;letter-spacing:-.05em}.metric small{font-size:.7rem}.split-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:.75rem}.bot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.bot-card{display:flex;flex-direction:column;min-height:178px;padding:.9rem;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface-2)}.bot-card-head{display:flex;align-items:flex-start;justify-content:space-between}.bot-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--bot-accent) 15%,transparent);color:var(--bot-accent);font-weight:850}.bot-state{padding:.24rem .42rem;border-radius:99px;background:rgba(52,211,153,.08);color:var(--good);font-size:.63rem}.bot-state.offline{background:rgba(251,113,133,.08);color:var(--bad)}.bot-card h3{margin-top:.8rem;font-size:.9rem}.bot-card p{min-height:32px;margin-top:.2rem;color:var(--muted);font-size:.69rem}.bot-stats{display:flex;gap:.65rem;margin-top:auto;color:var(--faint);font-size:.64rem}.bot-actions{display:flex;gap:.4rem;margin-top:.7rem}.bot-actions button,.row-action{padding:.34rem .5rem;border:1px solid var(--line);border-radius:7px;background:transparent;font-size:.66rem;cursor:pointer}.bot-actions button:hover,.row-action:hover{background:var(--surface-3)}.command-panel{display:flex;flex-direction:column}.quick-action{display:flex;align-items:center;gap:.7rem;padding:.78rem 0;border:0;border-top:1px solid var(--line-soft);background:transparent;text-align:left;cursor:pointer}.quick-action>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);color:#a78bfa}.quick-action div{display:flex;flex:1;flex-direction:column}.quick-action b{font-size:.76rem}.quick-action small{font-size:.66rem}.quick-action i{color:var(--faint);font-style:normal}.address-panel{display:flex;align-items:center;gap:.8rem;margin-top:.75rem}.address-panel>div{margin-right:auto}.address-panel code{padding:.5rem .65rem;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-2);color:var(--cyan);font-family:ui-monospace,Consolas,monospace;font-size:.75rem}

/* Tablolar ve kayıtlar */
.toolbar{display:flex;gap:.6rem;margin-bottom:.75rem}.search-box{display:flex;flex:1;align-items:center;gap:.6rem;padding:0 .85rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.search-box span{color:var(--faint)}.search-box input{flex:1;padding:.72rem 0;border:0;background:transparent;color:var(--text);outline:0;font-size:.8rem}.table-panel{overflow:hidden;padding:0}.table-panel .panel-head{margin:0;padding:1.1rem 1.2rem}.table-wrap{overflow:auto}table{width:100%;min-width:700px;border-collapse:collapse}th,td{padding:.78rem 1.15rem;border-top:1px solid var(--line-soft);font-size:.77rem;text-align:left}th{background:var(--surface-2);color:var(--faint);font-size:.62rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}td code{color:var(--faint);font-size:.65rem}.value-positive{color:var(--good)}.tab-list,.bot-tabs{display:flex;gap:.35rem;margin-bottom:.75rem;padding:.25rem;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface);overflow:auto;width:max-content;max-width:100%}.tab,.bot-tab{padding:.5rem .72rem;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.73rem;font-weight:700;white-space:nowrap;cursor:pointer}.tab.active,.bot-tab.active{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.2)}.record-list{display:grid;gap:.45rem}.record{display:grid;grid-template-columns:minmax(160px,1.2fr) auto minmax(220px,2fr) auto;align-items:center;gap:.9rem;padding:.78rem .9rem;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface-2);font-size:.76rem}.record-main{display:flex;flex-direction:column}.record-main b{font-size:.8rem}.record-main small{font-size:.65rem}.record-tag{width:max-content;padding:.25rem .42rem;border-radius:99px;background:var(--surface-3);color:var(--muted);font-size:.62rem}.record-tag.blacklist{background:rgba(251,113,133,.1);color:var(--bad)}.record-tag.watchlist{background:rgba(251,191,36,.1);color:var(--warn)}.record-reason{color:var(--muted)}.record-tail{display:flex;align-items:center;gap:.55rem;color:var(--faint);font-size:.66rem}.danger-row{color:var(--bad)}

/* Ayarlar ve oyun */
.settings-layout,.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:.75rem;align-items:start}.settings-sections{display:grid;gap:.75rem}.setting-section{padding:1.15rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.setting-section h2{margin-bottom:1rem}.field-grid,.game-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.field span{color:var(--faint);font-size:.68rem;font-weight:500}.save-card{position:sticky;top:96px}.save-card h2{margin-bottom:.55rem}.save-card>p.muted{margin-bottom:1rem;font-size:.76rem}.switch-row{display:flex!important;align-items:center;justify-content:space-between;padding:.8rem 0;margin-bottom:.9rem;border-block:1px solid var(--line-soft)}.switch-row span{display:flex;flex-direction:column}.switch-row input{display:none}.switch-row i{position:relative;width:39px;height:22px;border-radius:99px;background:var(--surface-3);transition:.2s}.switch-row i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+i{background:var(--accent)}.switch-row input:checked+i:after{transform:translateX(17px)}.inline-delete{margin-left:.3rem;border:0;background:transparent;color:var(--bad);font-size:.66rem;cursor:pointer}
.game-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:.75rem;padding:1.35rem 1.4rem;border-color:rgba(139,92,246,.17);background:var(--surface)}.game-hero:after{content:"N";position:absolute;right:2rem;top:-2.5rem;color:rgba(139,92,246,.055);font-size:9rem;font-weight:950;line-height:1}.game-hero>div,.game-hero>.status-pill{position:relative;z-index:1}.game-hero h2{margin:.1rem 0 .35rem;font-size:1.25rem}.game-hero .muted{max-width:760px;font-size:.82rem}.game-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-bottom:.75rem}.game-insight{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.75rem .85rem;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface)}.game-insight>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:rgba(34,211,238,.07);color:var(--cyan);font-size:.75rem}.game-insight>div{display:grid;min-width:0}.game-insight small{font-size:.66rem}.game-insight strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.game-insight em{color:var(--faint);font-size:.61rem;font-style:normal}.game-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.42rem;margin-bottom:.9rem}.game-tab{min-height:47px;display:flex;align-items:center;gap:.5rem;padding:.55rem .62rem;border:1px solid var(--line-soft);border-radius:10px;background:var(--surface);color:var(--muted);text-align:left;cursor:pointer;transition:.15s}.game-tab span{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:var(--surface-2);color:var(--cyan);font-size:.7rem}.game-tab b{font-size:.69rem;line-height:1.2}.game-tab:hover{border-color:var(--faint);color:var(--text)}.game-tab.active{border-color:rgba(139,92,246,.35);background:var(--accent-soft);color:var(--text)}.game-tab.active span{background:var(--accent);color:#fff}.game-context-bar{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.1rem .1rem .8rem}.game-context-bar h2{font-size:1.05rem}.game-context-bar .muted{max-width:720px;margin-top:.2rem;font-size:.76rem}.game-search{min-width:250px;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.game-search span{color:var(--faint)}.game-search input{width:100%;padding:.65rem 0;border:0;background:transparent;color:var(--text);outline:0;font-size:.76rem}.game-editor{min-width:0}.game-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.game-entry,.game-section{padding:1.05rem}.game-entry-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid var(--line-soft)}.game-entry-head code{color:var(--cyan);font-size:.65rem}.game-entry-head h3{margin-top:.18rem;font-size:.92rem}.game-entry-head>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:1.15rem}.game-field{display:grid;gap:.36rem;min-width:0;font-size:.8rem;font-weight:700}.game-field input,.game-json{width:100%;padding:.68rem .75rem;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);outline:0}.game-field input:focus,.game-json:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.game-field small{min-height:1rem;color:var(--faint);font-size:.68rem;font-weight:450;line-height:1.35}.game-nested{grid-column:1/-1;padding:.8rem;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.01)}.game-nested h4{margin:0 0 .7rem;color:var(--muted);font-size:.73rem}.game-json{min-height:620px;margin-top:.8rem;resize:vertical;font:500 .75rem/1.6 ui-monospace,Consolas,monospace;tab-size:2}.game-save-card{border-color:rgba(139,92,246,.18)}.game-save-card:before{content:"";display:block;width:28px;height:2px;margin-bottom:.85rem;border-radius:99px;background:var(--accent)}.game-save-card .button+.button{margin-top:.55rem}.form-note.dirty{color:var(--warn)}

/* Geçmiş, yedekler, görünüm */
.timeline{display:grid}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr auto;gap:.75rem;padding:0 0 1.15rem}.timeline-item:before{content:"";position:absolute;left:5px;top:15px;bottom:0;width:1px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:11px;height:11px;margin-top:.28rem;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px rgba(139,92,246,.35)}.timeline-copy b{font-size:.8rem}.timeline-copy p{margin-top:.12rem;color:var(--muted);font-size:.72rem}.timeline-copy p strong{color:var(--text)}.timeline-copy small{display:block;max-width:760px;margin-top:.25rem;color:var(--faint);font-size:.67rem}.timeline-time{color:var(--faint);font-size:.66rem;white-space:nowrap}.backup-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:.75rem}.backup-hero h2{font-size:1.22rem}.backup-hero p.muted{margin-top:.35rem;font-size:.78rem}.backup-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:.75rem;align-items:start}.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.backup-card{display:flex;align-items:center;gap:.8rem;padding:.9rem;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface)}.backup-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:rgba(52,211,153,.08);color:var(--good)}.backup-card>div:last-child{display:grid;min-width:0}.backup-card p{color:var(--faint);font-size:.58rem;font-weight:800;letter-spacing:.12em}.backup-card h3{overflow:hidden;margin:.15rem 0;font:650 .78rem ui-monospace,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.backup-card span,.backup-card time{color:var(--muted);font-size:.65rem}.backup-guide{position:sticky;top:96px}.backup-guide h2{margin-bottom:.7rem}.backup-guide ul{display:grid;gap:.55rem;margin:0 0 1rem;padding:0;list-style:none}.backup-guide li{display:flex;gap:.5rem;color:var(--muted);font-size:.75rem}.backup-guide li:before{content:"✓";color:var(--good)}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.preference-grid h2{margin-bottom:.9rem}.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.theme-choice{padding:.5rem;border:1px solid var(--line);border-radius:10px;background:transparent;text-align:left;cursor:pointer}.theme-choice:hover{border-color:var(--faint)}.theme-choice b{display:block;margin-top:.35rem;font-size:.7rem}.theme-preview{height:58px;display:block;border:1px solid var(--line);border-radius:7px}.dark-preview{background:linear-gradient(90deg,#111 27%,#222226 27%)}.light-preview{background:linear-gradient(90deg,#e8e8eb 27%,#fff 27%)}.segmented{display:flex;padding:.22rem;border-radius:9px;background:var(--surface-2)}.segmented button{flex:1;padding:.52rem;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:.72rem;cursor:pointer}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 5px rgba(0,0,0,.12)}

/* Modal, bildirim ve yükleme */
.modal{width:min(560px,calc(100% - 2rem));padding:0;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.modal::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.modal form{position:relative;padding:1.4rem}.modal-close{position:absolute;right:1rem;top:1rem;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);cursor:pointer}.modal h2{margin-bottom:.35rem;font-size:1.2rem}.modal .modal-sub{margin-bottom:1.1rem;color:var(--muted);font-size:.77rem}.modal-fields{display:grid;gap:.75rem}.modal-fields label{display:grid;gap:.35rem;font-size:.77rem;font-weight:650}.modal-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.1rem}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:100;display:grid;gap:.5rem}.toast{padding:.72rem .9rem;border:1px solid var(--line);border-radius:9px;background:var(--text);color:var(--bg);font-size:.76rem;box-shadow:var(--shadow);animation:toastIn .2s ease}.toast.error{border-color:var(--bad);background:var(--bad);color:#fff}@keyframes toastIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.skeleton-block{min-height:170px;border-radius:10px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}
[data-density="compact"] .content{padding-top:1.4rem}[data-density="compact"] .panel,[data-density="compact"] .metric{padding:.9rem}[data-density="compact"] th,[data-density="compact"] td{padding:.58rem .9rem}

@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}.settings-layout,.game-layout,.backup-layout{grid-template-columns:1fr}.save-card,.backup-guide{position:static}.game-insights{grid-template-columns:repeat(2,1fr)}.game-tabs{grid-template-columns:repeat(3,1fr)}.preference-grid{grid-template-columns:1fr 1fr}}
@media(max-width:840px){.login-shell{grid-template-columns:1fr;padding:.65rem}.login-visual{display:none}.login-panel{min-height:calc(100vh - 1.3rem);padding:2rem}.mobile-only{display:grid}.app-shell{display:block}.workspace{grid-column:auto}.sidebar{transform:translateX(-105%);transition:.2s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.topbar{height:70px;padding:0 1rem}.content{padding:1rem}.top-clock,.live-indicator{display:none}.section-lead{align-items:flex-start;flex-direction:column}.inline-insights{width:100%;overflow:auto}.field-grid,.game-field-grid,.game-collection{grid-template-columns:1fr}.game-hero,.overview-strip{align-items:flex-start;flex-direction:column}.game-tabs{grid-template-columns:repeat(2,1fr)}.game-context-bar{align-items:flex-start;flex-direction:column}.game-search{width:100%;min-width:0}.record{grid-template-columns:1fr auto}.record-reason{grid-column:1/-1}.record-tail{grid-column:1/-1;justify-content:space-between}.preference-grid,.backup-grid{grid-template-columns:1fr}.address-panel{align-items:flex-start;flex-wrap:wrap}.address-panel code{order:3;width:100%;overflow:auto}.backup-hero{align-items:flex-start;flex-direction:column}.bot-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.metric-grid,.game-insights{grid-template-columns:1fr}.game-tabs{grid-template-columns:1fr 1fr}.game-tab{padding:.5rem}.theme-choices{grid-template-columns:1fr}.top-actions{gap:.35rem}.page-identity h1{font-size:1.1rem}.record{grid-template-columns:1fr}.section-index{display:none}.overview-strip{padding:1rem}.timeline-item{grid-template-columns:18px 1fr}.timeline-time{grid-column:2}.inline-insights{gap:.55rem}.inline-insights i{display:none}}

/* 2.1 — Akışkan Noctyra arayüzü */
:root{--bg:#080911;--sidebar:#0d0e18;--surface:rgba(17,18,29,.82);--surface-2:rgba(25,26,41,.82);--surface-3:#25263a;--line:rgba(255,255,255,.105);--line-soft:rgba(255,255,255,.065);--accent:#8b5cf6;--accent-2:#6d5dfc;--cyan:#38d9f5;--radius:17px;--sidebar-width:252px}
[data-theme="light"]{--bg:#f4f5fb;--sidebar:rgba(255,255,255,.82);--surface:rgba(255,255,255,.82);--surface-2:rgba(246,247,252,.9);--surface-3:#ececf5;--line:rgba(40,40,70,.13);--line-soft:rgba(40,40,70,.075)}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 8%,rgba(84,79,255,.13),transparent 31rem),radial-gradient(circle at 42% 105%,rgba(34,211,238,.07),transparent 34rem),var(--bg);background-attachment:fixed}
body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.42}body:before{width:260px;height:260px;right:5%;top:16%;background:rgba(124,58,237,.18);animation:auroraFloat 12s ease-in-out infinite alternate}body:after{width:220px;height:220px;left:28%;bottom:-5%;background:rgba(34,211,238,.1);animation:auroraFloat 15s ease-in-out -4s infinite alternate-reverse}@keyframes auroraFloat{to{transform:translate3d(25px,-18px,0) scale(1.08)}}
.app-shell{grid-template-columns:var(--sidebar-width) 1fr}.sidebar{inset:12px auto 12px 12px;width:228px;padding:1.05rem;border:1px solid var(--line);border-radius:21px;background:linear-gradient(165deg,rgba(18,19,32,.94),rgba(10,11,19,.9));box-shadow:0 28px 90px rgba(0,0,0,.28);backdrop-filter:blur(24px) saturate(135%)}[data-theme="light"] .sidebar{background:rgba(255,255,255,.84)}
.sidebar-head{position:relative;padding:.25rem .3rem 1.45rem}.sidebar-head:after{content:"";position:absolute;left:.35rem;right:.35rem;bottom:.55rem;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.brand-mark.small{background:linear-gradient(145deg,#9b73ff,#6353ec);box-shadow:0 9px 25px rgba(124,58,237,.32)}.sidebar-head strong{letter-spacing:-.02em}.sidebar-head span{color:#8c8ba3}.navigation{gap:.22rem}.navigation p{padding:.75rem .75rem .25rem}.nav-item{position:relative;padding:.66rem .72rem;border:1px solid transparent;border-radius:11px;transition:background .22s,border-color .22s,color .22s,transform .22s}.nav-item:hover{border-color:var(--line-soft);background:rgba(255,255,255,.04);transform:translateX(2px)}.nav-item.active{border-color:rgba(139,92,246,.2);background:linear-gradient(100deg,rgba(139,92,246,.2),rgba(92,84,239,.07));box-shadow:inset 2px 0 #a78bfa,0 9px 30px rgba(67,47,140,.12)}.nav-item.active>span{filter:drop-shadow(0 0 7px rgba(167,139,250,.55))}.sidebar-foot{border-top-color:var(--line-soft)}
.workspace{padding-right:12px}.topbar{top:12px;height:68px;margin:12px 0 0;border:1px solid var(--line);border-radius:17px;background:rgba(13,14,24,.72);box-shadow:0 12px 40px rgba(0,0,0,.14);backdrop-filter:blur(24px) saturate(150%)}[data-theme="light"] .topbar{background:rgba(255,255,255,.74)}.page-identity p span:first-child{color:#a78bfa}.top-actions .icon-button,.live-indicator{background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}.live-indicator{border-color:rgba(52,211,153,.14)}.live-indicator span{animation:statusPulse 2.5s ease-in-out infinite}@keyframes statusPulse{50%{box-shadow:0 0 0 7px rgba(52,211,153,0)}}
.content{padding:1.25rem .35rem 2.5rem 0}.view{animation:fluidEnter .38s cubic-bezier(.2,.8,.2,1)}@keyframes fluidEnter{from{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:none}}
.panel,.metric,.game-insight,.backup-card,.inline-insights{border-color:var(--line-soft);background:linear-gradient(145deg,rgba(20,21,34,.82),rgba(14,15,25,.74));box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 45px rgba(0,0,0,.08);backdrop-filter:blur(18px)}[data-theme="light"] .panel,[data-theme="light"] .metric,[data-theme="light"] .game-insight,[data-theme="light"] .backup-card,[data-theme="light"] .inline-insights{background:rgba(255,255,255,.78)}
.panel,.metric,.game-insight,.backup-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}.metric:hover,.game-insight:hover,.backup-card:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.22);box-shadow:0 18px 50px rgba(0,0,0,.13)}
.overview-strip{position:relative;overflow:hidden;min-height:142px;padding:1.55rem 1.65rem;border-color:rgba(139,92,246,.22);background:linear-gradient(118deg,rgba(105,70,220,.2),rgba(20,21,34,.78) 47%,rgba(34,211,238,.055));box-shadow:inset 0 1px rgba(255,255,255,.04),0 22px 60px rgba(49,31,110,.11)}.overview-strip:before{content:"";position:absolute;width:210px;height:210px;right:-45px;top:-105px;border:1px solid rgba(167,139,250,.16);border-radius:50%;box-shadow:0 0 0 32px rgba(139,92,246,.035),0 0 0 64px rgba(34,211,238,.018)}.overview-strip>*{position:relative;z-index:1}.overview-strip h2{font-size:1.5rem}.overview-pulse{padding:.78rem .9rem;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(7,8,14,.27);backdrop-filter:blur(12px)}
.metric{min-height:135px;padding:1.15rem 1.2rem}.metric:before{width:3px;height:42%;top:auto;bottom:18%;border-radius:0 4px 4px 0;box-shadow:0 0 16px var(--glow,var(--accent))}.metric:after{content:"";position:absolute;width:95px;height:95px;right:-30px;top:-34px;border-radius:50%;background:var(--glow,var(--accent));filter:blur(55px);opacity:.1}.metric strong{font-size:1.8rem}.metric-top span:last-child{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:9px;background:rgba(255,255,255,.025)}
.split-grid{gap:.85rem}.bot-card{border-color:var(--line-soft);background:rgba(255,255,255,.027);transition:transform .22s,border-color .22s,background .22s}.bot-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.2);background:rgba(255,255,255,.045)}.bot-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bot-accent) 22%,transparent)}.quick-action{margin:0 -.35rem;padding:.82rem .35rem;border-radius:10px;transition:background .2s,transform .2s}.quick-action:hover{background:rgba(255,255,255,.03);transform:translateX(3px)}.quick-action>span{border:1px solid var(--line-soft);background:rgba(255,255,255,.03)}
.button{box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.button.primary{background:linear-gradient(135deg,#9365f8,#6d5dfc);box-shadow:0 9px 26px rgba(109,93,252,.2),inset 0 1px rgba(255,255,255,.18)}.button.primary:hover{box-shadow:0 13px 34px rgba(109,93,252,.3)}.icon-button{transition:transform .2s,background .2s,border-color .2s}.icon-button:hover{transform:translateY(-1px);border-color:rgba(139,92,246,.24)}
.section-lead{padding:.3rem .15rem}.section-lead h2{font-size:1.5rem}.section-index{padding:.4rem .55rem;border:1px solid var(--line-soft);border-radius:8px;background:rgba(255,255,255,.025)}.toolbar,.tab-list,.bot-tabs{backdrop-filter:blur(16px)}.search-box{background:rgba(18,19,31,.72);backdrop-filter:blur(15px)}[data-theme="light"] .search-box{background:rgba(255,255,255,.8)}.tab-list,.bot-tabs{border-radius:13px;background:rgba(17,18,29,.7)}.tab,.bot-tab{transition:background .2s,color .2s,transform .2s}.tab:hover,.bot-tab:hover{color:var(--text)}.tab.active,.bot-tab.active{background:linear-gradient(135deg,rgba(139,92,246,.28),rgba(93,84,239,.14));box-shadow:inset 0 0 0 1px rgba(139,92,246,.18)}
.table-panel{box-shadow:0 20px 60px rgba(0,0,0,.09)}th{background:rgba(255,255,255,.025)}tbody tr{transition:background .18s}tbody tr:hover{background:rgba(139,92,246,.035)}.record{background:rgba(255,255,255,.025);transition:transform .2s,border-color .2s}.record:hover{transform:translateX(2px);border-color:rgba(139,92,246,.18)}
.game-hero{min-height:135px;background:linear-gradient(115deg,rgba(112,70,210,.18),rgba(18,19,31,.82) 50%,rgba(34,211,238,.05));box-shadow:0 18px 55px rgba(44,30,90,.1)}.game-hero:after{right:3rem;top:-3.3rem;font-size:11rem;color:rgba(167,139,250,.07)}.game-tab{background:rgba(18,19,31,.72);backdrop-filter:blur(14px);transition:transform .2s,border-color .2s,background .2s}.game-tab:hover{transform:translateY(-2px)}.game-tab.active{background:linear-gradient(135deg,rgba(139,92,246,.3),rgba(66,153,225,.1));box-shadow:0 10px 28px rgba(60,39,135,.12)}.game-entry,.game-section{background:linear-gradient(145deg,rgba(19,20,32,.84),rgba(13,14,23,.78))}.game-entry:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.18)}.game-save-card{box-shadow:0 20px 65px rgba(0,0,0,.12)}
.timeline-dot{box-shadow:0 0 0 4px rgba(139,92,246,.08),0 0 16px rgba(139,92,246,.25)}.backup-icon{box-shadow:inset 0 0 0 1px rgba(52,211,153,.09)}.modal{background:rgba(16,17,28,.94);backdrop-filter:blur(28px);box-shadow:0 35px 100px rgba(0,0,0,.45)}[data-theme="light"] .modal{background:rgba(255,255,255,.94)}
.login-panel{background:rgba(15,16,26,.84);backdrop-filter:blur(24px)}.login-visual{background:radial-gradient(circle at 35% 30%,rgba(105,69,195,.28),transparent 33%),linear-gradient(145deg,#0b0b13,#111220)}.login-visual:before{background:linear-gradient(90deg,rgba(139,92,246,.12),rgba(34,211,238,.04));background-clip:text;color:transparent}.signal-card{animation:signalFloat 6s ease-in-out infinite}.signal-two{animation-delay:-2s}.signal-three{animation-delay:-4s}@keyframes signalFloat{50%{transform:translateY(-7px)}}
[data-theme="light"] .overview-strip{background:linear-gradient(118deg,rgba(139,92,246,.12),rgba(255,255,255,.76) 48%,rgba(34,211,238,.08))}[data-theme="light"] .overview-pulse{background:rgba(255,255,255,.52)}[data-theme="light"] .game-hero{background:linear-gradient(115deg,rgba(139,92,246,.12),rgba(255,255,255,.78) 52%,rgba(34,211,238,.07))}[data-theme="light"] .game-tab,[data-theme="light"] .tab-list,[data-theme="light"] .bot-tabs,[data-theme="light"] .search-box,[data-theme="light"] .game-entry,[data-theme="light"] .game-section{background:rgba(255,255,255,.76)}[data-theme="light"] .game-tab.active{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(99,102,241,.08));color:#27243a}[data-theme="light"] .bot-card,[data-theme="light"] .record{background:rgba(246,247,252,.72)}[data-theme="light"] .quick-action:hover{background:rgba(124,58,237,.045)}
@media(max-width:840px){.workspace{padding-right:0}.topbar{top:0;margin:0;border-width:0 0 1px;border-radius:0}.content{padding:1rem}.sidebar{inset:0 auto 0 0;width:var(--sidebar-width);border-width:0 1px 0 0;border-radius:0}.overview-strip{min-height:auto}.overview-pulse{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 2.2 — Noctyra luminous polish */
::selection{background:rgba(139,92,246,.38);color:#fff}
*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.4) transparent}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:linear-gradient(#8b5cf6,#38d9f5) padding-box}
.ambient-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.ambient-scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.19) 0 1px,transparent 1.2px),radial-gradient(circle,rgba(167,139,250,.17) 0 1px,transparent 1.3px);background-position:0 0,23px 31px;background-size:78px 78px,113px 113px;opacity:.16;mask-image:linear-gradient(to bottom,#000,transparent 78%)}.ambient-scene:after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 180deg at 52% 48%,transparent 0 23%,rgba(111,82,255,.045) 30%,transparent 38% 67%,rgba(34,211,238,.035) 74%,transparent 82%);animation:sceneTurn 34s linear infinite}.ambient-scene i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}.ambient-scene i:nth-child(1){width:460px;height:460px;right:-180px;top:6%;border:1px solid rgba(139,92,246,.08);box-shadow:0 0 0 70px rgba(139,92,246,.018),0 0 0 140px rgba(56,217,245,.012);animation:orbitDrift 18s ease-in-out infinite alternate}.ambient-scene i:nth-child(2){width:310px;height:310px;left:17%;bottom:-190px;border:1px solid rgba(56,217,245,.07);box-shadow:0 0 0 55px rgba(56,217,245,.013);animation:orbitDrift 22s ease-in-out -5s infinite alternate-reverse}.ambient-scene i:nth-child(3){width:7px;height:7px;left:63%;top:16%;background:#a78bfa;box-shadow:0 0 24px 7px rgba(139,92,246,.28);animation:beacon 4s ease-in-out infinite}.ambient-scene span{position:absolute;width:40vw;height:1px;left:31%;top:26%;background:linear-gradient(90deg,transparent,rgba(139,92,246,.2),transparent);transform:rotate(-19deg);filter:blur(.4px)}
@keyframes sceneTurn{to{transform:rotate(360deg)}}@keyframes orbitDrift{to{transform:translate3d(32px,-28px,0) rotate(12deg)}}@keyframes beacon{50%{opacity:.25;transform:scale(.55)}}
.sidebar{overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0 0 auto;height:150px;background:radial-gradient(circle at 25% 0,rgba(153,108,255,.15),transparent 65%);pointer-events:none}.sidebar:after{content:"";position:absolute;width:1px;height:38%;right:0;top:13%;background:linear-gradient(transparent,rgba(139,92,246,.65),rgba(56,217,245,.24),transparent);box-shadow:0 0 18px rgba(139,92,246,.32);opacity:.65}.sidebar-head,.navigation,.sidebar-foot{position:relative;z-index:1}.brand-mark.small{position:relative;isolation:isolate}.brand-mark.small:after{content:"";position:absolute;inset:-5px;z-index:-1;border:1px solid rgba(167,139,250,.28);border-radius:14px;animation:brandHalo 3.4s ease-in-out infinite}@keyframes brandHalo{50%{inset:-8px;opacity:.25}}
.navigation p{display:flex;align-items:center;gap:.55rem}.navigation p:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--line-soft),transparent)}.nav-item:after{content:"";position:absolute;right:12px;width:4px;height:4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan);opacity:0;transform:scale(.4);transition:.22s}.nav-item.active:after{opacity:.8;transform:scale(1)}
.topbar:before{content:"";position:absolute;left:7%;right:7%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.55),rgba(56,217,245,.35),transparent);opacity:.75}.page-identity h1{position:relative;display:inline-block}.page-identity h1:after{content:"";position:absolute;left:0;bottom:-8px;width:28px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--cyan));box-shadow:0 0 12px rgba(139,92,246,.4)}.live-indicator{position:relative;overflow:hidden}.live-indicator:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%);transform:translateX(-120%);animation:liveSweep 5s ease-in-out infinite}@keyframes liveSweep{45%,100%{transform:translateX(140%)}}
.panel,.metric,.game-insight,.backup-card{position:relative;overflow:hidden}.panel:before,.metric:after,.game-insight:after,.backup-card:after{pointer-events:none}.panel:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 27% 74%,rgba(139,92,246,.025));pointer-events:none}.panel:hover{border-color:rgba(139,92,246,.16)}
.overview-strip:after{content:"N";position:absolute;right:8%;top:50%;transform:translateY(-52%);font-size:8.5rem;font-weight:950;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(167,139,250,.11);text-shadow:0 0 60px rgba(139,92,246,.12);pointer-events:none}.overview-strip>div:first-child:after{content:"CONTROL MATRIX  /  24·7";display:block;margin-top:1.05rem;color:rgba(161,161,190,.58);font:700 .56rem/1 ui-monospace,Consolas,monospace;letter-spacing:.18em}.overview-pulse{box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 30px rgba(0,0,0,.09)}
.metric-grid .metric:nth-child(4n+1){--glow:#8b5cf6}.metric-grid .metric:nth-child(4n+2){--glow:#38d9f5}.metric-grid .metric:nth-child(4n+3){--glow:#34d399}.metric-grid .metric:nth-child(4n+4){--glow:#f59e0b}.metric{isolation:isolate}.metric:hover{transform:translateY(-5px) scale(1.008)}.metric strong{background:linear-gradient(135deg,var(--text) 30%,color-mix(in srgb,var(--glow) 75%,var(--text)));background-clip:text;color:transparent}.metric:after{z-index:-1;opacity:.13}.metric-top span:last-child{color:var(--glow);box-shadow:0 0 18px color-mix(in srgb,var(--glow) 13%,transparent)}
.bot-card{position:relative;overflow:hidden}.bot-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--bot-accent),transparent);opacity:.25;transform:scaleX(.25);transition:.28s}.bot-card:hover:after{opacity:.7;transform:scaleX(.8)}.quick-action>span{box-shadow:0 8px 24px rgba(0,0,0,.1)}.quick-action:hover>span{color:#c4b5fd;border-color:rgba(139,92,246,.25);box-shadow:0 0 22px rgba(139,92,246,.12)}
.section-lead>div:first-child{position:relative;padding-left:1rem}.section-lead>div:first-child:before{content:"";position:absolute;left:0;top:.1rem;bottom:.1rem;width:2px;border-radius:99px;background:linear-gradient(var(--accent),var(--cyan));box-shadow:0 0 13px rgba(139,92,246,.3)}.status-pill{box-shadow:inset 0 1px rgba(255,255,255,.045)}
.game-tab span{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:.2s}.game-tab:hover span{transform:rotate(-5deg) scale(1.05)}.game-tab.active span{box-shadow:0 7px 20px rgba(139,92,246,.28)}.game-entry,.game-section{position:relative;overflow:hidden}.game-entry:after,.game-section:after{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.2),transparent)}
.address-panel{background:linear-gradient(110deg,rgba(20,21,34,.88),rgba(39,27,72,.26),rgba(14,15,25,.78))}.address-panel code{border:1px solid var(--line-soft);border-radius:9px;padding:.48rem .7rem;background:rgba(0,0,0,.14);color:#b7f4ff}.table-wrap{position:relative}.table-wrap:before{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.26),transparent)}
.button.primary{position:relative;overflow:hidden}.button.primary:after{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.18) 42%,transparent 58%);transform:translateX(-120%);transition:transform .55s}.button.primary:hover:after{transform:translateX(120%)}
[data-theme="light"] .ambient-scene:before{opacity:.1}[data-theme="light"] .ambient-scene:after{opacity:.5}[data-theme="light"] .sidebar:before{background:radial-gradient(circle at 25% 0,rgba(139,92,246,.1),transparent 65%)}[data-theme="light"] .overview-strip:after{-webkit-text-stroke-color:rgba(109,40,217,.11)}[data-theme="light"] .address-panel{background:linear-gradient(110deg,rgba(255,255,255,.85),rgba(139,92,246,.07),rgba(255,255,255,.8))}[data-theme="light"] .address-panel code{background:rgba(124,58,237,.04);color:#316474}
@media(max-width:840px){.ambient-scene i:nth-child(1){right:-310px}.overview-strip:after{right:-1rem;font-size:7rem;opacity:.55}.sidebar:after{display:none}.page-identity h1:after{bottom:-5px}}
@media(max-width:500px){.overview-strip:after{display:none}.overview-strip>div:first-child:after{font-size:.5rem}.ambient-scene span{display:none}}

/* 2.3 — Noctyra prismatic control room */
:root{--violet:#9b72ff;--blue:#648cff;--aqua:#35e7e0;--pink:#f472d0;--gold:#f8c96b}
body{background:radial-gradient(circle at 73% -8%,rgba(112,70,255,.2),transparent 31rem),radial-gradient(circle at 104% 58%,rgba(244,114,208,.08),transparent 29rem),radial-gradient(circle at 31% 112%,rgba(53,231,224,.09),transparent 35rem),var(--bg)}
.ambient-scene:before{background-image:radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.25px),radial-gradient(circle,rgba(167,139,250,.19) 0 1px,transparent 1.4px),linear-gradient(rgba(139,92,246,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(56,217,245,.014) 1px,transparent 1px);background-size:72px 72px,109px 109px,46px 46px,46px 46px}.ambient-scene span{height:2px;box-shadow:0 0 28px rgba(139,92,246,.18)}
.sidebar{box-shadow:0 30px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)}.sidebar:before{height:210px;background:radial-gradient(circle at 18% 0,rgba(165,112,255,.22),transparent 62%)}.brand-mark.small{background:linear-gradient(145deg,#b17bff,#6d5dfc 55%,#39dcea);box-shadow:0 9px 30px rgba(124,58,237,.42),inset 0 1px rgba(255,255,255,.3)}
.nav-item.active{background:linear-gradient(100deg,rgba(139,92,246,.28),rgba(56,217,245,.08));box-shadow:inset 2px 0 #b69cff,0 10px 34px rgba(67,47,140,.2)}.nav-item.active:before{content:"";position:absolute;inset:5px auto 5px -1px;width:2px;border-radius:9px;background:linear-gradient(var(--pink),var(--violet),var(--aqua));filter:drop-shadow(0 0 7px var(--violet))}
.topbar{box-shadow:0 18px 55px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.035)}.topbar:after{content:"";position:absolute;width:115px;height:115px;right:26%;top:-90px;border-radius:50%;background:rgba(139,92,246,.12);filter:blur(32px);pointer-events:none}
.panel,.metric,.game-insight,.backup-card{box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 58px rgba(0,0,0,.105)}.panel:after{background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 22% 70%,rgba(139,92,246,.04))}.panel:hover{box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 70px rgba(0,0,0,.14)}
.overview-strip{background:linear-gradient(118deg,rgba(115,71,229,.28),rgba(20,21,34,.8) 45%,rgba(34,211,238,.08));box-shadow:inset 0 1px rgba(255,255,255,.07),0 24px 75px rgba(66,35,145,.18)}.overview-strip:before{box-shadow:0 0 0 32px rgba(139,92,246,.055),0 0 0 64px rgba(34,211,238,.026),0 0 70px rgba(139,92,246,.16)}
.section-lead h2,.game-hero h2{background:linear-gradient(105deg,var(--text) 15%,#c4b5fd 62%,#78eaf5);background-clip:text;color:transparent}.eyebrow{background:linear-gradient(90deg,#a78bfa,#67e8f9);background-clip:text;color:transparent}.button.primary{background:linear-gradient(120deg,#a266ff,#7657f6 48%,#397edb);box-shadow:0 12px 34px rgba(105,75,238,.28),inset 0 1px rgba(255,255,255,.25)}

/* Açıklamalı ayarlar */
.settings-sections{gap:1rem}.setting-section{position:relative;overflow:hidden;padding:1.3rem;border-color:rgba(139,92,246,.13);background:linear-gradient(145deg,rgba(19,20,34,.9),rgba(13,14,24,.82))}.setting-section:before{content:"";position:absolute;width:180px;height:180px;right:-100px;top:-115px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 67%)}.field-grid{gap:.85rem}.explained-field{position:relative;align-content:start;min-height:188px;padding:1rem;border:1px solid var(--line-soft);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.012));transition:.24s}.explained-field:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.24);box-shadow:0 15px 40px rgba(0,0,0,.12)}.explained-field:before{content:"?";position:absolute;right:.85rem;top:.85rem;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(139,92,246,.2);border-radius:7px;background:rgba(139,92,246,.08);color:#bba7ff;font-size:.66rem;font-weight:900}.field-title{display:flex;align-items:center;gap:.55rem;padding-right:1.5rem}.field-title code,.explained-field>span>code{display:block;width:max-content;margin-top:.2rem;color:var(--faint);font:600 .57rem ui-monospace,Consolas,monospace;letter-spacing:.04em}.field-help{display:block;min-height:2.6rem;margin-top:.55rem;color:var(--muted);font-size:.7rem;line-height:1.55}.field-impact{display:flex;align-items:flex-start;gap:.45rem;margin-top:auto;padding:.55rem .62rem;border:1px solid rgba(56,217,245,.08);border-radius:9px;background:rgba(56,217,245,.035);color:#9da1b7;font-size:.64rem;font-style:normal;font-weight:500;line-height:1.45}.field-impact i{color:var(--cyan);font-style:normal}.explained-field>input{margin:.65rem 0}.explained-field.switch-row{display:flex;min-height:188px}.explained-field.switch-row>span{display:flex;min-width:0;flex:1;flex-direction:column}.explained-field.switch-row .field-impact{margin-top:auto}.explained-field.switch-row>input+ i{flex:0 0 auto}

/* Duyuru stüdyosu */
.announcement-lead{margin-bottom:.85rem}.announcement-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:.9rem;align-items:start}.announcement-editor{padding:1.25rem;border-color:rgba(139,92,246,.18);background:linear-gradient(145deg,rgba(22,20,39,.92),rgba(12,14,25,.86))}.announcement-editor:before{content:"";position:absolute;width:280px;height:280px;right:-150px;top:-175px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.22),transparent 68%)}.announcement-fields{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.announcement-fields .full{grid-column:1/-1}.announcement-fields .field{display:grid;align-content:start;gap:.4rem;padding:.85rem;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.022);font-size:.72rem}.announcement-fields .field:hover{border-color:rgba(139,92,246,.17)}.announcement-fields input,.announcement-fields textarea,.announcement-fields select{width:100%;padding:.7rem .75rem;border:1px solid var(--line);border-radius:9px;background:rgba(8,9,17,.55);color:var(--text);outline:0;resize:vertical}.announcement-fields input:focus,.announcement-fields textarea:focus,.announcement-fields select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.announcement-fields small{line-height:1.45}.color-field{display:grid;grid-template-columns:48px 1fr;gap:.55rem}.color-field input{height:42px;padding:.25rem;cursor:pointer}.color-field code{display:flex;align-items:center;padding:0 .7rem;border:1px solid var(--line);border-radius:9px;background:rgba(8,9,17,.4);color:#c4b5fd}.announcement-fields .switch-row{display:flex;align-items:center}.announcement-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line-soft)}.announcement-editor>.form-note{margin-top:.75rem;text-align:right}.announcement-side{position:sticky;top:96px;display:grid;gap:.9rem}.preview-shell{padding:1rem;background:linear-gradient(150deg,rgba(25,26,43,.94),rgba(12,13,22,.9));box-shadow:0 25px 85px rgba(0,0,0,.25)}.preview-shell:before{content:"CANLI ÖNİZLEME";position:absolute;right:1rem;top:1rem;color:#7d7891;font-size:.52rem;font-weight:900;letter-spacing:.15em}.preview-top{display:flex;align-items:center;gap:.65rem;margin-bottom:.85rem}.preview-top>div{display:grid}.preview-top b{font-size:.77rem}.preview-top small{font-size:.58rem}.preview-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9b72ff,#5e55e9);color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 7px 20px rgba(139,92,246,.3)}.discord-preview{position:relative;display:grid;grid-template-columns:4px 1fr;gap:.85rem;padding:1rem;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:#2b2d31;box-shadow:inset 0 1px rgba(255,255,255,.025)}.discord-preview>i{display:block;border-radius:99px;background:#8b5cf6}.discord-preview h3{margin-bottom:.45rem;color:#f2f3f5;font-size:1rem;letter-spacing:-.015em}.discord-preview p{min-height:3rem;color:#dbdee1;font-size:.75rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.discord-preview img{width:100%;max-height:230px;margin-top:.8rem;border-radius:6px;object-fit:cover}.discord-preview footer{margin-top:.9rem;color:#b5bac1;font-size:.58rem}.preview-button{display:inline-flex;margin-top:.75rem;padding:.5rem .68rem;border-radius:5px;background:#4e5058;color:#fff;font-size:.66rem;font-weight:700}.announcement-queue{padding:1rem}.announcement-list{display:grid;gap:.5rem}.announcement-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:.65rem;padding:.65rem;border:1px solid var(--line-soft);border-radius:10px;background:rgba(255,255,255,.02)}.announcement-row-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(139,92,246,.09);color:#b9a6ff}.announcement-row>div{display:grid;min-width:0}.announcement-row b{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.announcement-row small{font-size:.58rem}.announcement-row em{margin-top:.2rem;color:var(--bad);font-size:.57rem;font-style:normal}.queue-state{padding:.25rem .42rem;border-radius:99px;background:rgba(251,191,36,.08);color:var(--warn);font-size:.55rem;font-weight:800}.queue-state.sent{background:rgba(52,211,153,.08);color:var(--good)}.queue-state.failed{background:rgba(251,113,133,.08);color:var(--bad)}

[data-theme="light"] .setting-section,[data-theme="light"] .announcement-editor,[data-theme="light"] .preview-shell{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,244,252,.84))}[data-theme="light"] .explained-field,[data-theme="light"] .announcement-fields .field{background:rgba(255,255,255,.65)}[data-theme="light"] .announcement-fields input,[data-theme="light"] .announcement-fields textarea,[data-theme="light"] .announcement-fields select,[data-theme="light"] .color-field code{background:rgba(247,247,252,.85)}[data-theme="light"] .field-impact{color:#656579}[data-theme="light"] .section-lead h2{background:linear-gradient(105deg,#20202b,#7455d5 65%,#238c9f);background-clip:text;color:transparent}
@media(max-width:1120px){.announcement-layout{grid-template-columns:1fr}.announcement-side{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:840px){.announcement-side{grid-template-columns:1fr}.announcement-fields{grid-template-columns:1fr}.announcement-fields .full{grid-column:auto}.explained-field{min-height:0}.announcement-actions{align-items:stretch;flex-direction:column-reverse}.announcement-actions .button{width:100%}}

/* 2.4 — Soft motion interface */
:root{--bg:#070810;--surface:rgba(16,18,30,.78);--surface-2:rgba(24,27,43,.74);--surface-3:rgba(36,39,61,.82);--line:rgba(225,228,255,.12);--line-soft:rgba(225,228,255,.072);--text:#f7f7fb;--muted:#a7a9bb;--faint:#6f7287;--accent:#9470ff;--accent-soft:rgba(148,112,255,.14);--cyan:#4de1ed;--radius:20px;--shadow:0 30px 90px rgba(1,2,10,.38)}
[data-theme="light"]{--bg:#f1f3fa;--surface:rgba(255,255,255,.8);--surface-2:rgba(247,248,253,.88);--surface-3:rgba(238,240,248,.94);--line:rgba(52,55,86,.14);--line-soft:rgba(52,55,86,.08);--text:#1e2030;--muted:#686b7e;--faint:#9699a9;--shadow:0 28px 80px rgba(52,55,86,.12)}
body{letter-spacing:-.005em;background:radial-gradient(circle at 48% -18%,rgba(132,92,255,.22),transparent 38rem),radial-gradient(circle at 105% 72%,rgba(77,225,237,.07),transparent 34rem),radial-gradient(circle at -10% 90%,rgba(244,114,208,.06),transparent 30rem),var(--bg)}
body:before{width:390px;height:390px;right:3%;top:7%;filter:blur(125px);opacity:.5}body:after{width:330px;height:330px;left:19%;bottom:-10%;filter:blur(115px);opacity:.4}
.ambient-scene:before{opacity:.12;mask-image:radial-gradient(ellipse at 62% 28%,#000,transparent 72%)}.ambient-scene:after{animation-duration:52s;opacity:.72}

/* Baştan tasarlanan giriş ekranı */
.login-shell{position:relative;isolation:isolate;grid-template-columns:minmax(420px,38%) 1fr;min-height:100svh;padding:14px;gap:14px;background:transparent;overflow:hidden}.login-shell:before{content:"";position:absolute;z-index:-1;width:58vw;height:58vw;left:-25vw;top:-31vw;border-radius:50%;border:1px solid rgba(148,112,255,.1);box-shadow:0 0 0 80px rgba(148,112,255,.018),0 0 0 160px rgba(77,225,237,.012)}
.login-panel{position:relative;overflow:hidden;justify-content:flex-start;padding:clamp(2rem,5vw,4.8rem);border:1px solid rgba(225,228,255,.1);border-radius:30px;background:linear-gradient(155deg,rgba(18,20,34,.94),rgba(9,10,19,.89));box-shadow:0 40px 120px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(32px) saturate(140%);animation:loginPanelIn .72s cubic-bezier(.2,.8,.2,1)}.login-panel:before{content:"";position:absolute;width:270px;height:270px;right:-175px;top:-165px;border-radius:50%;background:radial-gradient(circle,rgba(148,112,255,.28),transparent 68%);filter:blur(2px)}.login-panel:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,155,255,.65),rgba(77,225,237,.32),transparent)}
@keyframes loginPanelIn{from{opacity:0;transform:translateX(-22px) scale(.985)}to{opacity:1;transform:none}}
.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:.9rem}.login-brand .brand-mark{width:44px;height:44px;margin:0;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(145deg,#b28aff,#795cf6 55%,#39cbd8);color:#fff;box-shadow:0 12px 35px rgba(118,82,244,.32),inset 0 1px rgba(255,255,255,.32)}.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand strong{font-size:1rem;letter-spacing:-.03em}.login-brand span{margin-top:.18rem;color:#787b91;font:700 .55rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.13em}.login-copy{position:relative;z-index:1;margin-top:auto;padding-top:clamp(3rem,8vh,6.5rem)}.login-copy .eyebrow{margin-bottom:.9rem}.login-panel h1{max-width:520px;margin:0;font-size:clamp(2.25rem,4.6vw,4rem);font-weight:750;line-height:.98;letter-spacing:-.065em}.login-panel h1 span{display:inline-block;margin-top:.12em;background:linear-gradient(110deg,#fff 5%,#bda8ff 50%,#65e5ee);background-clip:text;color:transparent}.login-copy>.muted{max-width:430px;margin-top:1.15rem;color:#9295a9;font-size:.86rem;line-height:1.65}
.login-form{position:relative;z-index:1;gap:1rem;margin-top:2.25rem}.login-form>label{gap:.5rem;color:#aeb0c0;font-size:.69rem;font-weight:720;letter-spacing:.02em}.login-input{position:relative;display:flex;align-items:center}.login-input>i{position:absolute;z-index:2;left:1rem;color:#74778d;font-size:.8rem;font-style:normal;transition:.25s}.login-form .login-input input{height:52px;padding:0 1rem 0 2.8rem;border:1px solid rgba(225,228,255,.105);border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .25s,box-shadow .25s,background .25s,transform .25s}.login-form .login-input input::placeholder{color:#5f6276}.login-form .login-input input:focus{border-color:rgba(148,112,255,.55);background:rgba(148,112,255,.045);box-shadow:0 0 0 4px rgba(148,112,255,.1),0 12px 35px rgba(0,0,0,.1);transform:translateY(-1px)}.login-input:focus-within>i{color:#b9a5ff;filter:drop-shadow(0 0 7px rgba(148,112,255,.55));transform:scale(1.08)}
.login-submit{height:54px;margin-top:.25rem;padding:0 .65rem 0 1.15rem;border:1px solid rgba(197,179,255,.25);border-radius:15px;background:linear-gradient(110deg,#9c6cff,#745ce9 52%,#407fdc);font-size:.78rem;box-shadow:0 15px 42px rgba(103,73,224,.28),inset 0 1px rgba(255,255,255,.28);transition:transform .25s,box-shadow .25s,filter .25s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 21px 52px rgba(103,73,224,.38),inset 0 1px rgba(255,255,255,.3);filter:saturate(1.08)}.login-submit:active{transform:translateY(0) scale(.99)}.button-arrow{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.13);font-size:1rem;transition:transform .3s,background .3s}.login-submit:hover .button-arrow{background:rgba(255,255,255,.2);transform:translateX(2px)}
.login-trust{position:relative;z-index:1;display:flex;gap:.65rem;margin-top:1rem;flex-wrap:wrap}.login-trust span{display:flex;align-items:center;gap:.32rem;color:#777a8e;font-size:.59rem}.login-trust i{width:14px;height:14px;display:grid;place-items:center;border:1px solid rgba(52,211,153,.17);border-radius:50%;background:rgba(52,211,153,.06);color:#55dcae;font-size:.48rem;font-style:normal}.login-foot{position:relative;z-index:1;display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:.65rem;margin-top:auto;padding-top:2rem;color:#888b9f}.login-foot>div{display:flex;flex-direction:column}.login-foot b{color:#b8bac8;font-size:.65rem}.login-foot small{font-size:.56rem}.login-foot code{padding:.26rem .42rem;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.025);color:#777a90;font-size:.55rem}.login-foot .pulse-dot{width:7px;height:7px;animation:softStatus 2.8s ease-in-out infinite}@keyframes softStatus{50%{box-shadow:0 0 0 8px rgba(52,211,153,0)}}
.login-visual{position:relative;min-height:calc(100svh - 28px);border:1px solid rgba(225,228,255,.09);border-radius:30px;background:radial-gradient(circle at 50% 44%,rgba(111,76,231,.24),transparent 24%),linear-gradient(145deg,#0a0b14,#111221 48%,#0a0c16);box-shadow:inset 0 1px rgba(255,255,255,.035);animation:visualIn .9s .08s both cubic-bezier(.2,.8,.2,1)}@keyframes visualIn{from{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}.login-visual:before{content:"NOCTYRA";left:50%;bottom:-.07em;transform:translateX(-50%);font-size:clamp(6rem,14vw,13rem);color:rgba(255,255,255,.024);white-space:nowrap}.login-visual:after{background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),radial-gradient(circle at center,rgba(255,255,255,.05) 0 1px,transparent 1px);background-size:64px 64px,64px 64px,18px 18px;mask-image:radial-gradient(circle at center,#000,transparent 68%);opacity:.72}
.login-visual .orb-a{width:680px;height:680px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at center,rgba(139,92,246,.38),rgba(85,57,175,.18) 31%,rgba(14,13,31,.2) 55%,transparent 69%);filter:blur(2px);animation:coreBreathe 7s ease-in-out infinite}.login-visual .orb-b{width:460px;height:460px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(167,139,250,.11);box-shadow:0 0 0 54px rgba(139,92,246,.022),0 0 0 108px rgba(77,225,237,.012),inset 0 0 110px rgba(77,225,237,.045);animation:ringSpin 24s linear infinite}@keyframes coreBreathe{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.055)}}@keyframes ringSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.visual-badge{position:absolute;z-index:3;left:2rem;top:1.8rem;display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:rgba(8,9,17,.38);color:#9b9dae;font:700 .56rem ui-monospace,Consolas,monospace;letter-spacing:.13em;backdrop-filter:blur(14px)}.visual-badge span{width:6px;height:6px;border-radius:50%;background:#4adeac;box-shadow:0 0 14px rgba(74,222,172,.7)}
.visual-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);text-align:center}.core-rings{position:relative;width:190px;height:190px;display:grid;place-items:center}.core-rings:before,.core-rings:after,.core-rings i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(185,163,255,.15)}.core-rings:before{inset:0;border-style:dashed;animation:ringSpin 28s linear infinite}.core-rings:after{inset:25px;border-color:rgba(77,225,237,.12);animation:ringSpin 18s linear infinite reverse}.core-rings i:nth-child(1){inset:49px;background:rgba(15,16,31,.78);box-shadow:0 0 70px rgba(139,92,246,.3),inset 0 0 30px rgba(139,92,246,.08);backdrop-filter:blur(18px)}.core-rings i:nth-child(2){width:8px;height:8px;right:27px;top:47px;border:0;background:#7feaf1;box-shadow:0 0 18px #4de1ed;animation:beacon 3s ease-in-out infinite}.core-rings i:nth-child(3){width:6px;height:6px;left:20px;bottom:61px;border:0;background:#c09cff;box-shadow:0 0 16px #9470ff}.core-rings strong{position:relative;z-index:1;background:linear-gradient(145deg,#fff,#b69cff 55%,#6ee7ef);background-clip:text;color:transparent;font-size:3rem;font-weight:900;letter-spacing:-.08em}.visual-core p{margin-top:1.25rem;color:#73768a;font:700 .56rem/1.7 ui-monospace,Consolas,monospace;letter-spacing:.18em}.visual-core p b{color:#b9bbca;font-weight:700}
.login-visual .signal-card{width:205px;padding:.85rem 1rem;border-color:rgba(255,255,255,.09);border-radius:14px;background:rgba(12,13,25,.52);box-shadow:0 22px 65px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(22px) saturate(135%);animation:signalFloat 7s ease-in-out infinite}.login-visual .signal-card:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;border-radius:9px;background:linear-gradient(#9d75ff,#4de1ed);box-shadow:0 0 14px rgba(148,112,255,.45)}.login-visual .signal-card span{color:#76798d;font-size:.56rem}.login-visual .signal-card strong{font-size:.78rem}.login-visual .signal-one{left:8%;top:18%}.login-visual .signal-two{right:7%;top:39%;animation-delay:-2.3s}.login-visual .signal-three{left:13%;bottom:15%;animation-delay:-4.6s}.visual-footer{position:absolute;z-index:3;left:2rem;right:2rem;bottom:1.6rem;display:flex;justify-content:space-between;color:#505366;font:650 .51rem ui-monospace,Consolas,monospace;letter-spacing:.12em}

/* Uygulama genel görünümü */
.app-shell{grid-template-columns:270px 1fr}.sidebar{inset:14px auto 14px 14px;width:242px;padding:1rem .8rem;border:1px solid rgba(225,228,255,.095);border-radius:24px;background:linear-gradient(165deg,rgba(16,18,31,.92),rgba(9,10,19,.86));box-shadow:0 35px 110px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(30px) saturate(140%)}.sidebar-head{padding:.35rem .48rem 1.45rem}.sidebar-head:after{bottom:.62rem}.navigation{gap:.18rem;padding:0 .12rem}.navigation p{padding:.85rem .7rem .3rem}.nav-item{min-height:43px;padding:.68rem .72rem;border-radius:13px;font-size:.78rem;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s,border-color .28s,color .28s}.nav-item:hover{transform:translateX(4px);background:rgba(255,255,255,.048)}.nav-item.active{background:linear-gradient(100deg,rgba(148,112,255,.25),rgba(77,225,237,.065));box-shadow:inset 0 0 0 1px rgba(164,137,255,.14),0 12px 34px rgba(63,44,126,.18)}.nav-item>span{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.025);transition:transform .28s,background .28s}.nav-item:hover>span{transform:rotate(-4deg) scale(1.05)}.nav-item.active>span{background:rgba(148,112,255,.13)}.sidebar-foot{margin:.8rem .15rem 0;padding:.9rem .25rem .05rem}
.workspace{padding-right:14px}.topbar{top:14px;height:72px;margin:14px 0 0;padding:0 1.35rem;border:1px solid rgba(225,228,255,.095);border-radius:20px;background:rgba(12,14,24,.68);box-shadow:0 18px 60px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(30px) saturate(145%)}.page-identity h1{font-size:1.32rem}.top-actions .icon-button,.live-indicator{border-radius:12px;background:rgba(255,255,255,.032)}.top-actions .icon-button:active{transform:scale(.94)}.content{padding:1.4rem 0 3rem;max-width:1500px}.view.active{animation:viewSoftIn .5s cubic-bezier(.16,1,.3,1)}@keyframes viewSoftIn{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.panel,.metric,.game-insight,.backup-card,.setting-section{border-radius:20px;border-color:rgba(225,228,255,.085);background:linear-gradient(145deg,rgba(20,22,36,.78),rgba(13,15,26,.7));box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 65px rgba(0,0,0,.1);backdrop-filter:blur(22px) saturate(130%);transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s,box-shadow .32s}.panel:hover{border-color:rgba(148,112,255,.16)}.metric:hover,.game-insight:hover,.backup-card:hover{transform:translateY(-5px);box-shadow:0 25px 70px rgba(0,0,0,.16)}
.button{min-height:40px;padding:.66rem 1rem;border-radius:12px;transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s,box-shadow .24s,background .24s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.97)}.button.primary{border-color:rgba(190,170,255,.24);background:linear-gradient(115deg,#a06eff,#735bea 55%,#4786d9);box-shadow:0 13px 36px rgba(107,76,226,.25),inset 0 1px rgba(255,255,255,.25)}.button.ghost:hover{border-color:rgba(148,112,255,.22);background:rgba(148,112,255,.065)}.icon-button{border-radius:12px}.icon-button:hover{background:rgba(148,112,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.overview-strip{min-height:156px;border-radius:22px;background:linear-gradient(120deg,rgba(112,75,220,.26),rgba(18,20,34,.76) 47%,rgba(77,225,237,.065));box-shadow:inset 0 1px rgba(255,255,255,.065),0 25px 75px rgba(54,35,120,.15)}.overview-pulse{border-radius:15px}.metric{min-height:142px}.bot-card,.record,.backup-card,.game-tab,.explained-field,.announcement-fields .field{border-radius:15px}.tab-list,.bot-tabs{padding:.3rem;border-radius:14px}.tab,.bot-tab{border-radius:10px}.tab.active,.bot-tab.active{box-shadow:inset 0 0 0 1px rgba(148,112,255,.14),0 7px 20px rgba(0,0,0,.08)}
input,select,textarea{transition:border-color .24s,box-shadow .24s,background .24s,transform .24s}.field input,.field select,.modal input,.modal textarea,.modal select,.game-field input,.game-json{border-radius:11px}.field input:focus,.field select:focus,.game-field input:focus,.game-json:focus{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(148,112,255,.09),0 10px 28px rgba(0,0,0,.08)}.toast{border-radius:13px;animation:toastSoftIn .4s cubic-bezier(.16,1,.3,1)}@keyframes toastSoftIn{from{opacity:0;transform:translateY(14px) scale(.96);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.modal{border-radius:22px;animation:modalSoftIn .32s cubic-bezier(.16,1,.3,1)}@keyframes modalSoftIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

[data-theme="light"] body{background:radial-gradient(circle at 48% -18%,rgba(139,92,246,.13),transparent 38rem),radial-gradient(circle at 105% 72%,rgba(34,211,238,.08),transparent 34rem),#f1f3fa}[data-theme="light"] .sidebar,[data-theme="light"] .topbar{background:rgba(255,255,255,.74)}[data-theme="light"] .panel,[data-theme="light"] .metric,[data-theme="light"] .game-insight,[data-theme="light"] .backup-card,[data-theme="light"] .setting-section{background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,248,253,.75))}[data-theme="light"] .nav-item:hover{background:rgba(109,72,205,.055)}[data-theme="light"] .login-panel{background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(246,247,253,.9))}[data-theme="light"] .login-panel h1 span{background:linear-gradient(110deg,#27293a,#7855d6 55%,#238d9d);background-clip:text;color:transparent}[data-theme="light"] .login-form .login-input input{background:rgba(255,255,255,.7)}[data-theme="light"] .login-copy>.muted{color:#6d7082}[data-theme="light"] .login-brand span,[data-theme="light"] .login-trust span{color:#74778b}
@media(max-width:1100px){.login-shell{grid-template-columns:minmax(390px,46%) 1fr}.login-visual .signal-card{width:175px}.login-visual .signal-two{right:3%}}
@media(max-width:840px){.login-shell{display:block;padding:10px}.login-panel{min-height:calc(100svh - 20px);padding:clamp(1.6rem,7vw,3rem);border-radius:24px}.login-visual{display:none}.login-copy{padding-top:3.5rem}.login-panel h1{font-size:clamp(2.25rem,11vw,3.6rem)}.app-shell{display:block}.workspace{padding-right:0}.topbar{top:0;height:70px;margin:0;border-width:0 0 1px;border-radius:0}.content{padding:1rem}.sidebar{inset:0 auto 0 0;width:260px;border-width:0 1px 0 0;border-radius:0}.view.active{animation-duration:.35s}}
@media(max-width:500px){.login-brand span{font-size:.48rem}.login-copy{padding-top:2.8rem}.login-panel h1{font-size:2.45rem}.login-trust{gap:.45rem}.login-trust span{font-size:.54rem}.login-foot{padding-top:1.5rem}.topbar{padding:0 .8rem}}

/* 2.5 — Glass interaction layer */
:root{--pointer-x:50vw;--pointer-y:24vh;--glass-highlight:rgba(255,255,255,.11);--glass-edge:rgba(220,224,255,.14);--glass-shadow:0 18px 46px rgba(1,2,12,.2)}
.ambient-scene{background:radial-gradient(540px circle at var(--pointer-x) var(--pointer-y),rgba(148,112,255,.09),transparent 62%);transition:background .16s linear}
.sidebar,.topbar,.login-panel,.login-visual,.panel,.metric,.game-insight,.backup-card,.setting-section,.modal{background-clip:padding-box;box-shadow:inset 0 1px var(--glass-highlight),inset 0 -1px rgba(255,255,255,.012),var(--glass-shadow)}
.panel,.metric,.game-insight,.backup-card,.setting-section{position:relative;isolation:isolate}
.panel:hover,.metric:hover,.game-insight:hover,.backup-card:hover,.setting-section:hover{border-color:rgba(173,147,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.09),0 26px 72px rgba(2,3,14,.22),0 0 0 1px rgba(148,112,255,.025)}
.button,.icon-button,.quick-action,.row-action,.bot-actions button,.tab,.bot-tab,.game-tab,.theme-choice,.segmented button{position:relative;overflow:hidden;isolation:isolate;border-color:var(--glass-edge);background-color:rgba(255,255,255,.025);box-shadow:inset 0 1px rgba(255,255,255,.065),0 7px 24px rgba(0,0,0,.08);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,background .28s,box-shadow .28s,filter .28s}
.button:not(.primary):before,.icon-button:before,.row-action:before,.bot-actions button:before,.tab:before,.bot-tab:before,.game-tab:before,.theme-choice:before,.segmented button:before{content:"";position:absolute;z-index:-1;inset:-2px;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.13) 44%,rgba(255,255,255,.035) 55%,transparent 78%);transform:translateX(-125%);transition:transform .62s cubic-bezier(.16,1,.3,1);pointer-events:none}
.button:not(.primary):hover:before,.icon-button:hover:before,.row-action:hover:before,.bot-actions button:hover:before,.tab:hover:before,.bot-tab:hover:before,.game-tab:hover:before,.theme-choice:hover:before,.segmented button:hover:before{transform:translateX(125%)}
.button:hover,.icon-button:hover,.row-action:hover,.bot-actions button:hover,.tab:hover,.bot-tab:hover,.game-tab:hover,.theme-choice:hover,.segmented button:hover{border-color:rgba(174,148,255,.3);background-color:rgba(148,112,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.11),0 13px 34px rgba(4,5,18,.16);transform:translateY(-2px)}
.button:active,.icon-button:active,.quick-action:active,.row-action:active,.bot-actions button:active,.tab:active,.bot-tab:active,.game-tab:active,.theme-choice:active,.segmented button:active{transform:translateY(0) scale(.965);transition-duration:.1s}
.button.primary{background:linear-gradient(118deg,rgba(178,126,255,.98),rgba(112,86,235,.96) 53%,rgba(62,139,218,.95));box-shadow:inset 0 1px rgba(255,255,255,.34),inset 0 -1px rgba(47,28,133,.32),0 15px 42px rgba(92,62,210,.3)}
.button.primary:hover{filter:saturate(1.12) brightness(1.04);box-shadow:inset 0 1px rgba(255,255,255,.38),0 22px 54px rgba(92,62,210,.38)}
.icon-button{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018))}
.quick-action{padding-inline:.65rem;border:1px solid transparent;border-top-color:var(--line-soft);border-radius:13px}.quick-action:hover{border-color:rgba(148,112,255,.17);background:linear-gradient(100deg,rgba(148,112,255,.08),rgba(77,225,237,.025));transform:translateX(3px)}
.quick-action>span{box-shadow:inset 0 1px rgba(255,255,255,.07);transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s}.quick-action:hover>span{transform:scale(1.08) rotate(-4deg);background:rgba(148,112,255,.13)}
.game-tab.active,.tab.active,.bot-tab.active,.segmented button.active{border-color:rgba(180,155,255,.28);background:linear-gradient(135deg,rgba(148,112,255,.19),rgba(77,225,237,.045));box-shadow:inset 0 1px rgba(255,255,255,.11),0 11px 28px rgba(40,27,94,.15)}
.nav-item{overflow:hidden}.nav-item:hover{box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 28px rgba(0,0,0,.1)}
.ui-ripple{position:absolute!important;z-index:8!important;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.36),rgba(184,157,255,.18) 38%,transparent 70%);pointer-events:none!important;transform:scale(0);animation:uiRipple .64s cubic-bezier(.16,.8,.25,1) forwards;mix-blend-mode:screen}
@keyframes uiRipple{0%{opacity:.85;transform:scale(0)}70%{opacity:.25}100%{opacity:0;transform:scale(1)}}
.ui-ready .login-brand{animation:glassRise .65s .08s both cubic-bezier(.16,1,.3,1)}.ui-ready .login-copy{animation:glassRise .72s .15s both cubic-bezier(.16,1,.3,1)}.ui-ready .login-form{animation:glassRise .72s .23s both cubic-bezier(.16,1,.3,1)}.ui-ready .login-trust{animation:glassRise .68s .31s both cubic-bezier(.16,1,.3,1)}.ui-ready .login-foot{animation:glassRise .68s .38s both cubic-bezier(.16,1,.3,1)}
.ui-ready #app-shell:not(.hidden) .sidebar{animation:glassSlide .62s both cubic-bezier(.16,1,.3,1)}.ui-ready #app-shell:not(.hidden) .topbar{animation:glassDrop .62s .06s both cubic-bezier(.16,1,.3,1)}.ui-ready #app-shell:not(.hidden) .view.active{animation:glassRise .56s .1s both cubic-bezier(.16,1,.3,1)}
@keyframes glassRise{from{opacity:0;transform:translateY(18px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes glassSlide{from{opacity:0;transform:translateX(-20px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes glassDrop{from{opacity:0;transform:translateY(-14px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
.visual-badge,.signal-card,.login-foot code,.live-indicator{box-shadow:inset 0 1px rgba(255,255,255,.09),0 14px 38px rgba(0,0,0,.14);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
[data-theme="light"]{--glass-highlight:rgba(255,255,255,.72);--glass-edge:rgba(70,66,120,.13);--glass-shadow:0 18px 48px rgba(52,55,86,.1)}[data-theme="light"] .button,[data-theme="light"] .icon-button,[data-theme="light"] .quick-action,[data-theme="light"] .row-action,[data-theme="light"] .bot-actions button,[data-theme="light"] .tab,[data-theme="light"] .bot-tab,[data-theme="light"] .game-tab,[data-theme="light"] .theme-choice,[data-theme="light"] .segmented button{background-color:rgba(255,255,255,.48);box-shadow:inset 0 1px rgba(255,255,255,.85),0 8px 24px rgba(52,55,86,.07)}
@media(max-width:840px){.ambient-scene{background:radial-gradient(400px circle at var(--pointer-x) var(--pointer-y),rgba(148,112,255,.07),transparent 65%)}.button,.icon-button,.quick-action,.row-action,.bot-actions button,.tab,.bot-tab,.game-tab,.theme-choice,.segmented button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-scene{background:none;transition:none}.ui-ripple{display:none!important}.ui-ready .login-brand,.ui-ready .login-copy,.ui-ready .login-form,.ui-ready .login-trust,.ui-ready .login-foot,.ui-ready #app-shell:not(.hidden) .sidebar,.ui-ready #app-shell:not(.hidden) .topbar,.ui-ready #app-shell:not(.hidden) .view.active{animation:none!important}.button,.icon-button,.quick-action,.row-action,.bot-actions button,.tab,.bot-tab,.game-tab,.theme-choice,.segmented button,.panel,.metric,.game-insight,.backup-card,.setting-section{transition-duration:.01ms!important}}

/* 2.6 — Duyuru geri sayımı ve mesaj yönetimi */
.announcement-row{grid-template-columns:30px minmax(0,1fr) auto;padding:.72rem;transition:border-color .25s,background .25s,transform .25s}.announcement-row:hover{border-color:rgba(148,112,255,.18);background:rgba(148,112,255,.035)}.announcement-row-copy{display:grid;min-width:0}.queue-controls{display:grid;justify-items:end;gap:.45rem}.queue-actions{display:flex;gap:.3rem}.queue-action{position:relative;overflow:hidden;padding:.3rem .48rem;border:1px solid rgba(225,228,255,.11);border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.56rem;font-weight:750;cursor:pointer;transition:transform .2s,border-color .2s,color .2s,background .2s}.queue-action:hover{border-color:rgba(148,112,255,.32);background:rgba(148,112,255,.09);color:var(--text);transform:translateY(-1px)}.queue-action.danger:hover{border-color:rgba(251,113,133,.32);background:rgba(251,113,133,.08);color:var(--bad)}.queue-state.pending{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.queue-state.working{background:rgba(77,225,237,.08);color:var(--cyan);animation:queuePulse 1.5s ease-in-out infinite}.queue-state.cancelled,.queue-state.deleted{background:rgba(148,163,184,.08);color:var(--faint)}@keyframes queuePulse{50%{box-shadow:0 0 0 4px rgba(77,225,237,.045)}}
[data-theme="light"] .queue-action{background:rgba(255,255,255,.62);border-color:rgba(52,55,86,.13)}
@media(max-width:500px){.announcement-row{grid-template-columns:30px 1fr}.queue-controls{grid-column:2;justify-items:start}.queue-actions{width:100%}.queue-action{flex:1}}

/* 2.7 — İşlevsel daraltılabilir menü */
.app-shell,.sidebar,.workspace,.sidebar-head,.navigation,.nav-item,.sidebar-foot{transition:width .42s cubic-bezier(.16,1,.3,1),grid-template-columns .42s cubic-bezier(.16,1,.3,1),padding .42s cubic-bezier(.16,1,.3,1),gap .3s,transform .3s,opacity .25s}
@media(min-width:841px){
  #nav-close{display:grid;margin-left:auto;flex:0 0 auto}
  #nav-open{display:none;flex:0 0 auto}
  .app-shell.sidebar-collapsed{grid-template-columns:94px minmax(0,1fr)}
  .sidebar-collapsed .sidebar{width:66px;padding:.72rem .5rem}
  .sidebar-collapsed #nav-open{display:grid;animation:menuButtonIn .35s cubic-bezier(.16,1,.3,1)}
  .sidebar-collapsed .sidebar-head{justify-content:center;padding:.3rem 0 1.25rem}
  .sidebar-collapsed .sidebar-head>div:nth-child(2),.sidebar-collapsed #nav-close,.sidebar-collapsed .navigation p,.sidebar-collapsed .admin-chip>div{display:none}
  .sidebar-collapsed .brand-mark.small{width:38px;height:38px;margin:0;border-radius:12px}
  .sidebar-collapsed .navigation{align-items:center;padding:0}
  .sidebar-collapsed .nav-item{width:46px;min-height:44px;justify-content:center;gap:0;padding:.6rem;border-radius:13px;font-size:0}
  .sidebar-collapsed .nav-item>span{width:24px;height:24px;font-size:.92rem}
  .sidebar-collapsed .nav-item:hover{transform:translateY(-2px)}
  .sidebar-collapsed .sidebar-foot{align-items:center;flex-direction:column;gap:.5rem;margin-inline:0;padding:.8rem 0 .05rem}
  .sidebar-collapsed .admin-chip{gap:0}.sidebar-collapsed .admin-chip>span{width:36px;height:36px}
  .sidebar-collapsed #logout-button{width:36px;height:36px}
  .sidebar-collapsed .workspace{grid-column:2}
  @keyframes menuButtonIn{from{opacity:0;transform:translateX(-8px) scale(.9)}to{opacity:1;transform:none}}
}
@media(max-width:840px){#nav-close{margin-left:auto}.sidebar.open{transform:none}.sidebar:not(.open){pointer-events:none}#nav-open{display:grid}}

/* 2.8 — Oyuncu kontrol merkezi */
.modal:has(.user-control){width:min(1040px,calc(100% - 2rem));max-height:calc(100vh - 2rem);overflow:auto;background:linear-gradient(145deg,rgba(17,19,32,.97),rgba(9,11,20,.95));backdrop-filter:blur(34px) saturate(145%)}.modal:has(.user-control) form{padding:1.5rem}.user-control{display:grid;gap:1rem}.user-control-head{display:flex;align-items:center;gap:.85rem;padding:0 .25rem .9rem;border-bottom:1px solid var(--line-soft)}.user-avatar{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(194,177,255,.2);border-radius:14px;background:linear-gradient(145deg,#a878ff,#6657eb 58%,#35c8dc);color:#fff;font-weight:900;box-shadow:0 12px 34px rgba(107,76,226,.28),inset 0 1px rgba(255,255,255,.28)}.user-control-head>div:nth-child(2){display:grid}.user-control-head h2{font:750 1.12rem ui-monospace,Consolas,monospace;letter-spacing:-.03em}.user-control-head small{margin-top:.1rem}.user-flags{display:flex;gap:.4rem;margin-left:auto;margin-right:2.5rem}.danger-pill{border-color:rgba(251,113,133,.2);background:rgba(251,113,133,.08);color:var(--bad)}.user-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.user-stat-grid article{position:relative;overflow:hidden;display:grid;min-height:105px;padding:.85rem;border:1px solid var(--line-soft);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:inset 0 1px rgba(255,255,255,.055)}.user-stat-grid article:after{content:"";position:absolute;width:75px;height:75px;right:-35px;top:-38px;border-radius:50%;background:rgba(148,112,255,.12);filter:blur(12px)}.user-stat-grid span{color:var(--faint);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.user-stat-grid b{align-self:end;margin-top:.4rem;font-size:1.18rem}.user-stat-grid small{font-size:.62rem}.user-control-layout{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:.75rem;align-items:start}.user-adjust-card,.user-data-card{padding:1rem;border:1px solid var(--line-soft);border-radius:17px;background:rgba(255,255,255,.022);box-shadow:inset 0 1px rgba(255,255,255,.04)}.user-adjust-card{position:sticky;top:0;display:grid;gap:.75rem;border-color:rgba(148,112,255,.16);background:linear-gradient(145deg,rgba(148,112,255,.08),rgba(255,255,255,.018))}.user-adjust-card h3,.user-data-section h3{font-size:.92rem}.user-adjust-card>p:not(.eyebrow){color:var(--muted);font-size:.68rem;line-height:1.5}.user-adjust-card label{display:grid;gap:.35rem;color:var(--muted);font-size:.67rem;font-weight:720}.user-adjust-card input,.user-adjust-card select,.user-adjust-card textarea{width:100%;padding:.66rem .7rem;border:1px solid var(--line);border-radius:10px;background:rgba(7,8,16,.58);color:var(--text);outline:0}.user-adjust-card input:focus,.user-adjust-card select:focus,.user-adjust-card textarea:focus{border-color:rgba(148,112,255,.55);box-shadow:0 0 0 3px rgba(148,112,255,.09)}.user-adjust-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.user-adjust-card .form-note{padding:.55rem .65rem;border:1px solid var(--line-soft);border-radius:9px;background:rgba(255,255,255,.025);font-size:.61rem}.user-data-card{display:grid;gap:.65rem}.user-data-section{padding:.8rem;border:1px solid var(--line-soft);border-radius:13px;background:rgba(255,255,255,.018)}.user-data-columns{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.user-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:.65rem}.user-mini-grid>span{display:grid;padding:.55rem;border-radius:9px;background:rgba(255,255,255,.025)}.user-mini-grid small{font-size:.55rem}.user-mini-grid b{margin-top:.16rem;font-size:.72rem}.user-data-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--line-soft);font-size:.67rem}.user-data-row:last-child{border-bottom:0}.user-data-row span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.user-data-row b{font-size:.64rem;text-align:right}.user-empty{padding:.7rem 0;color:var(--faint);font-size:.66rem}.user-data-section>.eyebrow{margin-bottom:.2rem}
[data-theme="light"] .modal:has(.user-control){background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(242,244,251,.96))}[data-theme="light"] .user-adjust-card input,[data-theme="light"] .user-adjust-card select,[data-theme="light"] .user-adjust-card textarea{background:rgba(255,255,255,.75)}
@media(max-width:850px){.modal:has(.user-control){width:min(720px,calc(100% - 1rem));max-height:calc(100vh - 1rem)}.user-control-layout{grid-template-columns:1fr}.user-adjust-card{position:static}.user-stat-grid{grid-template-columns:1fr 1fr}.user-data-columns{grid-template-columns:1fr}.user-flags{margin-right:2rem}}
@media(max-width:520px){.modal:has(.user-control) form{padding:1rem}.user-control-head{align-items:flex-start;flex-wrap:wrap}.user-flags{width:100%;margin:0}.user-stat-grid{grid-template-columns:1fr 1fr}.user-stat-grid article{min-height:90px}.user-adjust-row,.user-mini-grid{grid-template-columns:1fr 1fr}}
.user-control-head img.user-avatar{object-fit:cover}

/* 2.9 — Discord kimlikleri ve oyun katalog editörü */
.discord-user-cell{display:flex;align-items:center;gap:.65rem;min-width:230px}.discord-user-cell>img,.discord-user-cell>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#9b72ff,#4b78e6);object-fit:cover;color:#fff;font-weight:900}.discord-user-cell>div{display:grid;min-width:0}.discord-user-cell b,.discord-user-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-user-cell small{margin-top:.12rem;color:var(--faint);font-size:.61rem}.game-field select{width:100%;padding:.68rem .75rem;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text);outline:0}.game-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.game-add-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding:.75rem .85rem;border:1px dashed rgba(139,92,246,.3);border-radius:12px;background:rgba(139,92,246,.055);color:var(--muted);font-size:.72rem}.game-collection+.game-add-bar{margin-top:1rem}.game-entry-tools{display:flex;align-items:center;gap:.45rem}.game-entry-tools>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:1.15rem}.game-entry-tools .inline-delete{margin:0;padding:.42rem .55rem}
.discord-user-cell.compact{min-width:0}.discord-user-cell.compact>img,.discord-user-cell.compact>span{width:34px;height:34px;border-radius:10px}.record-main>.discord-user-cell+small{margin-top:.28rem;margin-left:2.65rem;color:var(--faint)}.modal-user-identity{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 0;padding:.75rem;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-2)}