:root{
  --navy:#153256;--navy-2:#0f2745;--navy-3:#24486f;--red:#a10d13;--red-2:#bd1820;
  --ink:#17263a;--muted:#6d7b8c;--bg:#f3f6fa;--surface:#fff;--line:#dde5ee;
  --green:#16835a;--blue:#2f66b5;--amber:#c77914;--danger:#b2181e;
  --shadow:0 16px 44px rgba(19,46,77,.08);--shadow-soft:0 8px 24px rgba(19,46,77,.06);
  --radius:18px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}body{font-size:14px}a{text-decoration:none;color:inherit}.app-shell{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}

/* SIDEBAR */
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 18px 18px;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;box-shadow:12px 0 40px rgba(5,24,44,.12);z-index:30;overflow-y:auto}.brand{padding:8px 10px 24px;border-bottom:1px solid rgba(255,255,255,.13);text-align:center}.brand img{display:block;width:205px;max-width:100%;height:auto;margin:0 auto}.brand-caption{display:block;margin-top:9px;font-size:9px;letter-spacing:.23em;font-weight:800;color:#9fb2c8}.sidebar-nav{display:flex;flex-direction:column;gap:7px;margin-top:20px}.nav-link{min-height:50px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:8px 12px;border-radius:12px;color:#d9e5f1;font-weight:750;transition:.2s ease}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(2px)}.nav-link.active{background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;box-shadow:0 10px 24px rgba(161,13,19,.27)}.nav-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.07)}.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-link.active .nav-icon{background:rgba(255,255,255,.14)}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.nav-parent{grid-template-columns:34px 1fr 18px}.nav-chevron{justify-self:end;font-size:14px;opacity:.7}.nav-group{display:grid;gap:4px}.nav-submenu{display:none;margin:2px 0 4px 45px;padding:4px 0 4px 13px;border-left:1px solid rgba(255,255,255,.16);gap:4px}.nav-group.open .nav-submenu{display:grid}.nav-sub-link{display:grid;grid-template-columns:7px 1fr;gap:9px;align-items:center;padding:9px 10px;border-radius:9px;color:#b9c9da;font-size:12.5px;font-weight:700;line-height:1.35}.nav-sub-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-sub-link.active{background:rgba(255,255,255,.11);color:#fff}.sub-dot{width:5px;height:5px;border-radius:50%;background:#7790aa}.nav-sub-link.active .sub-dot{background:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:10px;padding-top:18px}.settings-link{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;border-radius:0}.settings-link:hover,.settings-link.active{border-radius:12px}.sidebar-footer{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 10px 4px;border-top:1px solid rgba(255,255,255,.12)}.user-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:14px;font-weight:900}.user-mini{min-width:0;display:grid;gap:2px}.user-mini b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini small{font-size:10.5px;color:#9eb1c7}.logout{font-size:11px;font-weight:800;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#dbe6f0}.logout:hover{background:rgba(255,255,255,.08);color:#fff}

/* MAIN */
.app-shell > .main{min-width:0}.topbar{height:104px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}.page-title-wrap{display:grid;gap:2px}.page-kicker{font-size:9px;letter-spacing:.22em;color:var(--red);font-weight:900}.topbar h1{margin:0;font-size:27px;letter-spacing:-.025em}.topbar p{margin:2px 0 0;color:var(--muted);font-size:12px}.topbar-mark{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:12px}.topbar-mark span{width:34px;height:4px;border-radius:99px;background:var(--red)}.content{padding:30px 34px 50px;max-width:1680px;width:100%;margin:0 auto}

/* GENERIC */
.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--red);color:#fff}.button.dark{background:var(--navy);color:#fff}.button.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.button.danger{background:#fff0f1;color:var(--red)}.button.full{width:100%}.button.small{padding:8px 11px;font-size:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);margin-top:18px}.premium-panel{box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2,.panel-head h3{margin:0;letter-spacing:-.015em}.panel-head h2{font-size:21px}.panel-subtitle{margin:5px 0 0;color:var(--muted);font-size:12px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--red);margin:0 0 7px}.two-col{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.4fr);gap:18px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:7px;font-size:12.5px;font-weight:800;color:#35475e}input,select,textarea{width:100%;border:1px solid #d8e0ea;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:var(--ink);outline:0;transition:.16s ease}input:focus,select:focus,textarea:focus{border-color:#8da6c0;box-shadow:0 0 0 3px rgba(21,50,86,.07)}textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;color:#637388;text-align:left;background:#f7f9fc;padding:12px;border-top:1px solid #e7ecf2;border-bottom:1px solid #e1e7ee}.data-table th:first-child{border-left:1px solid #e7ecf2;border-radius:10px 0 0 0}.data-table th:last-child{border-right:1px solid #e7ecf2;border-radius:0 10px 0 0}.data-table td{padding:13px 12px;border-bottom:1px solid #edf1f5;vertical-align:middle}.badge{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:10.5px;font-weight:900;background:#eef3f8;color:#405067}.badge.green{background:#e9f7f0;color:#18764d}.badge.red{background:#fdebed;color:#a10d13}.badge.amber{background:#fff4df;color:#9b6713}.summary-row{display:flex;gap:12px;flex-wrap:wrap}.summary-chip{background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.summary-chip b{display:block;margin-top:3px}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px}.alert.success{background:#eaf8f0;color:#166b45}.alert.error{background:#fdebec;color:#99171b}

