*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f6fb;color:#1e293b;font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#10213f;color:#fff;padding:22px 16px;position:fixed;top:0;bottom:0;left:0}.brand{font-size:24px;font-weight:800;margin-bottom:8px}.brand small{display:block;font-size:12px;font-weight:400;color:#b8c5d9;margin-top:5px}.nav a{display:block;color:#dbe7ff;text-decoration:none;padding:12px 14px;border-radius:12px;margin:5px 0}.nav a:hover,.nav a.active{background:#1d396b;color:#fff}.main{margin-left:260px;width:calc(100% - 260px)}.topbar{height:64px;background:#fff;border-bottom:1px solid #e5eaf3;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:5}.content{padding:24px}.card{background:#fff;border:1px solid #e3e8f2;border-radius:18px;box-shadow:0 8px 20px rgba(16,33,63,.06);padding:20px;margin-bottom:18px}.compact-card{padding:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:18px;border-radius:18px;background:#fff;border:1px solid #e3e8f2}.stat b{display:block;font-size:24px;margin-top:8px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 14px;background:#1d4ed8;color:#fff;text-decoration:none;cursor:pointer;display:inline-block}.btn.secondary{background:#64748b}.btn.green{background:#15803d}.btn.red{background:#b91c1c}.btn.light{background:#e2e8f0;color:#1e293b}.btn.block{display:block;width:100%}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}label{font-weight:700;font-size:13px;margin-bottom:6px;display:block}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid-4{grid-template-columns:2fr 1fr 1fr 180px}.form-grid .wide{grid-column:1/-1}.table-wrap{overflow:auto}.table-compact{overflow:auto}.grid-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d9e2ec}.grid-table th,.grid-table td,table th,table td{padding:8px 9px;border:1px solid #dbe4ee;text-align:left;vertical-align:top;font-size:13px;line-height:1.25}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d9e2ec}th{background:#f8fafc;font-size:12px;color:#475569}.right{text-align:right}.center{text-align:center}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e0edff;color:#1d4ed8;font-size:12px}.muted{color:#64748b}.small{font-size:12px}.ekstre-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px}.ekstre-summary{display:grid;grid-template-columns:1fr;gap:6px;min-width:220px}.ekstre-summary div{border:1px solid #dbe4ee;border-radius:10px;padding:8px 10px;background:#f8fafc}.ekstre-summary span{display:block;font-size:11px;color:#64748b;margin-bottom:2px}.ekstre-summary b{font-size:14px}.no-break{break-inside:avoid;page-break-inside:avoid}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#10213f,#1d4ed8)}.login .box{width:380px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.alert{padding:12px;border-radius:12px;margin-bottom:15px;background:#fee2e2;color:#991b1b}.success{background:#dcfce7;color:#166534}@media(max-width:900px){.sidebar{position:relative;width:100%;height:auto}.app{display:block}.main{margin-left:0;width:100%}.grid,.form-grid,.form-grid-4{grid-template-columns:1fr}.topbar{height:auto;padding:14px;display:block}.content{padding:14px}.ekstre-head{display:block}.ekstre-summary{margin-top:10px;min-width:0}}@page{size:A4 portrait;margin:5mm}@media print{html,body{background:#fff!important;font-size:9px!important;margin:0!important;padding:0!important}body *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.topbar,.actions,.no-print,.btn,.badge{display:none!important}.app,.main{display:block!important;margin:0!important;width:100%!important;min-height:auto!important}.content{padding:0!important;margin:0!important}.card,.print-card{box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important}.print-table-wrap,.table-wrap,.table-compact{overflow:visible!important}.ekstre-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin:0 0 3px 0!important;gap:6px!important}.ekstre-head h2{font-size:12px!important;margin:0!important;line-height:1.05!important}.muted,.small{font-size:8px!important;line-height:1!important}.ekstre-summary{display:flex!important;gap:3px!important;min-width:0!important}.ekstre-summary div{padding:2px 4px!important;border:1px solid #777!important;border-radius:0!important;background:#fff!important;min-width:86px!important}.ekstre-summary span{font-size:7px!important;margin:0!important;line-height:1!important}.ekstre-summary b{font-size:9px!important;line-height:1!important}.grid-table,table{width:100%!important;border-collapse:collapse!important;border:1px solid #777!important;table-layout:fixed!important}.grid-table th,.grid-table td,table th,table td{font-size:8.2px!important;padding:1.5px 2.5px!important;border:1px solid #777!important;line-height:1.05!important;vertical-align:top!important;word-break:break-word!important}.grid-table th{background:#eee!important;color:#111!important;font-size:8px!important}.grid-table th:nth-child(1),.grid-table td:nth-child(1){width:50px!important}.grid-table th:nth-child(2),.grid-table td:nth-child(2){width:62px!important}.grid-table th:nth-child(4),.grid-table td:nth-child(4),.grid-table th:nth-child(5),.grid-table td:nth-child(5),.grid-table th:nth-child(6),.grid-table td:nth-child(6){width:62px!important}.right{text-align:right!important}.center{text-align:center!important}.main:after,.app:after{content:'';display:block;clear:both}}
/* Ana sayfa renkli dashboard güncellemesi */
.hero-card{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#10213f,#1d4ed8);color:#fff;border-radius:22px;padding:26px;margin-bottom:18px;box-shadow:0 14px 35px rgba(29,78,216,.22)}
.hero-card h1{margin:4px 0 6px;font-size:30px}.hero-card p{margin:0;color:#dbeafe}.hero-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#bfdbfe}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.dash-stat{display:block;text-decoration:none;color:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.12);position:relative;overflow:hidden}.dash-stat:after{content:'';position:absolute;right:-35px;bottom:-35px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.16)}.dash-stat span{display:block;font-size:13px;opacity:.92}.dash-stat b{display:block;font-size:25px;margin:8px 0;line-height:1.1}.dash-stat small{opacity:.9}.dash-stat.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.dash-stat.purple{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.dash-stat.orange{background:linear-gradient(135deg,#f97316,#c2410c)}.dash-stat.green{background:linear-gradient(135deg,#16a34a,#15803d)}.dash-stat.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.dash-stat.teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.quick-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.quick-card{background:#fff;border:1px solid #e3e8f2;border-left:6px solid #1d4ed8;border-radius:18px;padding:16px;text-decoration:none;color:#1e293b;box-shadow:0 8px 20px rgba(16,33,63,.06)}.quick-card strong{display:block;font-size:16px;margin-bottom:6px}.quick-card span{display:block;color:#64748b;font-size:13px;line-height:1.35}.quick-card.pending{border-left-color:#f97316}.quick-card.order{border-left-color:#2563eb}.quick-card.delivery{border-left-color:#16a34a}.quick-card.payment{border-left-color:#7c3aed}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-title-row h2{margin:0}.btn.orange{background:#f97316}.badge.warn{background:#ffedd5;color:#c2410c}.nav a{position:relative}.nav a em{float:right;background:#f97316;color:#fff;min-width:24px;text-align:center;border-radius:999px;font-style:normal;font-size:12px;padding:2px 6px}.nav-pending{background:rgba(249,115,22,.12)!important;color:#fff!important}@media(max-width:1100px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.quick-menu{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.hero-card{display:block}.hero-actions{justify-content:flex-start;margin-top:14px}}@media(max-width:650px){.dashboard-grid,.quick-menu{grid-template-columns:1fr}.hero-card h1{font-size:24px}}


/* Telefon / mobil görünüm düzeltmesi */
.mobile-menu-btn{display:none;background:#10213f;color:#fff;border:0;border-radius:12px;padding:10px 12px;font-weight:700}
.mobile-overlay{display:none}
@media(max-width:768px){
  body{font-size:14px;overflow-x:hidden;background:#f3f6fb!important}
  .app{display:block!important;min-height:100vh!important}
  .sidebar{position:fixed!important;left:-285px!important;top:0!important;bottom:0!important;width:280px!important;height:100vh!important;z-index:9999!important;transition:left .22s ease!important;overflow-y:auto!important;box-shadow:14px 0 30px rgba(15,23,42,.22)!important}
  body.menu-open .sidebar{left:0!important}
  .mobile-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:9998}
  body.menu-open .mobile-overlay{display:block}
  .main{margin-left:0!important;width:100%!important;min-width:0!important}
  .topbar{position:sticky!important;top:0!important;height:auto!important;min-height:58px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;gap:10px!important;justify-content:space-between!important;z-index:50!important}
  .mobile-menu-btn{display:inline-block!important;flex:0 0 auto!important}
  .topbar-title{min-width:0;flex:1}.topbar-title b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar .actions{display:none!important}
  .content{padding:12px!important;max-width:100%!important;overflow-x:hidden!important}
  .hero-card{display:block!important;border-radius:16px!important;padding:16px!important;margin-bottom:12px!important;background:linear-gradient(135deg,#10213f,#1d4ed8)!important}
  .hero-card h1{font-size:21px!important;line-height:1.2!important;margin:4px 0 6px!important}.hero-card p{font-size:13px!important;line-height:1.35!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}.hero-actions .btn{width:100%!important;text-align:center!important}
  .dashboard-grid,.quick-menu,.two-col,.grid,.form-grid,.form-grid-4{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .dash-stat{border-radius:16px!important;padding:15px!important;min-height:auto!important}.dash-stat b{font-size:22px!important}
  .quick-card{border-radius:14px!important;padding:13px!important}.quick-card strong{font-size:15px!important}.quick-card span{font-size:12px!important}
  .card{border-radius:14px!important;padding:12px!important;margin-bottom:12px!important}.card-title-row{display:flex!important;align-items:center!important;gap:8px!important}.card-title-row h2{font-size:18px!important}
  .table-wrap,.table-compact{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:10px!important}.table-wrap table,.table-compact table,table{min-width:680px!important}
  .btn{padding:9px 11px!important;border-radius:10px!important;font-size:13px!important}input,select,textarea{font-size:16px!important}
}