:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#14223c;background:#f5f8fd;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:7px}h2{font-size:17px;margin-bottom:12px}p{color:#7a879c;line-height:1.6}a{color:#1268e8;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:255px;flex-shrink:0;background:#fff;border-right:1px solid #edf0f6;padding:24px 12px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 30px}.brand b{display:block;font-size:17px}.brand small{display:block;color:#8b98aa;margin-top:4px}.mark,.logo-big{background:#1268e8;color:white;border-radius:12px;display:grid;place-items:center;font-size:27px;width:44px;height:44px}.nav{display:flex;align-items:center;gap:14px;border:0;background:none;width:100%;text-align:left;padding:15px 16px;color:#536784;border-radius:11px;margin:2px 0}.nav span{font-size:20px;width:22px}.nav.active{background:#e7f1ff;color:#0867df;font-weight:700}.nav i{font-size:10px;font-style:normal;background:#ff5368;color:white;padding:3px 6px;border-radius:20px;margin-left:auto}.side-note{margin-top:auto;background:#f1f6ff;border-radius:12px;padding:14px}.side-note p{font-size:12px;margin:6px 0}.main{flex:1;min-width:0}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid #edf0f6}.search{max-width:510px;width:55%;background:#f6f9fe;border:1px solid #e6edf6;color:#9ba8bc;padding:12px 17px;border-radius:11px}.account{color:#65768e}.mobile-brand{display:none}.content{padding:30px;max-width:1550px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:26px}.page-head p{margin:0}.primary,.secondary,.danger{padding:10px 16px;border-radius:9px;font-weight:600;white-space:nowrap}.primary{background:#1268e8;color:#fff;border:1px solid #1268e8}.primary:hover{background:#0659d6}.secondary{background:#fff;color:#176bdd;border:1px solid #dbe6f6}.danger{background:#fff;color:#d43e4b;border:1px solid #f1d5d9}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel{background:#fff;border:1px solid #e9eef6;border-radius:15px;box-shadow:0 3px 18px #243b6707}.metric{min-height:118px;padding:22px;display:flex;align-items:center;gap:16px}.metric small{color:#67788f;display:block;margin-bottom:8px}.metric strong{font-size:28px;letter-spacing:-.5px}.metric-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;font-size:24px}.blue{background:#e5f1ff;color:#1678eb}.violet{background:#eeebff;color:#7755dd}.green{background:#ddfaeb;color:#13a15c}.orange{background:#fff2e1;color:#f19a16}.cols{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:16px;margin-bottom:17px}.panel{padding:22px;margin-bottom:16px}.panel>p{margin-bottom:18px}.status-line{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eef1f5;gap:10px}.pill{padding:6px 10px;border-radius:24px;background:#f0f3f8;color:#697a92;font-size:11px;font-weight:700;white-space:nowrap}.pill.green{background:#dcf9e8;color:#09924a}.pill.amber{background:#fff3d8;color:#b37712}.infobox{background:#edf5ff;border-radius:10px;padding:13px;color:#4f7096;font-size:12px;line-height:1.6;margin-top:15px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:610px}th{text-align:left;background:#f5f8fc;color:#6b7890;font-size:12px;font-weight:600;padding:14px 11px}td{border-bottom:1px solid #edf1f6;padding:17px 11px;vertical-align:middle}tr:last-child td{border-bottom:0}.muted{color:#8592a4;font-size:12px;margin-top:5px}.good{color:#11a45e;font-weight:700}.actions{display:flex;gap:6px}.actions button{font-size:11px;padding:7px 9px}.empty{text-align:center;padding:35px 12px}.empty-icon{color:#1575ee;font-size:32px;padding-bottom:7px}.empty p{margin:5px 0}.deal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px}.deal .price{font-size:28px;font-weight:800;margin:16px 0}.divider{height:1px;background:#eef1f5;margin:15px 0}.deal button{display:block;margin-top:15px}.alert-item{display:flex;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid #ebeff4;align-items:center}.alert-item.read{opacity:.6}.alert-item p{margin:4px 0}.alert-item small{color:#8793a4}.narrow{max-width:600px}label{display:block;color:#576a85;font-weight:600;font-size:12px;margin-bottom:14px}input,select{display:block;width:100%;border:1px solid #dfe6f0;padding:12px 13px;border-radius:9px;background:#fff;color:#20334e;margin-top:7px;outline-color:#1268e8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shade{position:fixed;inset:0;background:#14263c88;z-index:5;display:grid;place-items:center;padding:15px}.dialog{background:#fff;padding:25px;border-radius:18px;width:100%;max-width:570px;max-height:94vh;overflow-y:auto;box-shadow:0 18px 60px #0a234344}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h2{margin:0}.x{border:0;background:transparent;font-size:26px;color:#76889d}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast{position:fixed;right:25px;bottom:25px;background:#143c67;color:#fff;padding:14px 20px;border-radius:10px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}.toast.show{opacity:1}.toast.error{background:#c83f49}.auth-wrap{display:grid;place-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#eaf3ff,#f7f9fd)}.auth{width:min(100%,420px);background:#fff;border-radius:19px;padding:38px;box-shadow:0 18px 50px #17477e1a}.auth h1{font-size:27px;margin-top:18px}.auth .primary{width:100%;margin-top:10px}.auth #err{color:#c83f49;margin-top:12px}.loading{padding:70px;text-align:center;color:#1268e8}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}.sidebar{width:215px}.content{padding:20px}}@media(max-width:720px){.layout{display:block}.sidebar{min-height:auto;width:auto;padding:12px}.brand{padding-bottom:12px}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:4px}.nav{width:auto;min-width:max-content;padding:11px;font-size:12px}.nav span{font-size:15px;width:auto}.side-note{display:none}header{height:50px;padding:0 16px}.search{display:none}.mobile-brand{display:block;font-weight:700;color:#176bdd}.account{font-size:12px}.content{padding:16px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:25px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:13px;min-height:90px;gap:9px}.metric-icon{width:38px;height:38px;font-size:18px}.metric strong{font-size:22px}.metric small{font-size:10px}.panel{padding:15px}.form-row{grid-template-columns:1fr}.dialog{padding:18px}.actions{flex-wrap:wrap}.alert-item{align-items:flex-start;flex-direction:column}}


