:root{--navy:#0F2A54;--slate:#64748B;--ice:#F8FAFC;--red:#2563EB;--deep:#1D4ED8;--bg:#F8FAFC;--surface:#FFFFFF;--text:#0F172A;--muted:#64748B;--border:#E2E8F0;--accent:#10B981;--cyan:#0EA5E9;--shadow:0 18px 48px rgba(37,99,235,.09)}
body{background:radial-gradient(circle at 90% 0,rgba(14,165,233,.09),transparent 30%),var(--bg)}body.dark{--navy:#07111F;--slate:#94A3B8;--ice:#111827;--red:#3B82F6;--deep:#2563EB;--bg:#0B1220;--surface:#111827;--text:#F1F5F9;--muted:#94A3B8;--border:#334155;--accent:#2DD4BF;--cyan:#0EA5E9;--shadow:0 20px 55px rgba(0,0,0,.3);background:radial-gradient(circle at 90% 0,rgba(14,165,233,.12),transparent 32%),var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:#2563eb;opacity:.045;-webkit-mask:url('/akduzen-pattern-lattice.png') center/520px repeat;mask:url('/akduzen-pattern-lattice.png') center/520px repeat}
body.dark::before{background:#fff;opacity:.035}
#app,.login,.modal,.toast{position:relative;z-index:1}main{position:relative;isolation:isolate}
.login{position:relative;isolation:isolate;overflow:hidden;background:var(--surface)}
.login::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#2563eb;opacity:.065;-webkit-mask:url('/akduzen-pattern-lattice.png') center/470px repeat;mask:url('/akduzen-pattern-lattice.png') center/470px repeat}
body.dark .login::before{background:#fff;opacity:.04}
.login>section,.login>aside{position:relative;z-index:1}.login>section{background:color-mix(in srgb,var(--surface) 91%,transparent);backdrop-filter:blur(2px)}
.login-theme{position:absolute;right:34px;top:30px;z-index:4;padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--text);font-weight:800;box-shadow:0 8px 24px rgba(37,99,235,.10)}
.login-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.9) contrast(1.05)}
.login aside::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.10),rgba(7,17,31,.78));pointer-events:none}
.login aside>span,.login aside>strong{z-index:3}
.login{grid-template-columns:minmax(360px,36%) 1fr;gap:22px;padding:22px;background:radial-gradient(circle at 80% 12%,rgba(14,165,233,.14),transparent 34%),var(--bg)}
.login>section{align-self:center;justify-self:center;width:min(100%,520px);min-height:min(760px,calc(100vh - 44px));padding:clamp(42px,5vw,78px);border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:28px;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 30px 80px rgba(37,99,235,.14);backdrop-filter:blur(15px)}
.login>aside{min-height:calc(100vh - 44px);border:1px solid color-mix(in srgb,var(--border) 55%,transparent);border-radius:28px;box-shadow:0 30px 80px rgba(15,42,84,.18)}
.login h1{max-width:440px;margin:54px 0 10px;font-size:clamp(2rem,3.2vw,3.5rem)}
.login-video{opacity:1;filter:none;object-position:center center}.login aside::after{background:linear-gradient(90deg,rgba(7,17,31,.20),transparent 28%)}
@media(max-width:980px){.login{padding:14px}.login>section{min-height:calc(100vh - 28px);border-radius:22px}.login-theme{right:22px;top:20px}.login-video{display:none}}
.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(37,99,235,.18))}.brand i{display:none}.login aside{background:linear-gradient(145deg,#0F2A54 0%,#112E52 54%,#071827 100%)}.orb{background:linear-gradient(145deg,#7C3AED,#2563EB 55%,#0EA5E9);box-shadow:-80px 80px 0 rgba(45,212,191,.12)}.login form button,.primary{background:linear-gradient(135deg,#2563EB,#0EA5E9);box-shadow:0 10px 24px rgba(37,99,235,.22)}
body:not(.dark) .sidebar{background:rgba(255,255,255,.96);color:var(--text);border-right:1px solid var(--border);box-shadow:10px 0 32px rgba(37,99,235,.05)}body:not(.dark) .sidebar nav button,body:not(.dark) .sidebar footer button{color:var(--muted)}body:not(.dark) .sidebar nav button:hover,body:not(.dark) .sidebar nav button.active{color:#1D4ED8;background:linear-gradient(90deg,rgba(37,99,235,.14),rgba(14,165,233,.05))}body:not(.dark) .sidebar footer{border-top-color:var(--border)}body:not(.dark) .sidebar .brand b{color:#0F2A54}.sidebar nav button.active{border-left-color:#2563EB}.kpi.red{background:linear-gradient(135deg,#2563EB,#0EA5E9);box-shadow:0 16px 35px rgba(37,99,235,.22)}.card,.table-card{backdrop-filter:blur(12px)}.status i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.section-head button{background:linear-gradient(135deg,#2563EB,#0EA5E9)}.pill{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)!important}.row-actions{display:flex;gap:6px;flex-wrap:wrap}
[hidden]{display:none!important}.head-actions{display:flex;gap:9px}.head-actions .secondary{color:var(--text);background:var(--surface);border:1px solid var(--border)}
.row-action{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.76rem;font-weight:800}.clickable{cursor:pointer}.clickable:hover td{background:color-mix(in srgb,var(--red) 4%,var(--surface))}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.district-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.district-card{padding:22px}.district-card>span,.eyebrow{color:var(--red);font-size:.7rem;font-weight:900;letter-spacing:.12em}.district-card h3{margin:10px 0 6px}.district-card>b{color:var(--muted);font-size:.82rem}.danger-link{display:block;margin-top:22px;padding:0;background:transparent;color:var(--deep);font-size:.76rem;font-weight:800}
.danger{min-height:45px;padding:0 17px;border-radius:9px;background:var(--deep);color:#fff;font-weight:800}.danger:disabled{opacity:.4;cursor:not-allowed}.confirm-check{display:flex;align-items:center;gap:10px;margin:22px 0;color:var(--muted);font-weight:700}
.dialog.wide{width:min(1100px,96vw);max-height:90vh;overflow:auto}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-head h2{margin:5px 0}.dialog-head p{margin:0;color:var(--muted)}.icon-button{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:1.4rem}
.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.detail-kpis article{padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--bg)}.detail-kpis span{display:block;color:var(--muted);font-size:.72rem}.detail-kpis b{display:block;margin-top:7px;font-size:1.05rem}.tabs{display:flex;gap:5px;margin:18px 0 10px;border-bottom:1px solid var(--border)}.tabs button{padding:11px 15px;background:transparent;color:var(--muted);font-weight:800}.tabs button.active{color:var(--red);border-bottom:2px solid var(--red)}.table-card.inset{box-shadow:none}
.key-list{display:grid;gap:7px;max-height:52vh;overflow:auto}.key-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.key-list b{font-family:ui-monospace,monospace}.key-list span{color:var(--muted)}
.toast{position:fixed;right:24px;bottom:24px;z-index:40;padding:14px 18px;border-radius:10px;background:#19855f;color:#fff;box-shadow:var(--shadow);font-weight:800}.toast.error{background:var(--deep)}.toast[hidden]{display:none}
@media(min-width:981px){.login{height:100vh;min-height:0;overflow:hidden}.login>section{padding:clamp(26px,4vh,46px) clamp(42px,7vw,100px)}.login h1{margin:34px 0 12px;font-size:clamp(2rem,3.15vw,3.65rem)}.login p{margin:0;line-height:1.5}.login form{gap:11px;margin-top:20px}.login input{height:44px}.login form button{min-height:44px}.login aside{padding:clamp(38px,5vw,78px)}}
@media(max-width:980px){.district-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.district-grid,.detail-kpis{grid-template-columns:1fr}.head-actions{flex-wrap:wrap}}

/* Login kartı ve ek tema aileleri */
.login{grid-template-columns:minmax(380px,34%) 1fr;gap:0;padding:0;background:radial-gradient(circle at 18% 10%,rgba(14,165,233,.12),transparent 32%),var(--bg)}
.login>section{align-self:center;justify-self:center;width:min(calc(100% - 48px),420px);min-height:0;padding:38px;border-radius:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 24px 65px rgba(37,99,235,.14)}
.login>aside{min-height:100vh;border:0;border-radius:0;box-shadow:none}.login h1{margin:42px 0 8px;font-size:clamp(1.75rem,2.4vw,2.7rem)}
.login-theme{display:none}.status button{padding:8px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-size:.75rem;font-weight:800}.status button:hover{border-color:var(--red);color:var(--red)}
.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.theme-card{display:grid;gap:12px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);text-align:left}.theme-card.active{border-color:var(--red);box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 18%,transparent)}.theme-card span{display:flex;height:42px;overflow:hidden;border-radius:8px}.theme-card i{flex:1}.theme-card b{font-size:.85rem}
body.theme-slate{--navy:#2B2D42;--slate:#8D99AE;--ice:#EDF2F4;--red:#EF233C;--deep:#D90429;--bg:#EDF2F4;--surface:#FFFFFF;--text:#2B2D42;--muted:#68748B;--border:#D5DCE5;--accent:#20A66A;--cyan:#8D99AE;--shadow:0 18px 48px rgba(43,45,66,.12);background:radial-gradient(circle at 90% 0,rgba(239,35,60,.08),transparent 30%),var(--bg)}
body.theme-slate::before{background:#EF233C;opacity:.035}body.theme-slate .login::before{background:#EF233C;opacity:.045}body.theme-slate .kpi.red,body.theme-slate .section-head button,body.theme-slate .login form button,body.theme-slate .primary{background:linear-gradient(135deg,#EF233C,#D90429)}
body.theme-cinema{--navy:#221F1F;--slate:#9A9494;--ice:#F5F5F1;--red:#E50914;--deep:#B81024;--bg:#F5F5F1;--surface:#FFFFFF;--text:#221F1F;--muted:#746E6E;--border:#DEDADA;--accent:#18A567;--cyan:#B81024;--shadow:0 18px 48px rgba(34,31,31,.13);background:radial-gradient(circle at 90% 0,rgba(229,9,20,.08),transparent 30%),var(--bg)}
body.theme-cinema::before{background:#E50914;opacity:.03}body.theme-cinema .login::before{background:#E50914;opacity:.04}body.theme-cinema .kpi.red,body.theme-cinema .section-head button,body.theme-cinema .login form button,body.theme-cinema .primary{background:linear-gradient(135deg,#E50914,#B81024)}
@media(max-width:980px){.login{display:grid;grid-template-columns:1fr;padding:14px}.login>section{width:min(100%,440px);min-height:auto}.login>aside{display:none}}
@media(max-width:600px){.status button{padding:8px}.theme-grid{grid-template-columns:1fr}.login>section{width:100%;padding:30px 24px}.login h1{margin-top:34px}}

/* Üst menüler, ayarlar ve hareket */
.modal{position:fixed!important;inset:0!important;z-index:20!important}.toast{position:fixed!important}.top-action{position:relative}.round-action{display:grid!important;place-items:center;width:38px;height:38px;padding:0!important;border-radius:50%!important;font-size:1.05rem!important}.avatar-action{background:linear-gradient(135deg,var(--red),var(--cyan))!important;color:#fff!important;border:0!important}.quick-menu{position:absolute;right:0;top:48px;z-index:30;padding:10px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 18px 45px rgba(15,23,42,.20);animation:menuIn .16s ease-out}.theme-quick{display:flex;gap:8px}.quick-theme{display:flex;width:48px;height:34px;padding:4px!important;border:1px solid var(--border)!important;border-radius:9px!important;background:var(--bg)!important;overflow:hidden}.quick-theme i{flex:1;border-radius:3px}.quick-theme.active{border-color:var(--red)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--red) 20%,transparent)}.profile-quick{display:grid;min-width:210px;gap:4px;padding:14px}.profile-quick b{font-size:.83rem}.profile-quick small{color:var(--muted);margin-bottom:8px}.profile-quick button{padding:10px;border-radius:8px;background:var(--bg);color:var(--text);font-weight:750;text-align:left}
.settings-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;animation:pageIn .28s ease-out}.settings-card{padding:26px}.settings-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.settings-heading h2{margin:0}.settings-heading p{margin:5px 0 0;color:var(--muted);font-size:.82rem}.settings-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--red),var(--cyan));color:#fff;font-size:1.2rem;font-weight:900}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.confirm-password{margin-top:15px}.settings-save{margin-top:17px;padding:0 22px}.settings-themes{margin-top:0}
body,main,.sidebar,.card,.table-card,button,input,select{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 22px 55px color-mix(in srgb,var(--red) 12%,transparent)}#content{animation:pageIn .25s ease-out}.sidebar nav button:hover{transform:translateX(4px)}.row-action:hover,.section-head button:hover,.primary:hover{transform:translateY(-1px);filter:brightness(1.04)}
body.theme-slate .sidebar{background:#2B2D42!important;color:#fff!important;border-right-color:#3C3F58!important}body.theme-slate .sidebar .brand b{color:#fff!important}body.theme-slate .sidebar nav button,body.theme-slate .sidebar footer button{color:#C8CEDA!important}body.theme-slate .sidebar nav button.active,body.theme-slate .sidebar nav button:hover{color:#fff!important;background:linear-gradient(90deg,rgba(239,35,60,.34),rgba(239,35,60,.08))!important;border-left-color:#EF233C!important}
body.theme-cinema .sidebar{background:#221F1F!important;color:#fff!important;border-right-color:#403B3B!important}body.theme-cinema .sidebar .brand b{color:#fff!important}body.theme-cinema .sidebar nav button,body.theme-cinema .sidebar footer button{color:#D6D1D1!important}body.theme-cinema .sidebar nav button.active,body.theme-cinema .sidebar nav button:hover{color:#fff!important;background:linear-gradient(90deg,rgba(229,9,20,.40),rgba(184,16,36,.10))!important;border-left-color:#E50914!important}
body.theme-slate .card,body.theme-slate .table-card{box-shadow:0 15px 38px rgba(43,45,66,.12)}body.theme-cinema .card,body.theme-cinema .table-card{box-shadow:0 15px 38px rgba(34,31,31,.13)}
@keyframes menuIn{from{opacity:0;transform:translateY(-7px) scale(.97)}to{opacity:1;transform:none}}@keyframes pageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.status>span,.status>i{display:none}}@media(max-width:600px){.settings-fields{grid-template-columns:1fr}.profile-quick{right:-2px}}

/* Güncellik takibi ve geniş muavin görünümü */
.dialog.wide{width:min(1480px,98vw);max-height:94vh;padding:30px}.dialog.wide #detailBody{max-height:calc(94vh - 300px);overflow:auto}.dialog.wide .table-card table{min-width:980px}.detail-kpis-six{grid-template-columns:repeat(6,minmax(0,1fr))}.association-table table{min-width:1180px}.freshness{display:inline-flex!important;width:max-content;margin-top:5px!important;padding:3px 7px;border-radius:99px;font-size:.62rem!important;font-weight:900;letter-spacing:.04em}.freshness.fresh{background:rgba(16,185,129,.12);color:#0D9468!important}.freshness.warning{background:rgba(245,158,11,.14);color:#B56E00!important}.freshness.stale{background:rgba(229,9,20,.10);color:var(--deep)!important}
@media(max-width:1100px){.detail-kpis-six{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.detail-kpis-six{grid-template-columns:1fr 1fr}.dialog.wide{width:100%;max-height:96vh;padding:20px}}
