:root{
  /* Zemin: kemik / kağıt */
  --paper:#F7F5F0; --paper-2:#F0EDE6; --paper-3:#E7E3DA; --white:#FFFFFF;
  /* Mürekkep: lacivert (logo wordmark #14306B) */
  --ink-950:#0A1A3F; --ink-900:#0E2250; --ink-800:#14306B; --ink-700:#1E3A8A; --ink-600:#2B4A9C;
  --ink-500:#4A5F8F; --ink-400:#8791AB; --ink-300:#B9C0D0; --ink-200:#D9DDE6; --ink-100:#ECEEF3;
  /* Mavi (sembol) */
  --blue-700:#1E3A8A; --blue-600:#2563EB; --blue-500:#3B7BF2; --blue-100:#DCE7FC; --blue-50:#EEF3FE;
  /* Teal (IQ #2E9C95, sembol #2BB3A8, açık #8FD3C9) */
  --teal-800:#1D6E6A; --teal-700:#237F7A; --teal-600:#2E9C95; --teal-500:#2BB3A8; --teal-300:#8FD3C9; --teal-100:#D9F0EC; --teal-50:#EDF8F6;
  /* Şafak (yalnız gökyüzü yüzeyleri) */
  --dawn-1:#F4E7DF; --dawn-2:#F3EEE9; --dawn-3:#DCE8F1;
  --sky-dawn:linear-gradient(180deg,#F4E7DF 0%,#F3EEE9 42%,#E3EAF0 78%,#F7F5F0 100%);
  --grad-brand:linear-gradient(135deg,#1E3A8A 0%,#2563EB 55%,#2BB3A8 100%); /* YALNIZ logo + ≤2 vurgu (D3) */

  /* Çizgi */
  --rule:#D9D4C7;            /* kemik üstü hairline */
  --rule-soft:#E6E2D8;
  --rule-strong:#BFB9A9;
  --rule-white:#E3E6EC;      /* beyaz yüzey üstü */

  /* Durum (fg metin ≥4.5:1 kendi bg'si üstünde) */
  --ok-fg:#1F6B4A;   --ok-bg:#E8F4EE;   --ok-bd:#BFE0CF;   --ok-dot:#2F9E6B;
  --warn-fg:#8A5A12; --warn-bg:#FBF1DD; --warn-bd:#EBD3A2; --warn-dot:#D99A2B;
  --err-fg:#A3321F;  --err-bg:#FBECE8;  --err-bd:#EFC4BB;  --err-dot:#D4503A;
  --info-fg:#1E4FA8; --info-bg:#EBF1FC; --info-bd:#C3D4F3; --info-dot:#3B7BF2;

  /* Anlamsal takma adlar — bileşenler YALNIZ bunları kullanır */
  --bg:var(--paper); --bg-raised:var(--white); --bg-sunken:var(--paper-2); --bg-inverse:var(--ink-900);
  --text:var(--ink-900); --text-body:#2C3A5E; --text-muted:#5B6784; --text-faint:#8791AB;
  --text-on-dark:#FFFFFF; --text-on-dark-muted:#B9C6E4;
  --text-accent:var(--teal-800);       /* teal METİN: yalnız bu (≥4.5:1 kemik üstü) */
  --link:var(--ink-800);
  --primary:var(--ink-800); --primary-hover:var(--ink-900); --primary-press:var(--ink-950);
  --accent:var(--teal-600);            /* dekor/çizgi/nokta; metin rengi DEĞİL */
  --ring:var(--blue-600);
  --unread:var(--teal-500);

  /* Font aileleri */
  --font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-sans:"Inter", "Noto Sans Arabic", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-ar:"Noto Sans Arabic", "Inter", system-ui, sans-serif;

  /* Tip ölçeği (boyut/satır) */
  --t-display:clamp(52px,6.1vw,92px); --lh-display:.96;
  --t-h1:clamp(36px,4vw,60px);        --lh-h1:1.04;
  --t-h2:clamp(28px,2.8vw,40px);      --lh-h2:1.12;
  --t-h3:24px;                        --lh-h3:1.25;
  --t-kpi:64px;                       --lh-kpi:1;
  --t-lead:20px;                      --lh-lead:1.5;
  --t-body:16px;                      --lh-body:1.6;
  --t-ui:14px;                        --lh-ui:20px;
  --t-small:13px;                     --lh-small:20px;
  --t-eyebrow:12px;                   --ls-eyebrow:.22em;
  --t-micro:12px;
  --ls-display:-.035em; --ls-h1:-.028em; --ls-h2:-.02em; --ls-h3:-.01em;

  /* Boşluk (4px taban) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --sp-12:48px; --sp-16:64px; --sp-20:80px; --sp-24:96px; --sp-32:128px; --sp-40:160px;
  --section-y:144px;

  /* Yarıçap */
  --r-xs:2px; --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:24px; --r-pill:9999px;

  /* Gölge: yalnız yüzen katmanlar */
  --shadow-float:0 24px 56px -16px rgba(14,34,80,.28), 0 8px 20px -8px rgba(14,34,80,.14), 0 0 0 1px rgba(14,34,80,.05);
  --shadow-pop:0 12px 28px -10px rgba(14,34,80,.22), 0 0 0 1px rgba(14,34,80,.06);
  --shadow-focus:0 0 0 3px rgba(37,99,235,.28);

  /* Hareket */
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --dur-1:160ms; --dur-2:280ms; --dur-3:640ms; --dur-reveal:700ms; --dur-draw:2400ms;

  /* Yerleşim */
  --container:1280px; --container-narrow:960px; --gutter:48px; --col-gap:24px;
  --topbar-h:72px; --rail-w:264px; --console-top-h:72px; --savebar-h:68px;
  --z-sticky:20; --z-drawer:50; --z-modal:60; --z-toast:70; --z-widget:9990;
}
@media (max-width:1023px){:root{--section-y:104px;--gutter:32px}}
@media (max-width:767px){:root{--section-y:80px;--gutter:20px;--col-gap:16px;--topbar-h:60px;--t-kpi:52px;--t-lead:18px;--t-h3:22px;--console-top-h:60px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
:root{--bg-app:var(--paper);--bg-surface:var(--white);--bg-subtle:var(--paper-2);--bg-sidebar:var(--paper-2);--text-strong:var(--text);--border:var(--rule-white);--border-strong:var(--rule);--primary-soft:var(--teal-50);--primary-active:var(--ink-950);--accent-hover:var(--ink-900);--accent-active:var(--ink-950);--navy-900:var(--ink-900);--navy-950:var(--ink-950);--navy-800:var(--ink-800);--navy-700:var(--ink-700);--slate-0:var(--white);--slate-25:var(--paper);--slate-50:var(--paper);--slate-100:var(--paper-2);--slate-200:var(--paper-3);--slate-300:var(--rule-strong);--slate-400:var(--ink-400);--slate-500:var(--text-muted);--slate-600:var(--text-body);--slate-700:var(--text-body);--slate-900:var(--ink-900);--teal-200:var(--teal-300);--teal-900:var(--teal-800);--success-fg:var(--ok-fg);--success-bg:var(--ok-bg);--success-bd:var(--ok-bd);--warning-fg:var(--warn-fg);--warning-bg:var(--warn-bg);--warning-bd:var(--warn-bd);--danger-fg:var(--err-fg);--danger-bg:var(--err-bg);--danger-bd:var(--err-bd);--danger-dot:var(--err-dot);--shadow-1:none;--shadow-2:none;--shadow-3:var(--shadow-float);--ease:var(--ease-out);--dur-fast:var(--dur-1);--dur-base:var(--dur-2);--dur-slow:var(--dur-2);--sidebar-w:var(--rail-w);--demo-bar-h:var(--topbar-h);--container-wide:1360px;--z-sidebar:30;--z-overlay:50;--fs-12:12px;--lh-12:16px;--fs-13:13px;--lh-13:20px;--fs-14:14px;--lh-14:20px;--fs-16:16px;--lh-16:24px;--fs-18:18px;--lh-18:28px;--fs-20:20px;--lh-20:28px;--fs-24:24px;--lh-24:32px;--fs-30:30px;--lh-30:38px;--fs-36:36px;--lh-36:44px;--fs-48:48px;--lh-48:54px;--fs-60:60px;--lh-60:64px;--ls-tight:-.02em;--ls-caps:.14em;--font-mono:ui-monospace,monospace}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url("/static/fonts/fraunces-latin-opsz-normal.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url("/static/fonts/fraunces-latin-ext-opsz-normal.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url("/static/fonts/fraunces-latin-opsz-italic.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url("/static/fonts/fraunces-latin-ext-opsz-italic.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/static/fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("/static/fonts/inter-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:"Noto Sans Arabic";font-weight:400;font-display:swap;src:url("/static/fonts/noto-sans-arabic-arabic-400-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}
@font-face{font-family:"Noto Sans Arabic";font-weight:600;font-display:swap;src:url("/static/fonts/noto-sans-arabic-arabic-600-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg-app);color:var(--text-body);font:400 var(--fs-14)/var(--lh-14) var(--font-sans);min-height:100vh}
img,svg{display:block;max-width:100%}
a{color:var(--teal-700);text-decoration:none;text-underline-offset:3px} a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
button{cursor:pointer;background:none;border:0;padding:0}
:focus{outline:none}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--r-sm)}
::selection{background:var(--teal-100);color:var(--navy-900)}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--sp-4);top:-48px;background:var(--navy-900);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);z-index:var(--z-toast)} .skip-link:focus{top:var(--sp-4)}

.icon{flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.icon-16{width:16px;height:16px}.icon-18{width:18px;height:18px}.icon-20{width:20px;height:20px}.icon-24{width:24px;height:24px}.icon-32{width:32px;height:32px}
[dir=rtl] .icon-flip{transform:scaleX(-1)}  /* arrow-right, chevron-right, send */

.input,.select,.textarea{width:100%;height:40px;padding:0 12px;background:#fff;border:1px solid var(--slate-300);border-radius:var(--r-md);font-size:14px;line-height:20px;color:var(--text-strong);box-shadow:var(--shadow-1);appearance:none;-webkit-appearance:none}
.textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical}
.input::placeholder,.textarea::placeholder{color:var(--slate-500)}
.input:hover,.select:hover,.textarea:hover{border-color:var(--slate-400)}
.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--teal-500);box-shadow:var(--shadow-focus)}
.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger-fg);box-shadow:0 0 0 3px rgba(180,35,24,.14)}
.input:disabled,.select:disabled,.textarea:disabled{background:var(--slate-100);color:var(--slate-500);cursor:not-allowed;box-shadow:none}
.input-sm{height:32px;font-size:13px}.input-lg{height:48px;font-size:16px;padding:0 16px}
.select{padding-inline-end:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
[dir=rtl] .select{background-position:left 12px center}
.input-group{position:relative}.input-group .icon{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:var(--slate-500);pointer-events:none}.input-group .input{padding-inline-start:38px}
h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--text-strong);letter-spacing:var(--ls-tight)}p{max-width:68ch}.t-display{font-size:var(--fs-60);line-height:var(--lh-60);font-weight:700;letter-spacing:var(--ls-tight)}.t-h2{font-size:var(--fs-36);line-height:var(--lh-36);font-weight:600}.t-h3{font-size:var(--fs-30);line-height:var(--lh-30)}.t-title{font-size:var(--fs-24);line-height:var(--lh-24)}.t-lead{font-size:var(--fs-20);line-height:var(--lh-20)}.t-subtitle{font-size:var(--fs-18);line-height:var(--lh-18);font-weight:600}.t-body-lg{font-size:var(--fs-16);line-height:var(--lh-16)}.t-small{font-size:var(--fs-13);line-height:var(--lh-13);color:var(--text-muted)}.t-caption{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-muted)}.t-eyebrow{font-size:var(--fs-12);line-height:var(--lh-12);font-weight:600;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--primary-hover)}[dir=rtl] .t-eyebrow{text-transform:none;letter-spacing:0}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.row{display:flex;align-items:center;gap:var(--sp-3)}.grow{flex:1;min-width:0}.muted{color:var(--text-muted)}.num{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.stack{display:grid;gap:var(--sp-6)}.hr{height:1px;background:var(--border);margin-block:var(--sp-4)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:600;white-space:nowrap;border:1px solid transparent;border-radius:var(--r-md);height:40px;padding-inline:var(--sp-4);transition:all var(--dur-fast) var(--ease)}.btn:hover{text-decoration:none}.btn-sm{height:32px;padding-inline:var(--sp-3);font-size:var(--fs-13)}.btn-lg{height:48px;padding-inline:var(--sp-6);font-size:var(--fs-16)}.btn-icon{width:40px;padding:0;flex:none}.btn-primary{background:var(--primary);color:var(--text-on-dark);box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--primary-hover)}.btn-accent{background:var(--accent);color:var(--text-strong);box-shadow:var(--shadow-1)}.btn-accent:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-surface);color:var(--text-strong);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.btn-secondary:hover,.btn-ghost:hover{background:var(--bg-subtle)}.btn-danger{background:var(--bg-surface);color:var(--danger-fg);border-color:var(--danger-bd)}.btn-danger-solid{background:var(--danger-fg);color:var(--text-on-dark)}.btn-on-dark{background:rgba(255,255,255,.1);color:var(--text-on-dark);border-color:rgba(255,255,255,.18)}.btn:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn[aria-busy=true]{pointer-events:none}
.field{display:grid;gap:6px;min-width:0}label{font-size:var(--fs-13);font-weight:600;color:var(--text-strong)}.field-error{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--danger-fg)}.field-hint{font-size:var(--fs-12);line-height:var(--lh-12);color:var(--text-muted)}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}input[type=checkbox],input[type=radio]{appearance:none;width:18px;height:18px;border:1px solid var(--border-strong);border-radius:var(--r-sm);vertical-align:middle;display:inline-grid;place-content:center;background:var(--bg-surface)}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:before{content:'✓';color:var(--text-on-dark);font-size:var(--fs-12)}input[type=radio]{border-radius:var(--r-pill)}input[type=radio]:checked{box-shadow:inset 0 0 0 4px var(--primary)}input[type=time]::-webkit-calendar-picker-indicator{opacity:.55}.switch{width:36px!important;height:20px!important;border-radius:var(--r-pill)!important}.switch:before{content:''!important;width:14px;height:14px;background:var(--bg-surface);border-radius:var(--r-pill);transform:translateX(-7px)}.switch:checked:before{transform:translateX(7px)}
.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:var(--sp-6);min-width:0}.card-hover:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px 8px;border:1px solid transparent;border-radius:var(--r-pill);font-size:var(--fs-12);line-height:var(--lh-12);font-weight:500;white-space:nowrap}.badge-neutral{background:var(--bg-subtle);color:var(--text-body)}.badge-teal{background:var(--primary-soft);color:var(--primary-hover);border-color:var(--teal-100)}.badge-success{background:var(--success-bg);color:var(--success-fg);border-color:var(--success-bd)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg);border-color:var(--warning-bd)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-bd)}.badge-info{background:var(--info-bg);color:var(--info-fg);border-color:var(--info-bd)}.badge-outline{background:var(--bg-surface);color:var(--text-muted);border-color:var(--border)}.avatar{width:40px;height:40px;flex:none;display:grid;place-items:center;background:var(--teal-100);color:var(--teal-800);border-radius:var(--r-pill);font-weight:600}.avatar-32{width:32px;height:32px}.avatar-56{width:56px;height:56px}.monogram{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:var(--r-md);background:linear-gradient(135deg,var(--navy-900),var(--primary));color:var(--text-on-dark);font-weight:700}.segmented{display:flex;gap:var(--sp-1);padding:var(--sp-1);background:var(--bg-subtle);border-radius:var(--r-md);overflow:auto}.segmented button{padding:6px 12px;white-space:nowrap;border-radius:var(--r-sm);font-weight:500}.segmented button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-strong);box-shadow:var(--shadow-1)}.tabs{display:flex;overflow:auto;gap:var(--sp-6);border-bottom:1px solid var(--border);margin-bottom:var(--sp-6)}.tabs button{padding:12px 0;white-space:nowrap;color:var(--text-muted);border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:var(--primary);border-color:var(--primary)}.tabs button[data-invalid=true]:after{content:' ●';color:var(--danger-fg)}.alert{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--info-bd);background:var(--info-bg);color:var(--info-fg);font-size:var(--fs-13)}.alert-danger{background:var(--danger-bg);color:var(--danger-fg);border-color:var(--danger-bd)}.empty{display:grid;justify-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);text-align:center}.empty .icon{color:var(--text-muted)}.skeleton{height:48px;background:linear-gradient(90deg,var(--bg-subtle),var(--bg-app),var(--bg-subtle));border-radius:var(--r-md);margin-block:var(--sp-3)}.toast-region{position:fixed;bottom:var(--sp-6);inset-inline-end:var(--sp-6);z-index:var(--z-toast);display:grid;gap:var(--sp-2);max-width:calc(100vw - 32px)}.toast{padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);display:flex;gap:var(--sp-3)}dialog{color:var(--text-body);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--shadow-3);max-width:calc(100vw - 32px);width:440px}dialog::backdrop{background:rgba(11,42,60,.5)}dialog .actions{justify-content:flex-end;margin-top:var(--sp-6)}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface)}.tags input{border:0;outline:0;min-width:80px;flex:1;width:80px}.tags button{font-size:var(--fs-12);background:var(--primary-soft);color:var(--primary-hover);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2)}
@media(max-width:767px){.t-display{font-size:var(--fs-36);line-height:var(--lh-36)}.t-h2{font-size:var(--fs-24);line-height:var(--lh-24)}.t-lead{font-size:var(--fs-18);line-height:var(--lh-18)}.btn{min-height:44px}.card{padding:var(--sp-4)}}