/* DASHBOARD */
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 28px;margin-bottom:18px;background:linear-gradient(120deg,#fff 0%,#f9fbfd 55%,#eef3f8 100%);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.dashboard-hero:after{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:50%;background:rgba(21,50,86,.045)}.hero-eyebrow{font-size:10px;letter-spacing:.18em;color:var(--red);font-weight:900}.dashboard-hero h2{margin:7px 0 5px;font-size:24px;letter-spacing:-.025em}.dashboard-hero p{margin:0;color:var(--muted);font-size:13px}.hero-date{width:74px;height:74px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;align-content:center;line-height:1;position:relative;z-index:1;box-shadow:0 12px 24px rgba(21,50,86,.18)}.hero-date strong{font-size:27px}.hero-date span{margin-top:6px;font-size:9px;letter-spacing:.14em;color:#b8c8d9}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px 21px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#8ea1b6}.stat-card.revenue:before{background:var(--green)}.stat-card.cash:before{background:var(--navy)}.stat-card.card:before{background:var(--blue)}.stat-card.expense:before{background:var(--red)}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#65758a;font-weight:900}.stat-dot{width:8px;height:8px;border-radius:50%;background:#a8b6c5}.revenue .stat-dot{background:var(--green)}.cash .stat-dot{background:var(--navy)}.card .stat-dot{background:var(--blue)}.expense .stat-dot{background:var(--red)}.stat-card strong{display:block;margin:12px 0 7px;font-size:29px;letter-spacing:-.035em;color:var(--ink)}.stat-card small{font-size:11px;color:var(--muted)}.positive{color:var(--green)}.negative{color:var(--red)}.dashboard-actions{margin-top:18px;padding:26px}.dashboard-panel-head{margin-bottom:18px}.quick-grid{display:grid;gap:14px}.quick-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-card{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:13px;min-height:102px;padding:18px;background:#fff;border:1px solid #dfe6ee;border-radius:15px;transition:.2s ease}.quick-card:hover{transform:translateY(-3px);border-color:#c5d1df;box-shadow:0 14px 28px rgba(21,50,86,.09)}.quick-icon-box{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:18px;font-weight:900}.quick-icon-box.order{background:#fbecee;color:var(--red)}.quick-icon-box.retail{background:#e9f6f1;color:var(--green)}.quick-icon-box.expense{background:#fff3df;color:var(--amber)}.quick-icon-box.cashbook{background:#eaf0f8;color:var(--navy)}.quick-content{display:grid;gap:4px;min-width:0}.quick-content strong{font-size:13.5px;color:var(--ink)}.quick-content small{font-size:10.5px;color:#79889a;line-height:1.4}.quick-arrow{font-size:19px;color:#9aabba;transition:.18s ease}.quick-card:hover .quick-arrow{transform:translateX(3px);color:var(--navy)}

/* ORDER TABS */
.page-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.order-tab{display:inline-flex;align-items:center;padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:800}.order-tab:hover{border-color:var(--red);color:var(--red)}.order-tab.active{background:var(--red);border-color:var(--red);color:#fff}.table-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.inline-form{display:inline;margin:0}.empty-table{text-align:center!important;padding:34px!important;color:var(--muted)}.order-number{color:var(--navy)}.line-items input,.line-items select{padding:8px}.line-total{font-weight:900}.order-total{display:flex;justify-content:flex-end;gap:20px;margin-top:14px;font-size:18px}.order-total strong{color:var(--red)}

/* LOGIN */
.login-page{min-height:100vh;background:linear-gradient(135deg,#edf2f7 0%,#fff 60%)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);background:#fff;border:1px solid #e1e7ee;border-radius:22px;box-shadow:0 30px 70px rgba(21,50,86,.15);padding:36px}.login-logo{display:block;width:235px;max-width:100%;margin:0 auto 24px}.login-card h1{text-align:center;margin:0;font-size:27px}.login-card>p{text-align:center;color:var(--muted);margin:8px 0 24px}.login-card form{display:grid;gap:14px}.login-card>small{display:block;text-align:center;margin-top:16px;color:var(--muted)}

/* REPORT */
.print-only{display:none}.report-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.report-meta-card{border:1px solid #dfe5ed;border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:7px 14px}.report-meta-card span{color:#687789;font-size:12px;font-weight:700}.report-meta-card strong{text-align:right;color:#153256}.report-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.report-delivery-grid>div{border-top:2px solid #153256;padding-top:10px;min-height:58px}.report-delivery-grid span{display:block;color:#687789;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.report-delivery-grid strong{display:block;margin-top:5px;color:#182437}.report-note{margin-top:18px;border-left:4px solid #a10d13;background:#f7f9fb;padding:12px 14px;border-radius:6px;color:#35455a}

@media(max-width:1250px){.app-shell{grid-template-columns:248px 1fr}.quick-grid-four{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.brand img{width:180px}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;height:auto}.sidebar-bottom{margin-top:18px}.sidebar-footer{grid-template-columns:38px 1fr auto}.topbar{position:relative}.two-col{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.content{padding:18px}.topbar{height:auto;padding:18px}.topbar-mark{display:none}.dashboard-hero{padding:20px}.hero-date{display:none}.dashboard-hero h2{font-size:20px}.grid-4,.quick-grid-four,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.quick-card{min-height:88px}.brand img{width:170px}.page-toolbar{display:grid}.order-tab{justify-content:center}.report-meta-grid,.report-delivery-grid{grid-template-columns:1fr}}

@media print{body{background:#fff}.sidebar,.topbar,.no-print,.button{display:none!important}.app-shell{display:block}.content{padding:0}.panel{box-shadow:none;border:0;padding:0;margin:0}.print-only{display:block}.report-sheet{padding:12mm}.report-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid #153256;padding-bottom:14px;margin-bottom:18px}.report-header img{width:180px}.report-title{text-align:right}.report-title h1{margin:0;color:#153256}.report-accent{height:6px;background:#a10d13;margin:12px 0 18px}.data-table th{background:#153256!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-total{font-size:22px;text-align:right;margin-top:18px;color:#a10d13;font-weight:900}.report-footer{margin-top:28px;padding-top:12px;border-top:1px solid #ccc;font-size:11px;color:#667}.report-meta-grid,.report-delivery-grid{break-inside:avoid}.report-note{background:#f7f9fb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
\n/* === 2026-08-21 KURUMSAL İNCE AYARLAR === */
.content{max-width:1720px}.panel{border-color:#dce4ed}.topbar{box-shadow:0 1px 0 rgba(21,50,86,.03)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#fbfcfe}.button.primary{background:linear-gradient(135deg,#a10d13,#bd1820)}.button.dark{background:linear-gradient(135deg,#153256,#0f2745)}

/* ===== MAYSAN KASA V5 / TAM KURUMSAL REDESIGN ===== */
:root{--navy:#102d50;--navy-2:#0a2039;--navy-3:#1b426d;--red:#b40f17;--red-2:#d01a23;--ink:#13243a;--muted:#718096;--bg:#eef2f6;--surface:#fff;--line:#d9e2ec;--green:#11865b;--blue:#2868b2;--amber:#c67a16;--shadow:0 10px 30px rgba(16,45,80,.07);--shadow-soft:0 5px 18px rgba(16,45,80,.055);--radius:14px}
body{background:var(--bg);font-size:14px}.app-shell{grid-template-columns:258px minmax(0,1fr)}
.sidebar{padding:0;background:linear-gradient(180deg,#102f54 0%,#0b2440 100%);box-shadow:8px 0 30px rgba(7,28,50,.14)}
.brand{min-height:118px;display:flex;flex-direction:column;justify-content:center;padding:22px 24px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,.10)}
.brand img{width:190px;margin:0}.brand-caption{margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#9eb4ca;font-size:8px;letter-spacing:.24em}
.sidebar-nav{padding:18px 14px 0;margin:0;gap:5px}.nav-link{min-height:46px;padding:6px 10px;border-radius:10px;color:#d9e5f0;position:relative}
.nav-link:hover{transform:none;background:rgba(255,255,255,.07)}.nav-link.active{background:#fff;color:var(--navy);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.nav-link.active:before{content:"";width:4px;height:22px;border-radius:99px;background:var(--red);position:absolute;left:0}.nav-icon{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.08)}
.nav-link.active .nav-icon{background:#f9e9eb;color:var(--red)}.nav-label{font-size:13px}.nav-submenu{margin-left:40px;padding-left:11px}.nav-sub-link{font-size:11.5px;padding:8px}.sidebar-bottom{padding:0 14px 14px}.settings-link{padding-top:10px}.sidebar-footer{padding:13px 4px 0}
.topbar{height:86px;padding:0 30px;background:linear-gradient(100deg,#102d50 0%,#173c65 100%);border:0;box-shadow:0 8px 22px rgba(16,45,80,.12);color:#fff}
.topbar h1{font-size:24px;color:#fff}.topbar p{color:#b8c9da;font-size:11px}.topbar-mark{padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;font-size:10px}.topbar-mark span{width:22px;height:3px;background:#e2212b}
.content{max-width:none;padding:26px 30px 46px}.panel{border:1px solid #dbe3ec;border-radius:14px;padding:22px;box-shadow:var(--shadow-soft)}.panel-head h2{font-size:19px}.eyebrow{color:var(--red);font-size:9px}
input,select,textarea{border-radius:8px;border-color:#d5dfe9;background:#fbfcfe}.button{border-radius:8px}.button.primary{background:var(--red);box-shadow:0 7px 16px rgba(180,15,23,.16)}.button.dark{background:var(--navy)}
.data-table th{background:#f0f4f8;color:#4e6178;text-transform:uppercase;letter-spacing:.035em;font-size:9px}.data-table td{font-size:12px}
.dashboard-hero{min-height:128px;padding:26px 30px;margin:0 0 16px;border:0;border-radius:15px;background:linear-gradient(110deg,rgba(180,15,23,.94) 0%,rgba(138,13,21,.95) 34%,rgba(16,45,80,.98) 100%);box-shadow:0 16px 34px rgba(16,45,80,.16);color:#fff}
.dashboard-hero:before{content:"";position:absolute;right:125px;top:-80px;width:240px;height:240px;border:1px solid rgba(255,255,255,.10);border-radius:50%}.dashboard-hero:after{right:-35px;top:-70px;width:230px;height:230px;background:rgba(255,255,255,.055)}
.hero-eyebrow{color:#fff;opacity:.78}.dashboard-hero h2{font-size:25px;color:#fff}.dashboard-hero p{color:#e5edf5}.hero-date{width:70px;height:70px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);box-shadow:none}.hero-date span{color:#fff}
.grid-4{gap:12px}.stat-card{min-height:132px;border-radius:13px;padding:18px 19px;box-shadow:none;border:1px solid #dbe3ec}.stat-card:before{left:0;top:16px;bottom:16px;width:3px}.stat-card strong{font-size:27px;margin:14px 0 7px}
.stat-card.revenue{background:linear-gradient(145deg,#fff,#f4fbf8)}.stat-card.cash{background:linear-gradient(145deg,#fff,#f4f7fb)}.stat-card.card{background:linear-gradient(145deg,#fff,#f3f7fc)}.stat-card.expense{background:linear-gradient(145deg,#fff,#fff6f6)}
.dashboard-actions{padding:22px;border-radius:14px;box-shadow:none;margin-top:16px}.quick-grid-four{gap:11px}.quick-card{min-height:92px;padding:14px;grid-template-columns:42px 1fr 18px;border-radius:11px;box-shadow:none;position:relative;overflow:hidden}
.quick-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#d8e1eb}.quick-card:nth-child(1):before{background:var(--red)}.quick-card:nth-child(2):before{background:var(--green)}.quick-card:nth-child(3):before{background:var(--amber)}.quick-card:nth-child(4):before{background:var(--navy)}.quick-icon-box{width:42px;height:42px;border-radius:10px}
.two-col{gap:14px}.summary-chip{border-radius:9px;background:#f3f6f9}.order-tab{border-radius:8px}.badge{border-radius:6px}
.retail-sale-panel,.retail-records-panel,.expense-form,.expense-list,.cashbook-page{border-radius:14px!important;box-shadow:var(--shadow-soft)!important}
.retail-info-box,.retail-stat,.expense-meta>div,.estat,.cstat{border-radius:9px!important}.cashbook-grid{gap:14px!important}.cash-movement,.cash-closing{border-radius:11px!important}.cash-closing{background:#f5f8fb!important}
@media(max-width:1250px){.app-shell{grid-template-columns:230px 1fr}.brand img{width:170px}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;height:auto}.topbar{position:relative}}@media(max-width:640px){.content{padding:16px}.topbar{padding:16px 18px}}


/* =========================================================
   MAYSAN KASA V6 — SADE / PREMIUM / KURUMSAL
   Gözü yormayan, beyaz alanı bol, tek vurgu renkli tasarım
   ========================================================= */

:root{
  --navy:#17324f;
  --navy-2:#10263d;
  --red:#9f1117;
  --ink:#1f2d3d;
  --muted:#7d8a99;
  --bg:#f6f7f9;
  --surface:#ffffff;
  --line:#e4e8ed;
  --soft:#f8fafb;
  --green:#2f7d63;
  --blue:#4a6f95;
  --amber:#9b7a48;
  --danger:#9f1117;
  --shadow:0 8px 24px rgba(24,43,64,.045);
  --shadow-soft:0 4px 14px rgba(24,43,64,.035);
  --radius:14px;
}

html,body{
  background:var(--bg);
  color:var(--ink);
}

body{
  font-size:14px;
  letter-spacing:-.005em;
}

.app-shell{
  grid-template-columns:246px minmax(0,1fr);
}


/* SIDEBAR */

.sidebar{
  background:#142f4b;
  box-shadow:none;
  border-right:1px solid rgba(255,255,255,.04);
}

.brand{
  min-height:108px;
  padding:22px 20px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.brand img{
  width:175px;
}

.brand-caption{
  color:#8fa3b7;
  font-size:7.5px;
  letter-spacing:.22em;
  border-top:0;
  padding-top:6px;
  margin-top:8px;
}

.sidebar-nav{
  padding:16px 12px 0;
  gap:4px;
}

.nav-link{
  min-height:44px;
  border-radius:8px;
  color:#cbd7e3;
  font-weight:700;
}

.nav-link:hover{
  background:rgba(255,255,255,.045);
  color:#fff;
}

.nav-link.active{
  background:rgba(255,255,255,.10);
  color:#fff;
  box-shadow:none;
}

.nav-link.active:before{
  width:3px;
  height:20px;
  background:#d7dde5;
}

.nav-link.active .nav-icon{
  background:rgba(255,255,255,.09);
  color:#fff;
}

.nav-icon{
  width:30px;
  height:30px;
  border-radius:8px;
  background:rgba(255,255,255,.045);
}

.nav-label{
  font-size:12.5px;
}

.nav-sub-link{
  color:#aebdcc;
  font-size:11.5px;
}

.sidebar-footer,
.settings-link{
  border-color:rgba(255,255,255,.08);
}


/* TOPBAR */

.topbar{
  height:82px;
  background:#fff;
  color:var(--ink);
  border-bottom:1px solid var(--line);
  box-shadow:none;
  padding:0 30px;
}

.topbar h1{
  color:var(--ink);
  font-size:23px;
  font-weight:800;
}

.topbar p{
  color:var(--muted);
}

.topbar-mark{
  background:transparent;
  border:0;
  color:var(--navy);
  padding:0;
  font-size:10px;
  font-weight:700;
}

.topbar-mark span{
  width:24px;
  height:2px;
  background:var(--red);
}

.content{
  padding:26px 30px 48px;
}


/* PANELS / FORMS */

.panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:var(--shadow-soft);
  padding:22px;
}

.panel:hover{
  border-color:#dde3e9;
}

.panel-head{
  margin-bottom:18px;
}

.panel-head h2,
.panel-head h3{
  color:var(--ink);
  font-weight:800;
}

.panel-subtitle{
  color:var(--muted);
}

.eyebrow{
  color:var(--red);
  font-size:8.5px;
  letter-spacing:.14em;
}

input,select,textarea{
  background:#fff;
  border:1px solid #dfe5eb;
  border-radius:9px;
  color:var(--ink);
}

input:focus,select:focus,textarea:focus{
  border-color:#9daebb;
  box-shadow:0 0 0 3px rgba(23,50,79,.05);
}

.button{
  border-radius:9px;
  font-weight:750;
}

.button.primary{
  background:#9f1117;
  box-shadow:none;
}

.button.primary:hover{
  background:#891016;
}

.button.dark{
  background:#17324f;
}

.button.ghost{
  background:#fff;
  border:1px solid var(--line);
}


/* DASHBOARD HERO */

.dashboard-hero{
  min-height:112px;
  padding:24px 26px;
  margin-bottom:16px;
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
  border-radius:14px;
}

.dashboard-hero:before,
.dashboard-hero:after{
  display:none;
}

.hero-eyebrow{
  color:var(--red);
  opacity:1;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.14em;
}

.dashboard-hero h2{
  color:var(--ink);
  font-size:24px;
  margin:7px 0 5px;
}

.dashboard-hero p{
  color:var(--muted);
}

.hero-date{
  width:66px;
  height:66px;
  border-radius:14px;
  background:#f5f7f9;
  color:var(--navy);
  border:1px solid var(--line);
  box-shadow:none;
}

.hero-date span{
  color:#8c98a6;
}


/* STATS */

.grid-4{
  gap:12px;
}

.stat-card{
  min-height:124px;
  border-radius:12px;
  background:#fff!important;
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
  padding:18px 19px;
}

.stat-card:before{
  top:18px;
  bottom:18px;
  width:2px;
  border-radius:99px;
}

.stat-card.revenue:before{background:#7f9d8b}
.stat-card.cash:before{background:#58728c}
.stat-card.card:before{background:#6f86a1}
.stat-card.expense:before{background:#a65f62}

.stat-label{
  color:#7a8796;
  font-size:9px;
  letter-spacing:.07em;
}

.stat-dot{
  width:6px;
  height:6px;
}

.stat-card strong{
  font-size:25px;
  color:var(--ink);
  margin:13px 0 6px;
}

.stat-card small{
  color:#8a96a4;
}


/* QUICK ACTIONS */

.dashboard-actions{
  margin-top:16px;
  padding:22px;
  border-radius:14px;
}

.dashboard-panel-head h2{
  font-size:20px;
}

.quick-grid{
  gap:10px;
}

.quick-card{
  min-height:86px;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  box-shadow:none;
  grid-template-columns:40px minmax(0,1fr) 16px;
}

.quick-card:before{
  display:none;
}

.quick-card:hover{
  transform:none;
  border-color:#cfd7df;
  box-shadow:0 6px 16px rgba(24,43,64,.04);
}

.quick-icon-box{
  width:40px;
  height:40px;
  border-radius:9px;
  font-size:16px;
}

.quick-icon-box.order{
  background:#f7eeee;
  color:#8f1b20;
}

.quick-icon-box.retail{
  background:#eef5f1;
  color:#38725e;
}

.quick-icon-box.expense{
  background:#f7f2e9;
  color:#8b7048;
}

.quick-icon-box.cashbook{
  background:#eef2f6;
  color:#435f7b;
}

.quick-content{
  gap:3px;
}

.quick-content strong{
  font-size:13.5px;
  font-weight:800;
}

.quick-content small{
  font-size:10.5px;
  color:#8a96a5;
}

.quick-arrow{
  font-size:17px;
  color:#aab4bf;
}


/* TABLES */

.data-table th{
  background:#f7f8fa;
  color:#697788;
  border-color:#e6eaee;
  font-size:9px;
}

.data-table td{
  border-color:#edf0f3;
}

.badge{
  background:#f1f4f6;
  color:#526172;
  border-radius:7px;
}


/* RETAIL / EXPENSE / CASHBOOK */

.retail-sale-panel,
.retail-records-panel,
.expense-form,
.expense-list,
.cashbook-page{
  box-shadow:var(--shadow-soft)!important;
  border:1px solid var(--line)!important;
}

.retail-status{
  background:#f1f6f3!important;
  color:#39745e!important;
}

.retail-stat-main,
.estat:first-child,
.cstat.primary{
  background:#17324f!important;
  border-color:#17324f!important;
}

.retail-info-box,
.retail-stat,
.expense-meta>div,
.estat,
.cstat,
.cash-movement,
.cash-closing{
  border-color:#e1e6eb!important;
  border-radius:10px!important;
}

.cash-closing{
  background:#fafbfc!important;
}


/* LOGIN */

.login-card{
  border-radius:18px;
  box-shadow:0 18px 48px rgba(18,38,61,.10);
}


/* RESPONSIVE */

@media(max-width:1250px){
  .app-shell{grid-template-columns:226px 1fr}
}

@media(max-width:900px){
  .app-shell{display:block}
  .sidebar{position:relative;height:auto}
  .topbar{position:relative}
}

@media(max-width:640px){
  .content{padding:16px}
  .topbar{padding:16px 18px}
}

.desktop-download{margin-top:18px}
.desktop-download-line{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:2px 0 12px;color:#9aa5b2;font-size:8px;letter-spacing:.14em}
.desktop-download-line span{height:1px;background:#e4e9ee}
.desktop-download-button{
  min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;
  padding:9px 14px;border:1px solid #dce3ea;border-radius:11px;background:#f8fafb;
  color:#17324f;text-decoration:none;transition:.16s ease
}
.desktop-download-button:hover{background:#fff;border-color:#c7d1dc;box-shadow:0 7px 20px rgba(23,50,79,.06);transform:translateY(-1px)}
.desktop-download-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#17324f;color:#fff;font-size:15px}
.desktop-download-button strong{display:block;font-size:11.5px}
.desktop-download-button small{display:block;margin-top:3px;color:#8491a0;font-size:8.5px}


/* =========================================================
   V10.4 - HEADER MASAÜSTÜ İNDİR BUTONU
   ========================================================= */
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.topbar > div:first-child{
  min-width:0;
}

.topbar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-left:auto;
}

.desktop-top-download{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:7px 14px 7px 9px;
  border:1px solid #dbe2e9;
  border-radius:11px;
  background:#ffffff;
  color:#17324f;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(23,50,79,.045);
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}

.desktop-top-download:hover{
  background:#fbfcfd;
  border-color:#c8d2dc;
  box-shadow:0 7px 20px rgba(23,50,79,.07);
  transform:translateY(-1px);
}

.desktop-top-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#17324f;
  color:#fff;
}

.desktop-top-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.desktop-top-copy{
  display:grid;
  gap:2px;
  text-align:left;
  line-height:1.15;
}

.desktop-top-copy strong{
  color:#17324f;
  font-size:11.5px;
  font-weight:800;
  white-space:nowrap;
}

.desktop-top-copy small{
  color:#8190a0;
  font-size:8.5px;
  font-weight:600;
}

@media(max-width:900px){
  .desktop-top-copy{
    display:none;
  }

  .desktop-top-download{
    width:42px;
    min-height:42px;
    padding:4px;
    justify-content:center;
  }

  .desktop-top-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
}

@media(max-width:640px){
  .topbar{
    gap:10px;
  }
}