/* ===== ERK PREMIUM UI START ===== */

:root{
  --erk-blue:#1670f8;
  --erk-blue-dark:#0f5ed7;
  --erk-bg:#f4f7fb;
  --erk-panel:#ffffff;
  --erk-border:#e7edf5;
  --erk-text:#0f172a;
  --erk-muted:#728197;
  --erk-green:#18b56a;
  --erk-green-soft:#e8faf1;
  --erk-orange:#f4a62a;
  --erk-orange-soft:#fff4df;
  --erk-violet:#7c5cff;
  --erk-violet-soft:#f0ecff;
  --erk-shadow:0 10px 32px rgba(31,53,89,.07);
  --erk-radius:18px;
}

*{
  box-sizing:border-box;
}

html,body{
  background:var(--erk-bg)!important;
}

body{
  color:var(--erk-text)!important;
  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif!important;
  letter-spacing:-.01em;
}

/* ANA YAPI */

.app-shell,
.app{
  min-height:100vh;
  background:var(--erk-bg)!important;
}

.sidebar{
  width:260px!important;
  background:#fff!important;
  border-right:1px solid var(--erk-border)!important;
  box-shadow:none!important;
  padding:22px 14px!important;
}

.brand,
.logo{
  padding:0 8px 22px!important;
}

.brand strong,
.logo strong{
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:-.03em;
}

.brand small,
.logo small{
  color:#8290a5!important;
  font-size:12px!important;
}

nav a,
.nav a,
.sidebar a{
  min-height:50px;
  border-radius:12px!important;
  padding:0 14px!important;
  color:#617087!important;
  font-weight:600!important;
  transition:.18s ease;
}

nav a:hover,
.nav a:hover,
.sidebar a:hover{
  background:#f2f6fc!important;
  color:var(--erk-blue)!important;
}

nav a.active,
.nav a.active,
.sidebar a.active{
  background:#eaf3ff!important;
  color:var(--erk-blue)!important;
  font-weight:750!important;
}

/* ÜST BAR */

.topbar,
.top-bar,
.header{
  min-height:72px!important;
  background:rgba(255,255,255,.94)!important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--erk-border)!important;
  padding:0 28px!important;
}

.search,
.searchbox,
.search-box{
  max-width:440px!important;
}

.search input,
.searchbox input,
.search-box input{
  height:44px!important;
  border:1px solid #e0e8f2!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  padding:0 16px!important;
  box-shadow:none!important;
}

/* ANA İÇERİK */

main,
.main,
.content{
  background:var(--erk-bg)!important;
}

.page,
.page-content,
main > section,
.main > section{
  max-width:1480px;
  margin:0 auto;
}

h1{
  color:#0b1730!important;
  font-size:30px!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
  font-weight:850!important;
  margin-bottom:8px!important;
}

h2{
  color:#101c32!important;
  letter-spacing:-.025em!important;
  font-weight:800!important;
}

p,
.muted,
small{
  color:var(--erk-muted);
}

/* METRİKLER */

.metrics,
.metric-grid,
.stats,
.cards{
  gap:16px!important;
}

.metric{
  background:var(--erk-panel)!important;
  border:1px solid var(--erk-border)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  min-height:112px!important;
  padding:22px!important;
  transition:.18s ease;
}

.metric:hover{
  transform:translateY(-2px);
  box-shadow:var(--erk-shadow)!important;
}

.metric strong{
  font-size:28px!important;
  font-weight:850!important;
  color:#08162d!important;
}

.metric small{
  font-size:12px!important;
  font-weight:650!important;
  color:#77869a!important;
}

.metric-icon{
  width:48px!important;
  height:48px!important;
  border-radius:13px!important;
}

