@charset "UTF-8";
/* Core design tokens */
:root {
  /* Main namespace */
  --main-bg: #020617;
  --main-surface: #ffffff;
  --main-text: #254268;
  --main-muted: #5f6b85;
  --main-border: #111827;
  --main-header: #020617;
  --main-input-bg: #ffffff;
  --main-input-focus: #a8dd2a;
  /* Neutrals */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #f8fafc;
  --color-gray-100: #f1f5f9;
  --color-gray-200: #e2e8f0;
  --color-gray-300: #cbd5e1;
  --color-gray-400: #94a3b8;
  --color-gray-500: #64748b;
  --color-gray-600: #475569;
  --color-gray-700: #334155;
  --color-gray-800: #1e293b;
  --color-gray-900: #0f172a;
  /* Surface/Text */
  --color-bg-primary: #f0f6f4;
  --color-surface: #ffffff;
  --color-text: #254268;
  --color-text-muted: #5f6b85;
  --color-border: #d9e2df;
  /* Brand */
  --color-brand-50: #fff8e7;
  --color-brand-100: #fef0cf;
  --color-brand-200: #f9dda0;
  --color-brand-300: #f1ca78;
  --color-brand: #e6be63;
  --color-brand-500: #dba745;
  --color-brand-600: #ce870a;
  --color-brand-700: #a86908;
  --color-brand-dark: #ce870a;
  /* Blue/Info */
  --color-info-100: #dce5f5;
  --color-info-200: #b9caeb;
  --color-info-300: #96aee0;
  --color-info: #7089bd;
  --color-info-500: #5f77a9;
  --color-info-600: #4d6593;
  /* Status */
  --color-success-100: #d8f7db;
  --color-success-200: #b1efb7;
  --color-success: #2bde34;
  --color-success-600: #1e8f25;
  --color-warning-100: #fff4dc;
  --color-warning-200: #ffe7b0;
  --color-warning: #f59e0b;
  --color-warning-600: #b96f00;
  --color-danger-100: #ffe0e0;
  --color-danger-200: #ffc2c2;
  --color-danger: #c82a2a;
  --color-danger-600: #a01f1f;
  --color-nakit: #2bde34;
  --color-kart: #1565c0;
  --color-acik: #c82a2a;
  --color-error: #b4232d;
  --color-on-dark: #ffffff;
  --color-on-success: #0f172a;
  --color-overlay: rgba(0, 0, 0, 0.45);
  /* Accent family */
  --color-teal: #0f766e;
  --color-cyan: #0891b2;
  --color-sky: #0284c7;
  --color-violet: #7c3aed;
  --color-rose: #e11d48;
  /* Existing buttons */
  --color-button-primary: #ce870a;
  --color-button-secondary: #7089bd;
  --color-button-third: #2bde34;
  --color-button-cancel: #ff0000;
  /* Sidebar */
  --sidebar-bg: #020617;
  --sidebar-border: #111827;
  --sidebar-text: #e5e7eb;
  --sidebar-text-muted: #9ca3af;
  --sidebar-section-text: #94a3b8;
  --sidebar-section-border: #475569;
  --sidebar-link: #9ca3af;
  --sidebar-link-hover-bg: #0f172a;
  --sidebar-link-hover: #e5e7eb;
  --sidebar-link-active-bg: #1e293b;
  --sidebar-link-active: #facc15;
  --sidebar-main-bg: #020617;
  /* Admin surfaces */
  --admin-surface-bg: var(--color-surface);
  --admin-surface-soft-bg: var(--color-bg-primary);
  --admin-surface-border: var(--color-border);
  --admin-text: var(--color-text);
  --admin-text-muted: var(--color-text-muted);
  --admin-shadow: var(--shadow-sm);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --radius-sm: 10px;
  --radius-md: 14px;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", "Roboto", "Arial", sans-serif;
  --header-h: 70px;
  --app-header-h: 60px;
  /* Typography */
  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --lh-tight: 1.2;
  --lh-normal: 1.5;
  --lh-relaxed: 1.65;
  /* Spacing */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
}

@media (min-width: 768px) {
  :root {
    --fs-10: 10px;
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 19px;
    --fs-20: 22px;
    --fs-24: 28px;
  }
}
@media (min-width: 992px) {
  :root {
    --fs-10: 10px;
    --fs-11: 11px;
    --fs-12: 12px;
    --fs-13: 14px;
    --fs-14: 15px;
    --fs-15: 16px;
    --fs-16: 17px;
    --fs-18: 20px;
    --fs-20: 24px;
    --fs-24: 32px;
  }
}
/* =============================
   Home (index.php)
   ============================= */
/* 4 sütunlu özet */
.summary-four {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
  margin: 40px 0;
}

.summary-col {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text);
  border-radius: 10px;
  padding: 20px;
  box-shadow: var(--shadow-sm);
}

.summary-col--1 {
  background: var(--color-brand);
  color: var(--color-text);
}

.summary-col--2 {
  background: var(--color-info);
  color: var(--color-bg-primary);
}

.summary-col--3 {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
}

.summary-col--4 {
  background: var(--color-text);
  color: var(--color-bg-primary);
}

@media (max-width: 991.98px) {
  .summary-four {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575.98px) {
  .summary-four {
    grid-template-columns: 1fr;
  }
}
/* 3 sütunlu rapor kutuları */
.three-col {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin: 40px 0;
  gap: 20px;
  min-height: 200px;
}

.three-col__col {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.three-col__col:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.three-col__col--1 {
  background: var(--color-text);
  color: var(--color-bg-primary);
}

.three-col__col--2 {
  background: var(--color-info);
  color: var(--color-bg-primary);
}

.three-col__col--3 {
  background: var(--color-brand);
  color: var(--color-text);
}

@media (max-width: 420px) {
  .three-col {
    flex-direction: column;
  }
}
/* Son Satışlar */
.sales-section {
  background: color-mix(in oklab, var(--color-bg-primary) 90%, var(--color-info) 10%);
  padding: 60px 40px;
  overflow-x: auto;
  margin: 0 0 40px;
}

.sales-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: 32px;
}

.sales-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 auto;
  background: var(--color-surface);
  box-shadow: var(--shadow-md);
  border-radius: 12px;
  overflow: hidden;
}

.sales-table th, .sales-table td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--color-border);
  text-align: left;
  white-space: nowrap;
}

.sales-table th {
  background: var(--color-info);
  color: var(--color-bg-primary);
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
  position: sticky;
  top: 0;
}

.sales-table tbody tr:hover {
  background: color-mix(in oklab, var(--color-info) 12%, white 88%);
  transition: background 0.2s ease;
}

@media (max-width: 767.98px) {
  .sales-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .sales-table th, .sales-table td {
    font-size: 13px;
    padding: 10px 12px;
  }
  .sales-section {
    padding: 40px 20px;
  }
}