:root{
  --bg:#0b1220;
  --card:#0f1a2e;
  --muted:#97a3b6;
  --text:#e8eefc;
  --border:rgba(255,255,255,.08);
  --accent:#6ea8fe;
  --accent2:#9a7dff;
}

body[data-theme="light"]{
  --bg:#f6f8fc;
  --card:#ffffff;
  --muted:#6b7280;
  --text:#0f172a;
  --border:rgba(15,23,42,.10);
  --accent:#2563eb;
  --accent2:#7c3aed;
}

html,body{height:100%;}
body{
  background:radial-gradient(1200px 800px at 15% 15%, rgba(110,168,254,.20), transparent 45%),
             radial-gradient(900px 700px at 85% 20%, rgba(154,125,255,.18), transparent 40%),
             var(--bg);
  color:var(--text);
}

a{color:var(--accent); text-decoration:none;}
a:hover{opacity:.9;}

.app-shell{display:flex; min-height:100vh;}
.sidebar{
  width:280px; flex:0 0 auto;
  background:rgba(255,255,255,.03);
  border-right:1px solid var(--border);
  backdrop-filter: blur(10px);
}
.sidebar .brand{
  padding:18px 18px 12px;
  font-weight:800;
  letter-spacing:.3px;
}
.sidebar .brand small{display:block;color:var(--muted);font-weight:500;margin-top:2px;}

.navv{padding:10px;}
.navv a{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius:14px;
  color:var(--text);
  border:1px solid transparent;
}
.navv a:hover{background:rgba(255,255,255,.04); border-color:var(--border);}
.navv a.active{background:rgba(110,168,254,.12); border-color:rgba(110,168,254,.25);}
.navv i{opacity:.9;}

.content{flex:1 1 auto; display:flex; flex-direction:column;}
.topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.02);
  backdrop-filter: blur(10px);
}

.page{padding:18px;}

.cardx{
  background:rgba(255,255,255,.03);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow: 0 14px 35px rgba(0,0,0,.18);
  overflow:hidden;
}
body[data-theme="light"] .cardx{background:var(--card); box-shadow: 0 10px 25px rgba(15,23,42,.08);}

.cardx .cardx-h{padding:14px 16px; border-bottom:1px solid var(--border);}
.cardx .cardx-b{padding:16px;}

.kpi{display:flex; align-items:center; justify-content:space-between; padding:14px 16px;}
.kpi .label{color:var(--muted); font-size:.9rem;}
.kpi .value{font-size:1.6rem; font-weight:800;}

.badge-soft{padding:.35rem .55rem; border-radius:999px; font-size:.78rem; border:1px solid var(--border);}
.badge-inprog{background:rgba(110,168,254,.12); border-color:rgba(110,168,254,.25);}
.badge-wait{background:rgba(245,158,11,.15); border-color:rgba(245,158,11,.25);}
.badge-done{background:rgba(34,197,94,.12); border-color:rgba(34,197,94,.25);}

.tablex{width:100%; border-collapse:separate; border-spacing:0;}
.tablex th,.tablex td{padding:10px 10px; border-bottom:1px solid var(--border);}
.tablex th{color:var(--muted); font-weight:600; font-size:.85rem;}

.form-control, .form-select{
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--border) !important;
  color:var(--text) !important;
  border-radius:14px !important;
}
body[data-theme="light"] .form-control,
body[data-theme="light"] .form-select{background:#fff !important;}

.btnx{
  border-radius:14px;
  border:1px solid var(--border);
  padding:.55rem .85rem;
  color:var(--text);
  background:rgba(255,255,255,.04);
}
.btnx:hover{background:rgba(255,255,255,.07);}
.btnx-primary{background:linear-gradient(135deg, rgba(110,168,254,.22), rgba(154,125,255,.18)); border-color:rgba(110,168,254,.25);}

@media (max-width: 992px){
  .sidebar{position:fixed; left:-290px; top:0; bottom:0; z-index:1050; transition:left .18s ease;}
  .sidebar.open{left:0;}
  .content{margin-left:0;}
}

/* Yazıların bölünmesini engellemek için */
.text-nowrap {
    white-space: nowrap !important;
}

/* Durum badge'lerinin daha düzgün görünmesi için */
.badge-status {
    min-width: 100px;
    display: inline-block;
    padding: 8px 12px;
}