/* Betimleme Glass — generated from tokens.json */
:root, [data-theme="light"] {
  --ink-100: #16181d;
  --ink-200: #3d424c;
  --ink-300: #5b616e;
  --ink-label: #6b717d;
  --ink-disabled: #9aa0ab;
  --page: #eceef3;
  --glass-shell: rgba(255,255,255,.5);
  --glass-card: rgba(255,255,255,.74);
  --glass-menu: rgba(255,255,255,.86);
  --glass-pill: rgba(255,255,255,.62);
  --glass-dark: rgba(28,31,38,.8);
  --on-dark: #ffffff;
  --accent: #2f5aa8;
  --accent-hover: #244a8c;
  --accent-top: #3b68b8;
  --accent-bg: rgba(47,90,168,.12);
  --accent-fill: rgba(47,90,168,.13);
  --accent-select: rgba(47,90,168,.09);
  --success: #2b7a3a;
  --success-strong: #2b8a3e;
  --success-bg: rgba(43,138,62,.12);
  --outgoing: #087f5b;
  --outgoing-bg: rgba(8,127,91,.09);
  --warning: #b4460b;
  --warning-bg: rgba(232,89,12,.12);
  --danger: #c22b2b;
  --danger-strong: #c92a2a;
  --danger-bg: rgba(224,49,49,.12);
  --note: #9a5b00;
  --note-bg: rgba(245,159,0,.08);
  --hairline: rgba(22,24,29,.12);
  --divider: rgba(22,24,29,.06);
  --segment-track: rgba(118,118,128,.14);
  --glow-blue: rgba(47,90,168,.24);
  --glow-green: rgba(43,138,62,.15);
  --glow-violet: rgba(112,72,200,.13);
  --glow-amber: rgba(245,159,0,.09);
  --bg: var(--page);
  --card: var(--glass-card);
  --ink: var(--ink-100);
  --mut: var(--ink-300);
  --bd: var(--hairline);
  --acc: var(--accent);
  --acc-bg: var(--accent-bg);
  --ok: var(--success);
  --ok-bg: var(--success-bg);
  --no: var(--danger);
  --no-bg: var(--danger-bg);
  --ed: var(--note);
  --ed-bg: var(--note-bg);
  --new: var(--accent);
  --new-bg: var(--accent-bg);
  --p1: var(--danger);
  --p1-bg: var(--danger-bg);
  --p2: var(--warning);
  --p2-bg: var(--warning-bg);
  --p3: var(--ink-200);
  --p3-bg: var(--segment-track);
  --job-info: var(--accent);
  --job-info-bg: var(--accent-bg);
  --job-warn: var(--warning);
  --job-warn-bg: var(--warning-bg);
  --job-err: var(--danger);
  --job-err-bg: var(--danger-bg);
  --job-done: var(--success);
  --job-done-bg: var(--success-bg);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 0.5px rgba(22,24,29,.1), 0 8px 24px rgba(22,24,29,.06);
  --shadow-pill: inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 0.5px rgba(22,24,29,.12), 0 1px 3px rgba(22,24,29,.06);
  --shadow-float: 0 0 0 0.5px rgba(22,24,29,.12), 0 16px 40px rgba(22,24,29,.22);
  --shadow-primary: inset 0 1px 0 rgba(255,255,255,.22), 0 4px 12px rgba(47,90,168,.32);
  --shadow-segment: 0 1px 2px rgba(22,24,29,.12), 0 0 0 0.5px rgba(22,24,29,.06);
}
:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --radius-inline: 10px;
  --radius-menu: 14px;
  --radius-row: 16px;
  --radius-group: 20px;
  --radius-panel: 22px;
  --radius-sheet: 32px;
  --radius-pill: 999px;
  --h-26: 26px;
  --h-28: 28px;
  --h-30: 30px;
  --h-32: 32px;
  --h-36: 36px;
  --h-44: 44px;
  --h-46: 46px;
  --h-52: 52px;
  --h-58: 58px;
  --w-menu: 248px;
  --w-rail: 64px;
  --w-thumb: 160px;
  --w-desktop-min: 1280px;
  --bp-single: 900px;
  --backdrop-shell: blur(40px) saturate(200%);
  --backdrop-card: blur(30px) saturate(180%);
  --backdrop-menu: blur(30px) saturate(200%);
  --backdrop-pill: blur(20px) saturate(180%);
  --backdrop-dark: blur(30px);
  --ease-calm: cubic-bezier(.2,.8,.2,1);
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-slow: 280ms;
  --font-sans: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
}
.h1 { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.028em; }
.h1-mobile { font-family: var(--font-sans); font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -0.028em; }
.panel-title { font-family: var(--font-sans); font-size: 14.5px; line-height: 18px; font-weight: 650; letter-spacing: -0.01em; }
.empty-title { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 650; }
.body { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 500; }
.body-strong { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 600; }
.body-done { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 450; }
.pill { font-family: var(--font-sans); font-size: 12.5px; line-height: 16px; font-weight: 500; }
.label { font-family: var(--font-sans); font-size: 11.5px; line-height: 14px; font-weight: 600; }
.badge { font-family: var(--font-sans); font-size: 11.5px; line-height: 14px; font-weight: 650; }
.mono { font-family: var(--font-mono); font-size: 12.5px; line-height: 16px; font-weight: 500; }
.kbd { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 550; }
@font-face { font-family: "Geist"; src: url("fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }