/*============================================================
  Renkli Koçluk — Ultra Modern UI
  Outfit | Glass | Micro-interactions
  ============================================================*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --p: #6366F1; --ph: #4F46E5; --pl: #EEF2FF;
  --ink: #0F172A; --ink-m: #475569; --ink-f: #94A3B8;
  --bg: #E2E8F0; --s: #FFFFFF; --s2: #F8FAFC; --s3: #CBD5E1;
  --border: #CBD5E1; --border-l: #E2E8F0;
  --st-success: #059669; --st-s-bg: #D1FAE5; --st-s-border: #A7F3D0;
  --st-warn: #D97706; --st-w-bg: #FDE68A; --st-w-border: #FCD34D;
  --st-danger: #DC2626; --st-d-bg: #FECACA; --st-d-border: #FCA5A5;
  --st-info: #2563EB; --st-i-bg: #BFDBFE; --st-i-border: #93C5FD;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow: 0 4px 6px rgba(0,0,0,0.04), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-md: 0 10px 15px rgba(0,0,0,0.05), 0 4px 6px rgba(0,0,0,0.04);
  --shadow-lg: 0 20px 25px rgba(0,0,0,0.06), 0 10px 10px rgba(0,0,0,0.03);
  --r: 14px; --r-sm: 10px; --r-xs: 8px; --rx1: 14px;
  --ease: cubic-bezier(0.16,1,0.3,1);
  --sw: 252px; --sd: #0F172A; --sdh: #1E293B;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font-family: 'Outfit', system-ui, sans-serif; font-weight: 400; color: var(--ink); background: var(--bg); line-height: 1.5; }
h1, h2, h3, h4 { font-family: 'Outfit', sans-serif; font-weight: 700; color: var(--ink); line-height: 1.2; letter-spacing: -0.02em; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 10px; }

/* ---- BUTTONS ---- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; height: 2.625rem; padding: 0 1.25rem; font-size: .8125rem; font-weight: 600; border-radius: var(--r-sm); cursor: pointer; border: none; white-space: nowrap; transition: all .15s var(--ease); font-family: inherit; letter-spacing: -.01em; }
.btn:active { transform: scale(.97); }
.btn:disabled { opacity: .35; pointer-events: none; }
.btn-primary { background: var(--p); color: #fff; box-shadow: var(--shadow-sm); }
.btn-primary:hover { background: var(--ph); box-shadow: var(--shadow); transform: translateY(-1px); }
.btn-sm { height: 2.125rem; padding: 0 .875rem; font-size: .75rem; border-radius: var(--r-xs); }

/* ---- SIDEBAR ---- */
/* ============================================
   SIDEBAR — Premium Professional
   ============================================ */
.sidebar { width: var(--sw); background: var(--sd); display: flex; flex-direction: column; height: 100vh; position: fixed; left: 0; top: 0; z-index: 50; }

/* Logo */
.sidebar-logo { display: flex; align-items: center; gap: .75rem; padding: 1.625rem 1.375rem 1.25rem; margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.sidebar-logo-icon { width: 2.625rem; height: 2.625rem; border-radius: 14px; background: linear-gradient(135deg,#6366F1,#8B5CF6); display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: .875rem; box-shadow: 0 8px 20px rgba(99,102,241,0.3); }
.sidebar-logo-text { font-weight: 800; font-size: 1.1rem; color: #F8FAFC; letter-spacing: -0.03em; line-height:1.15; }
.sidebar-logo-sub { font-size: .675rem; color: #64748B; font-weight: 500; letter-spacing:.02em; }

/* Nav */
.sidebar-nav { flex: 1; overflow-y: auto; padding: .75rem .75rem; }

/* Section Groups — Premium Expandable */
.sidebar-section { margin-bottom: .25rem; }
.sidebar-section-header { padding: .75rem .75rem .5rem; cursor: pointer; display: flex; align-items: center; gap: .55rem; border-radius: 10px; transition: all .15s var(--ease); margin: 0 -.25rem; position:relative; }
.sidebar-section-header:hover { background: rgba(255,255,255,0.03); }
.sidebar-section-header .section-icon { width: 1.65rem; height: 1.65rem; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink:0; }
.sidebar-section-header .section-label { font-size: .775rem; font-weight: 600; color: #CBD5E1; flex:1; letter-spacing:-.01em; }
.sidebar-section-header .section-chevron { transition: transform .2s var(--ease); color: #64748B; flex-shrink:0; }
.sidebar-section-header .section-chevron .lucide { width:.65rem; height:.65rem; stroke-width:2.5; }

/* Child Links — indented, slightly smaller */
.sidebar-section .sidebar-link { padding: .55rem .75rem .55rem .75rem; font-size: .7875rem; font-weight: 500; color: #8B8FA8; }
.sidebar-section .sidebar-link .lucide { width: 1rem; height: 1rem; stroke-width: 1.75; }

/* Section Title — solo (not a toggle group) */
.sidebar-section-title { font-size: .6rem; font-weight: 700; color: #64748B; text-transform: uppercase; letter-spacing: .12em; padding: 1rem .75rem .35rem; display:flex; align-items:center; gap:.45rem; }
.sidebar-section-title::before { content:''; width:4px; height:4px; border-radius:50%; background:#64748B; flex-shrink:0; opacity:.6; }

/* Standard Links */
.sidebar-link { display: flex; align-items: center; gap: .7rem; padding: .625rem .75rem; border-radius: 8px; font-size: .8125rem; font-weight: 500; color: #94A3B8; transition: all .12s var(--ease); cursor: pointer; margin-bottom: 1px; position:relative; }
.sidebar-link:hover { background: rgba(255,255,255,0.04); color: #CBD5E1; }
.sidebar-link.active { background: rgba(99,102,241,0.12); color: #E2E8F0; font-weight: 600; }
.sidebar-link.active::before { content:''; position:absolute; left:-.75rem; top:50%; transform:translateY(-50%); width:3px; height:20px; border-radius:0 3px 3px 0; background:#6366F1; }
.sidebar-link .s-icon { width: 1.3rem; text-align: center; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.sidebar-link .lucide { width: 1.1rem; height: 1.1rem; stroke-width: 1.75; }
.sidebar-link.active .lucide { color: #818CF8; stroke-width: 2; }

/* Badge */
.s-badge { margin-left: auto; background: rgba(99,102,241,0.2); color: #A5B4FC; font-size: .6rem; font-weight: 700; padding: .125rem .5rem; border-radius: 99px; letter-spacing:.02em; }
.sidebar.open { transform: translateX(0); }

/* User Area */
.sidebar-user { display: flex; align-items: center; gap: .7rem; padding: .75rem .875rem; border-top: 1px solid rgba(255,255,255,0.05); margin: .5rem .625rem .75rem; position: relative; cursor: pointer; border-radius: 10px; transition: all .15s var(--ease); background: rgba(255,255,255,0.015); }
.sidebar-user:hover { background: rgba(255,255,255,0.04); }
.sidebar-user-avatar { width: 2.375rem; height: 2.375rem; border-radius: 11px; background: linear-gradient(135deg,#6366F1,#8B5CF6); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .8rem; flex-shrink: 0; object-fit: cover; position:relative; }
.sidebar-user-avatar::after { content:''; position:absolute; bottom:-1px; right:-1px; width:9px; height:9px; border-radius:50%; background:#10B981; border:2px solid #0F172A; }
.sidebar-user-name { font-weight: 600; font-size: .8rem; color: #E2E8F0; letter-spacing:-.01em; line-height:1.1; }
.sidebar-user-email { font-size: .65rem; color: #64748B; margin-top:1px; }
.sidebar-user-arrow { font-size: .7rem; color: #475569; transition: transform .2s var(--ease); margin-left:auto; }

/* Dropdown */
.sidebar-user-dropdown { position: absolute; bottom: calc(100% + 4px); left: 0; right: 0; background: #1E293B; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 20px 48px rgba(0,0,0,0.4); padding: .375rem; margin-bottom: 0; z-index: 60; backdrop-filter: blur(12px); }
.sidebar-dropdown-item { display: flex; align-items: center; gap: .55rem; width: 100%; padding: .6rem .75rem; border: none; background: none; font-family: inherit; font-size: .775rem; font-weight: 500; cursor: pointer; border-radius: 8px; text-align: left; text-decoration: none; color: #CBD5E1; transition: all .1s var(--ease); }
.sidebar-dropdown-item:hover { background: rgba(255,255,255,0.06); color: #F1F5F9; }
.sidebar-dropdown-item.danger { color: #FCA5A5; }
.sidebar-dropdown-item.danger:hover { background: rgba(220,38,38,0.12); color: #FECACA; }

/* ---- TOPBAR ---- */
.topbar { height: 4rem; background: rgba(255,255,255,0.75); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%); display: flex; align-items: center; padding: 0 2rem; gap: 1rem; position: sticky; top: 0; z-index: 40; border-bottom: 1px solid rgba(203,213,225,0.5); }
.topbar-breadcrumb { font-size: .75rem; color: var(--ink-m); font-weight: 500; }
.topbar-breadcrumb span { color: var(--ink); font-weight: 700; font-size: 1.125rem; display: block; margin-top: 1px; }
.topbar-btn { width: 2.375rem; height: 2.375rem; border-radius: var(--r-sm); display: flex; align-items: center; justify-content: center; border: 1px solid var(--border); background: var(--s); cursor: pointer; font-size: .9375rem; transition: all .15s var(--ease); color: var(--ink-m); }
.topbar-btn:hover { background: var(--s2); color: var(--ink); border-color: var(--s3); box-shadow: var(--shadow-xs); }
.dot { position: absolute; top: 2px; right: 2px; width: .5rem; height: .5rem; border-radius: 50%; background: var(--st-danger); border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }

/* ---- MAIN ---- */
.main-content { margin-left: var(--sw); min-height: 100vh; padding-bottom: 3rem; }
.main-inner { padding: 1.75rem 2rem; max-width: 1320px; }

/* ---- CARDS ---- */
.card-surface { background: var(--s); border-radius: var(--r); border: 1px solid var(--border); padding: 1.5rem; box-shadow: var(--shadow-xs); }

/* Hero card */
.hero-card { background: var(--s); border-radius: var(--r); border: 1px solid var(--border); box-shadow: var(--shadow-xs); overflow: hidden; }
.hero-card-header { padding: 1.5rem; display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.hero-card-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

/* ---- STAT CARDS ---- */
.stat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.stat-card { background: var(--s); border-radius: var(--r); padding: 1.25rem 1.5rem; border: 1px solid var(--border); display: flex; align-items: center; gap: 1rem; transition: all .2s var(--ease); box-shadow: var(--shadow-xs); }
.stat-card:hover { border-color: #94A3B8; box-shadow: var(--shadow-md); transform: translateY(-2px); }
.stat-icon { width: 2.75rem; height: 2.75rem; border-radius: var(--r-sm); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.stat-icon .lucide { width: 1.25rem; height: 1.25rem; stroke-width: 2; }
.stat-label { font-size: .6875rem; font-weight: 700; color: var(--ink-m); margin-bottom: 4px; letter-spacing: .04em; text-transform: uppercase; }
.stat-value { font-size: 1.5rem; font-weight: 800; color: var(--ink); line-height: 1.1; letter-spacing: -.02em; }
.stat-desc { font-size: .6875rem; color: var(--ink-f); margin-top: 4px; font-weight: 500; }

/* ---- BADGES ---- */
.avatar { width: 2.25rem; height: 2.25rem; border-radius: var(--r-sm); object-fit: cover; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .7rem; }
.avatar-lg { width: 3rem; height: 3rem; font-size: .9rem; border-radius: 12px; }
.avatar-sm { width: 1.75rem; height: 1.75rem; font-size: .6rem; }
.avatar.primary { background: var(--p); color: #fff; }
.badge { display: inline-flex; align-items: center; padding: .25rem .625rem; font-size: .6875rem; font-weight: 700; border-radius: 99px; background: var(--s2); color: var(--ink-m); border: 1px solid transparent; }
.badge-green { background: var(--st-s-bg); color: var(--st-success); border-color: var(--st-s-border); }
.badge-amber { background: var(--st-w-bg); color: var(--st-warn); border-color: var(--st-w-border); }
.badge-blue { background: var(--st-i-bg); color: var(--st-info); border-color: var(--st-i-border); }
.badge-indigo { background: var(--pl); color: var(--p); border-color: #C7D2FE; }
.badge-purple { background: #F5F3FF; color: #7C3AED; border-color: #DDD6FE; }
.badge-red { background: var(--st-d-bg); color: var(--st-danger); border-color: var(--st-d-border); }
.badge-neutral { background: #F1F5F9; color: #475569; border-color: #E2E8F0; }
.badge-success { background: var(--st-s-bg); color: var(--st-success); border-color: var(--st-s-border); }
.badge-danger { background: var(--st-d-bg); color: var(--st-danger); border-color: var(--st-d-border); }
.badge-info { background: var(--st-i-bg); color: var(--st-info); border-color: var(--st-i-border); }
.badge-warning { background: var(--st-w-bg); color: var(--st-warn); border-color: var(--st-w-border); }

/* ---- FORM & TABLE ---- */
.form-input, .form-select { width: 100%; border-radius: var(--r-sm); border: 1px solid var(--border); background: var(--s); padding: .55rem .75rem; font-size: .8125rem; color: var(--ink); transition: all .15s var(--ease); outline: none; font-family: inherit; box-shadow: var(--shadow-xs); }
.form-input:focus, .form-select:focus { border-color: var(--p); box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.form-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .625rem center; padding-right: 2rem; }
table { width: 100%; border-collapse: collapse; }

/* Table container */
.table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--r); background: var(--s); border: 1px solid var(--border); }
.table-container table { min-width: 600px; }

/* Pagination */
.pagination { display: flex; gap: .25rem; align-items: center; }
.pagination a, .pagination span { padding: .375rem .75rem; font-size: .75rem; border-radius: var(--r-xs); }

/* Empty state */
.empty-state { text-align: center; padding: 3rem 1.5rem; }
.empty-state-icon { width: 4rem; height: 4rem; margin: 0 auto 1rem; border-radius: var(--r); display: flex; align-items: center; justify-content: center; background: var(--s2); color: var(--ink-f); font-size: 1.75rem; }
.empty-state-title { font-weight: 700; font-size: 1.1rem; color: var(--ink); margin-bottom: .5rem; }
.empty-state-text { font-size: .8125rem; color: var(--ink-m); max-width: 360px; margin: 0 auto; }

/* Page header */
.page-header { margin-bottom: 1.5rem; }
.page-title { font-size: 1.5rem; font-weight: 800; color: var(--ink); letter-spacing: -0.02em; }
.page-subtitle { font-size: .8125rem; color: var(--ink-m); margin-top: .25rem; }
th { text-align: left; padding: .75rem 1rem; font-size: .6875rem; font-weight: 700; color: var(--ink-m); text-transform: uppercase; letter-spacing: .05em; background: var(--s2); border-bottom: 1px solid var(--border); }
td { padding: .75rem 1rem; font-size: .8125rem; border-bottom: 1px solid var(--border-l); }
tr:last-child td { border-bottom: none; } tr:hover td { background: var(--s2); }

/* ---- PAGE HEAD ---- */
.page-head { margin-bottom: 1.5rem; }
.page-head h2 { font-size: 1.75rem; font-weight: 800; letter-spacing: -.03em; }
.page-head p { font-size: .875rem; color: var(--ink-m); margin-top: .25rem; }

/* ---- QUICK ACTIONS ---- */
.quick-action { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 1.125rem .5rem; border-radius: var(--r-sm); transition: all .2s var(--ease); text-align: center; border: 1px solid transparent; }
.quick-action:hover { border-color: var(--s3); transform: translateY(-2px); box-shadow: var(--shadow); }
.quick-action span { font-size: .6875rem; font-weight: 700; }
.side-link { display: flex; align-items: center; gap: .625rem; padding: .625rem .75rem; font-size: .75rem; color: var(--ink-m); font-weight: 600; border-radius: var(--r-xs); transition: all .15s var(--ease); }
.side-link:hover { color: var(--ink); background: var(--s2); }

/* ---- LUCIDE ---- */
.lucide { width: 1.15rem; height: 1.15rem; stroke-width: 2; flex-shrink: 0; }
.lucide-sm { width: .875rem; height: .875rem; stroke-width: 2.25; }
.btn .lucide { width: .9rem; height: .9rem; stroke-width: 2.5; }
.sidebar-link .lucide { stroke-width: 1.75; }

/* ---- ACCESSIBILITY ---- */
:focus-visible { outline: 2px solid var(--p); outline-offset: 2px; border-radius: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0; }
.focus\:not-sr-only:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }
.sidebar-overlay { position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 55; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }

/* ---- MOTION ---- */
@keyframes fade-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.animate-in { animation: fade-up .5s var(--ease) both; }
.stagger-1 { animation-delay: .04s; } .stagger-2 { animation-delay: .08s; } .stagger-3 { animation-delay: .12s; } .stagger-4 { animation-delay: .16s; }
@media(prefers-reduced-motion:reduce) { .animate-in, [class*="stagger-"] { animation: none; opacity: 1; } .stat-card:hover { transform: none; } .quick-action:hover { transform: none; } }

/* ============================================
   HAMBURGER — Animated 3-line to X
   P2: 44×44px touch target
   P7: 200ms ease-out, meaningful motion
   ============================================ */
.hamburger { width: 44px; height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid #E2E8F0; background: #fff; cursor: pointer; border-radius: 10px; padding: 0; transition: background .15s var(--ease), border-color .15s var(--ease); }
.hamburger:hover { background: #F8FAFC; border-color: #CBD5E1; }
.hamburger:focus-visible { outline: 2px solid #6366F1; outline-offset: 2px; }
.hamburger span { display: block; width: 19px; height: 2px; background: #0F172A; border-radius: 2px; transition: all .2s var(--ease); transform-origin: center; }
.hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ============================================
   MOBILE SIDEBAR CLOSE BUTTON
   P2: 44×44px touch target
   ============================================ */
.sidebar-close { width: 44px; height: 44px; display: none; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.04); color: #94A3B8; cursor: pointer; border-radius: 10px; position: absolute; top: 1.25rem; right: 1rem; z-index: 5; transition: all .15s var(--ease); }
.sidebar-close:hover { background: rgba(255,255,255,0.1); color: #E2E8F0; border-color: rgba(255,255,255,0.15); }
.sidebar-close:focus-visible { outline: 2px solid #818CF8; outline-offset: 2px; }

/* ---- RESPONSIVE ---- */
@media(max-width: 1280px) { .stat-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .75rem; } .main-inner { padding: 1.25rem; } .topbar { padding: 0 1.25rem; } }
@media(max-width: 1024px) {
  .sidebar { transform: translateX(-100%); transition: transform .3s cubic-bezier(0.4,0,0.2,1); z-index: 60; box-shadow: 8px 0 40px rgba(0,0,0,0.2); }
  .sidebar.open { transform: translateX(0); }
  .sidebar-close { display: flex; }
  .main-content { margin-left: 0; }
  .main-inner { padding: 0 1rem; }
  .topbar { padding: 0 1rem; height: 3.5rem; }
  .topbar-breadcrumb span { font-size: 1rem; }
  .stat-grid { grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: .625rem; }
  .stat-card { padding: .875rem 1rem; gap: .75rem; } .stat-icon { width: 2.25rem; height: 2.25rem; } .stat-value { font-size: 1.25rem; }
  .card-surface { padding: 1rem; }
  .hamburger { display: flex; }

  /* Table responsive */
  .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-responsive table { min-width: 600px; }

  /* Filter bar stacking */
  .filter-bar { flex-direction: column; align-items: stretch; }
  .filter-bar > * { width: 100%; }
}
@media(max-width: 640px) {
  html { font-size: 14px; }
  .topbar { height: 3.25rem; padding: 0 .75rem; }
  .main-inner { padding: 0 .75rem; }

  /* Stats: 2 columns on mobile */
  .stat-grid { grid-template-columns: 1fr 1fr; gap: .5rem; }
  .stat-card { padding: .75rem; gap: .5rem; flex-direction: column; align-items: flex-start; }
  .stat-icon { width: 2rem; height: 2rem; }
  .stat-value { font-size: 1.1rem; }

  /* Grid helpers — only single-col for explicit mobile grids */
  .grid-mobile-1 { grid-template-columns: 1fr !important; }

  /* Buttons */
  .btn { height: 2.25rem; padding: 0 .875rem; font-size: .75rem; }

  /* Cards */
  .card-surface { padding: .875rem; border-radius: 12px; }

  /* Headings */
  h2 { font-size: 1.25rem; }
  .page-header h1, .page-title { font-size: 1.25rem; }

  /* Forms: full width inputs */
  .form-grid { grid-template-columns: 1fr !important; }

  /* Hide non-essential columns on mobile */
  .hide-on-mobile { display: none !important; }

  /* Mobile section spacing */
  .section-mobile { padding: 2rem .75rem; }

  /* Touch-friendly inputs */
  input, select, textarea, button { font-size: 16px !important; }
}
@media(min-width: 1025px) { .hamburger { display: none; } }

/* ---- Mobile safe area (iPhone notch) ---- */
@supports(padding: env(safe-area-inset-bottom)) {
  .sidebar { padding-bottom: env(safe-area-inset-bottom); }
  .main-content { padding-bottom: env(safe-area-inset-bottom); }
}

/* ---- Print styles ---- */
@media print {
  .sidebar, .topbar, .hamburger, .btn { display: none !important; }
  .main-content { margin-left: 0 !important; }
  .main-inner { padding: 0 !important; }
}