body{background:var(--bg);font:400 var(--t-body)/var(--lh-body) var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--link)}h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--text)}em{font-style:italic;color:var(--teal-700)}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{font-family:var(--font-ar);font-weight:600;letter-spacing:0}[lang=ar] em{font-style:normal;color:var(--text-accent)}
.t-display{font-family:var(--font-display);font-size:var(--t-display);line-height:var(--lh-display);font-weight:360;letter-spacing:var(--ls-display)}.t-h1{font-size:var(--t-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:380}.t-h2{font-size:var(--t-h2);line-height:var(--lh-h2);font-weight:400;letter-spacing:var(--ls-h2)}.t-h3{font-size:var(--t-h3);line-height:var(--lh-h3);font-weight:420}.t-lead{font-size:var(--t-lead);line-height:var(--lh-lead)}.eyebrow,.t-eyebrow{font:600 var(--t-eyebrow)/1.6 var(--font-sans);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--text-muted)}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}.sec-label{display:flex;align-items:center;gap:12px;margin-bottom:32px;font:600 12px/1.6 var(--font-sans);letter-spacing:.18em}.sec-label .num{color:var(--text-accent);letter-spacing:0}.sec-label .bar{width:32px;height:1px;background:var(--rule-strong)}.sec-label .txt{color:var(--text-muted)}
.card,.card-hover:hover,.btn-primary,.btn-secondary{box-shadow:none}.btn-accent{background:var(--primary);color:var(--white)}.btn-accent:hover{background:var(--primary-hover)}.monogram{background:var(--ink-800)}.avatar{background:var(--paper-2);color:var(--ink-800);font-family:var(--font-display)}.empty{justify-items:start;text-align:start}.empty h3{font-size:24px}.empty>.icon{width:96px;height:96px}.skeleton{background:var(--paper-2);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{50%{opacity:.55}}.segmented{background:transparent;padding:0;gap:24px;border-radius:0;border-bottom:1px solid var(--rule);}.segmented button{border-radius:0;padding:12px 0;border-bottom:2px solid transparent}.segmented button[aria-pressed=true]{background:transparent;box-shadow:none;border-color:var(--ink-800);color:var(--ink-800)}.toast{background:var(--ink-900);color:var(--white);box-shadow:var(--shadow-pop)}.toast strong{color:var(--white)}
.link-arrow{display:inline-flex;align-items:center;gap:12px;font:600 16px/1.5 var(--font-sans);padding-block:12px;text-decoration:none;position:relative}.link-arrow:after{content:'';position:absolute;inset-inline:0;bottom:8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out)}.link-arrow:hover{text-decoration:none}.link-arrow:hover:after{transform:scaleX(1)}.link-arrow span{transition:transform var(--dur-2) var(--ease-out)}.link-arrow:hover span{transform:translateX(4px)}[dir=rtl] .link-arrow:hover span{transform:translateX(-4px)}
.js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out);transition-delay:calc(var(--d,0)*90ms)}.js [data-reveal].is-in{opacity:1;transform:none}.route-reveal{stroke-dasharray:1;stroke-dashoffset:1}.route.is-in .route-reveal{animation:route-draw var(--dur-draw) var(--ease-io) forwards}.route-node,.route-plane{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.6)}.route.is-in .route-node,.route.is-in .route-plane{animation:node-pop 420ms var(--ease-out) forwards;animation-delay:calc(var(--i,4)*520ms + 200ms)}@keyframes route-draw{to{stroke-dashoffset:0}}@keyframes node-pop{to{opacity:1;transform:none}}[dir=rtl] .route{transform:scaleX(-1)}html:not(.js) .route-reveal{stroke-dashoffset:0}html:not(.js) .route-node,html:not(.js) .route-plane{opacity:1;transform:none}
@media(max-width:767px){.grid-12{grid-template-columns:minmax(0,1fr)}.grid-12>*{grid-column:1/-1!important}.t-display{font-size:52px;line-height:1}.t-h1{font-size:36px;line-height:1.08}.t-h2{font-size:28px}.btn-icon{width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none}.route-reveal{stroke-dashoffset:0}.route-node,.route-plane{opacity:1;transform:none}}
.input:focus-visible,.select:focus-visible,.textarea:focus-visible{border-color:var(--ring)}.btn-on-dark{background:var(--white);color:var(--ink-900)}.badge:not(.badge-outline):before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.avatar{font-feature-settings:'lnum' 1}.tags button{border-radius:var(--r-pill)}