.metric-icon.blue{
  background:#e7f2ff!important;
  color:var(--erk-blue)!important;
}

.metric-icon.violet{
  background:var(--erk-violet-soft)!important;
  color:var(--erk-violet)!important;
}

.metric-icon.green{
  background:var(--erk-green-soft)!important;
  color:var(--erk-green)!important;
}

.metric-icon.orange{
  background:var(--erk-orange-soft)!important;
  color:var(--erk-orange)!important;
}

/* PANELLER */

.panel{
  background:var(--erk-panel)!important;
  border:1px solid var(--erk-border)!important;
  border-radius:var(--erk-radius)!important;
  box-shadow:none!important;
  padding:22px!important;
}

.panel:hover{
  border-color:#dce6f2!important;
}

.panel h2{
  font-size:17px!important;
  margin-bottom:4px!important;
}

.panel > p{
  margin-top:4px!important;
  margin-bottom:20px!important;
  font-size:13px!important;
}

/* DURUM SATIRLARI */

.status-line{
  min-height:52px!important;
  border-bottom:1px solid #edf2f7!important;
  padding:12px 0!important;
}

.status-line:last-of-type{
  border-bottom:0!important;
}

.status-line span:first-child{
  color:#445269!important;
  font-weight:600!important;
}

.status-line b{
  font-weight:800!important;
  color:#121e31!important;
}

/* ETİKETLER */

.pill{
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:11px!important;
  font-weight:750!important;
  border:0!important;
}

.pill.green{
  background:var(--erk-green-soft)!important;
  color:#16965b!important;
}

.pill.amber{
  background:var(--erk-orange-soft)!important;
  color:#bd7914!important;
}

/* BİLGİ KUTUSU */

.infobox{
  border:0!important;
  border-radius:12px!important;
  background:#eef6ff!important;
  color:#527095!important;
  padding:15px!important;
  line-height:1.55!important;
  margin-top:14px!important;
}

/* TABLOLAR */

.table-scroll{
  border-radius:14px!important;
  overflow:auto;
}

table{
  border-collapse:separate!important;
  border-spacing:0!important;
  width:100%!important;
}

thead th{
  background:#f5f8fc!important;
  color:#607089!important;
  font-size:12px!important;
  font-weight:750!important;
  padding:14px 12px!important;
  border:0!important;
}

tbody td{
  background:#fff!important;
  padding:16px 12px!important;
  border-bottom:1px solid #edf2f7!important;
  color:#233048!important;
  vertical-align:middle!important;
}

tbody tr:last-child td{
  border-bottom:0!important;
}

tbody tr:hover td{
  background:#fbfdff!important;
}

td.good,
.good{
  color:#0baa5d!important;
  font-weight:800!important;
}

/* BUTONLAR */

button,
.button,
.btn{
  border-radius:10px!important;
  font-weight:700!important;
  min-height:38px!important;
  transition:.16s ease!important;
}

button.primary,
.primary{
  background:var(--erk-blue)!important;
  border-color:var(--erk-blue)!important;
  box-shadow:0 7px 18px rgba(22,112,248,.18)!important;
}

button.primary:hover,
.primary:hover{
  background:var(--erk-blue-dark)!important;
  transform:translateY(-1px);
}

button.secondary,
.secondary{
  background:#fff!important;
  border:1px solid #dce5f0!important;
  color:#2d5ea8!important;
}

/* FIRSAT KARTI */

.deal{
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid var(--erk-border)!important;
  padding:22px!important;
}

.deal .price,
.price{
  font-size:30px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  color:#08182e!important;
}

/* FORM / MODAL */

.dialog,
.modal,
.modal-card{
  border-radius:18px!important;
  border:1px solid var(--erk-border)!important;
  box-shadow:0 24px 70px rgba(13,32,62,.20)!important;
}

.dialog-head{
  border-bottom:1px solid #eef2f6!important;
  padding-bottom:15px!important;
}

label{
  color:#536177!important;
  font-size:12px!important;
  font-weight:700!important;
}

input,
select,
textarea{
  border:1px solid #dce5ef!important;
  border-radius:10px!important;
  min-height:42px!important;
  background:#fff!important;
  transition:.15s ease!important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#7fb3ff!important;
  box-shadow:0 0 0 3px rgba(22,112,248,.10)!important;
  outline:none!important;
}

/* TOAST */

.toast{
  border-radius:12px!important;
  box-shadow:0 12px 35px rgba(10,30,60,.16)!important;
  font-weight:700!important;
}

/* BOŞ EKRAN */

.empty{
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#7d8ba0!important;
}

/* RESPONSIVE */

@media (max-width:1100px){
  .sidebar{
    width:220px!important;
  }

  .metrics,
  .metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  .sidebar{
    width:100%!important;
  }

  .metrics,
  .metric-grid{
    grid-template-columns:1fr!important;
  }

  .panel{
    padding:16px!important;
  }

  h1{
    font-size:25px!important;
  }
}

/* ===== ERK PREMIUM UI END ===== */