.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;gap:1rem;flex-wrap:wrap}.top h2{margin:0;font-family:var(--serif);font-size:2rem}
.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.4rem}.kpi{padding:1.3rem}.kpi b{font-size:2.2rem;font-family:var(--serif);display:block;color:var(--primary-ink)}.kpi span{color:var(--muted)}
table{width:100%;border-collapse:collapse}th,td{padding:.8rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.85rem;font-weight:600}
.pane{padding:1.4rem;overflow:auto;margin-bottom:1.4rem}.st{padding:.2rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}
.st.pending{background:#f59e0b33;color:#b45309}.st.confirmed,.st.approved{background:#10b98133;color:#047857}.st.cancelled,.st.rejected{background:#ef444433;color:#b91c1c}
[data-theme=dark] .st.pending{color:#fbbf24}[data-theme=dark] .st.confirmed,[data-theme=dark] .st.approved{color:#34d399}[data-theme=dark] .st.cancelled,[data-theme=dark] .st.rejected{color:#f87171}
.sm{padding:.4rem .8rem;font-size:.85rem}label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.8rem}
input,textarea,select{width:100%;margin-top:.3rem;padding:.65rem .8rem;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font:1rem var(--font)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.toast{position:fixed;bottom:1rem;right:1rem;background:var(--text);color:var(--bg);padding:.7rem 1.1rem;border-radius:12px;opacity:0;transition:.3s}.toast.on{opacity:1}

.toast.on{opacity:1}.inline{display:inline}.meta{color:var(--muted);font-size:.85rem}
.bars{display:flex;align-items:flex-end;gap:1rem;height:200px;padding-top:1rem}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:.4rem}
.bars i{display:block;width:100%;max-width:56px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary) 40%,transparent));min-height:4px}.bars span{font-size:.8rem;color:var(--muted)}.bars b{font-size:.85rem}
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}
.tcard{padding:0;overflow:hidden;cursor:pointer;position:relative;border-width:2px}.tcard input{position:absolute;opacity:0}
.tcard:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 25%,transparent)}
.tprev{display:grid;grid-template-columns:1fr 1fr}.tprev>div{padding:1rem;min-height:170px}
.tprev .hb{height:46px;border-radius:12px;margin-bottom:.6rem}.tprev .ln{height:8px;border-radius:4px;margin:.35rem 0;opacity:.5}.tprev .bt{display:inline-block;padding:.25rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;margin-top:.4rem}
.tinfo{padding:1rem 1.2rem}.tinfo h3{margin:0 0 .2rem}.tinfo p{margin:0;color:var(--muted);font-size:.9rem}.sw{display:flex;gap:.3rem;margin-top:.6rem}.sw span{width:22px;height:22px;border-radius:50%;border:1px solid #0002}
.badge-on{position:absolute;top:.6rem;right:.6rem;background:var(--primary);color:var(--on-primary);padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700}
.login{min-height:100vh;display:grid;place-items:center;grid-column:1/-1}.login .card{padding:2rem;width:min(420px,92vw)}
#tenantTable input,#tenantTable select{min-width:8rem;padding:.45rem .6rem;font-size:.9rem}

@media(max-width:800px){.two{grid-template-columns:1fr}}
/* ===== Modern yönetim kabuğu (sidebar) — renkler themes.css değişkenlerinden ===== */
.adm{--sbw:264px;margin:0;min-height:100vh}
.adm .sb{position:fixed;inset:0 auto 0 0;width:var(--sbw);display:flex;flex-direction:column;background:var(--card);border-right:1px solid var(--line);z-index:40;transition:width .25s ease,transform .25s ease}
.adm .sb-head{display:flex;align-items:center;gap:.7rem;padding:1.1rem 1rem;border-bottom:1px solid var(--line);min-height:68px}
.adm .logo{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:var(--on-primary);font:700 1rem var(--serif)}
.adm .who{min-width:0;line-height:1.2}.adm .who b{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm .who span{font-size:.78rem;color:var(--muted)}
.adm .sb-nav{flex:1;overflow-y:auto;padding:.6rem .6rem 1rem}
.adm .grp{margin:.9rem .7rem .3rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.85;white-space:nowrap}
.adm .nv{display:flex;align-items:center;gap:.75rem;width:100%;padding:.55rem .7rem;margin:1px 0;border-radius:10px;border:0;background:none;color:var(--muted);text-decoration:none;font:500 .93rem var(--font);cursor:pointer;position:relative;white-space:nowrap;transition:background .18s,color .18s}
.adm .nv svg{flex:none;width:20px;height:20px}
.adm .nv:hover{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--text)}
.adm .nv[aria-current=page]{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary-ink);font-weight:600}
.adm .nv[aria-current=page]::before{content:"";position:absolute;left:-.6rem;top:20%;bottom:20%;width:4px;border-radius:0 4px 4px 0;background:var(--primary)}
.adm .nv .lbl{flex:1;overflow:hidden;text-overflow:ellipsis;text-align:left}
.adm .bdg{min-width:1.4rem;padding:.05rem .45rem;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.72rem;font-weight:700;text-align:center}
.adm .nv:focus-visible,.adm .tb-btn:focus-visible,.adm .btn:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 60%,transparent);outline-offset:2px}
.adm .sb-foot{padding:.6rem;border-top:1px solid var(--line)}.adm .sb-foot form{margin:0}
.adm .shell{margin-left:var(--sbw);min-height:100vh;transition:margin .25s ease}
.adm .tb{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.7rem;padding:.8rem clamp(1rem,3vw,2.5rem);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.adm .tb h2{margin:0;font-family:var(--serif);font-size:1.45rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adm .tb-btn{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .18s}.adm .tb-btn:hover{background:color-mix(in srgb,var(--primary) 10%,var(--card))}.adm .tb-btn svg{width:20px;height:20px}
.adm .tb .btn svg{width:16px;height:16px}
.adm .content{padding:1.6rem clamp(1rem,3vw,2.5rem) 3rem}
.adm .scrim{display:none}
#mnuBtn{display:none}
/* daraltılmış (masaüstü) */
.adm.collapsed{--sbw:76px}.adm.collapsed .who,.adm.collapsed .grp,.adm.collapsed .nv .lbl{display:none}
.adm.collapsed .nv{justify-content:center;padding:.65rem}.adm.collapsed .bdg{position:absolute;top:2px;right:4px;min-width:1.1rem;padding:0 .3rem;font-size:.65rem}
.adm.collapsed .sb-head{justify-content:center;padding:1.1rem .5rem}
.adm.collapsed #colBtn svg{transform:rotate(180deg)}#colBtn svg{transition:transform .25s}
/* mobil: çekmece (drawer) */
@media(max-width:900px){
 .adm .sb{width:280px;transform:translateX(-100%);box-shadow:var(--shadow)}.adm .shell{margin-left:0}
 .adm.drawer .sb{transform:none}.adm.drawer .scrim{display:block;position:fixed;inset:0;background:#0007;z-index:35}
 #mnuBtn{display:grid}#colBtn{display:none}.adm .tb .btn .t{display:none}.adm .tb h2{font-size:1.2rem}
 .adm.collapsed .who,.adm.collapsed .grp,.adm.collapsed .nv .lbl{display:revert}
}
@media(prefers-reduced-motion:reduce){.adm *{transition:none!important}}