html[data-app=lojistik]{--bg:#f2f3f5;--surface:#fff;--surface-2:#f4f4f5;--line:#e2e4e8;--line-soft:#eef0f2;--fg:#18181b;--muted:#5f6672;--app:#ea580c;--app-soft:#fff1e7}html[data-app=lojistik] .sr-tema{--bg:#0f0f10;--surface:#1c1c1f;--surface-2:#26262a;--line:#303036;--line-soft:#26262a;--fg:#f4f4f5;--muted:#a1a1aa;--app:#f97316;--app-soft:#3b2412;color:var(--fg)}@layer components{[data-app=lojistik] .lj-web{display:none}[data-app=lojistik] .lj-surucu{background:var(--bg);min-height:100dvh}@media (width>=768px){html[data-app=lojistik]:not([data-gorunum=surucu]) .lj-web{display:block}html[data-app=lojistik]:not([data-gorunum=surucu]) .lj-surucu{display:none}}html[data-gorunum=surucu] body{background:#050505}html[data-gorunum=surucu] .lj-surucu{max-width:26rem;margin-inline:auto;position:relative}html[data-gorunum=surucu] .sr-alt{max-width:26rem;margin-inline:auto}[data-app=lojistik] .lj-ust{color:#fff;background:#18181b}[data-app=lojistik] .lj-sekme{color:#a1a1aa;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:0 .875rem;font-size:.875rem;font-weight:600;display:flex}[data-app=lojistik] .lj-sekme:hover{color:#fff}[data-app=lojistik] .lj-sekme[aria-current=page]{color:#fff;border-color:var(--app)}[data-app=lojistik] .lj-kart{background:var(--surface);border:1px solid var(--line);border-radius:.875rem}[data-app=lojistik] .lj-kart-ust{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:800;display:flex}[data-app=lojistik] .lj-kpi{background:var(--surface);border:1px solid var(--line);border-radius:.875rem;padding:.875rem 1rem}[data-app=lojistik] .lj-kpi dt{color:var(--muted);font-size:.75rem;font-weight:600}[data-app=lojistik] .lj-kpi dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:1.5rem;font-weight:800}[data-app=lojistik] .lj-arac{border:1px solid var(--line);text-align:left;border-radius:.75rem;width:100%;padding:.75rem;display:block}[data-app=lojistik] .lj-arac:hover{background:var(--surface-2)}[data-app=lojistik] .lj-arac[aria-pressed=true]{border-color:var(--app);box-shadow:inset 0 0 0 1px var(--app);background:var(--app-soft)}[data-app=lojistik] .lj-renk{border-radius:999px;flex-shrink:0;width:.625rem;height:.625rem;display:inline-block}[data-app=lojistik] .lj-nokta{border-radius:999px;width:.625rem;height:.625rem;display:inline-block}[data-app=lojistik] .plaka{color:#18181b;letter-spacing:.06em;white-space:nowrap;background:#fff;border:1.5px solid #18181b;border-radius:.3rem;align-items:stretch;font-size:.75rem;font-weight:800;line-height:1;display:inline-flex;overflow:hidden}[data-app=lojistik] .plaka:before{content:"TR";color:#fff;letter-spacing:0;background:#1d4ed8;align-items:flex-end;padding:0 .2rem .15rem;font-size:.5rem;display:flex}[data-app=lojistik] .plaka span{padding:.25rem .375rem}[data-app=lojistik] .plaka-buyuk{font-size:1.125rem}[data-app=lojistik] .lj-tablo-baslik,[data-app=lojistik] .lj-tablo-satir{grid-template-columns:6.5rem minmax(0,1.6fr) 8rem 6rem 7rem 8.5rem 8rem 5.5rem;align-items:center;gap:.75rem;padding:.625rem 1rem;display:grid}[data-app=lojistik] .lj-tablo-baslik{border-bottom:1px solid var(--line);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:.6875rem;font-weight:700}[data-app=lojistik] .lj-tablo-satir{border-top:1px solid var(--line-soft);text-align:left;width:100%;font-size:.8125rem}[data-app=lojistik] .lj-tablo-satir:first-child{border-top:0}[data-app=lojistik] .lj-tablo-satir:hover{background:var(--surface-2)}[data-app=lojistik] .lj-durak{border-top:1px solid var(--line-soft);grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:start;gap:.625rem;padding:.625rem 1rem;font-size:.8125rem;display:grid}[data-app=lojistik] .lj-sira{color:#fff;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.6875rem;font-weight:800;display:grid}[data-app=lojistik] .lj-kanit{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:.875rem;overflow:hidden}[data-app=lojistik] .lj-kanit:hover{border-color:var(--app)}[data-app=lojistik] .lj-imza{background:#fafaf9;width:100%;height:7rem;display:block}[data-app=lojistik] .lj-imza path{fill:none;stroke:#1e293b;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}[data-app=lojistik] .h-zemin{fill:#f3f1ec}[data-app=lojistik] .h-su{fill:#cfe2f0}[data-app=lojistik] .h-park{fill:#dcebd4}[data-app=lojistik] .h-yol-alt path{fill:none;stroke:#fff;stroke-width:6px;stroke-linecap:round}[data-app=lojistik] .h-yol-dis path{fill:none;stroke:#d9d5cc;stroke-width:17px;stroke-linecap:round}[data-app=lojistik] .h-yol path{fill:none;stroke:#fff;stroke-width:12px;stroke-linecap:round}[data-app=lojistik] .h-etiket{fill:#a8a294;letter-spacing:.12em;text-anchor:middle;font-size:13px;font-weight:800}[data-app=lojistik] .h-depo rect{fill:#18181b}[data-app=lojistik] .h-depo text{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:9px;font-weight:800}[data-app=lojistik] .h-rota{fill:none;stroke-width:3px;stroke-dasharray:2 7;stroke-linecap:round;opacity:.7}[data-app=lojistik] .h-rota.secili{stroke-width:4.5px;stroke-dasharray:none;opacity:1}[data-app=lojistik] .h-durak{cursor:pointer}[data-app=lojistik] .h-durak circle{stroke:#fff;stroke-width:2.5px}[data-app=lojistik] .h-durak text,[data-app=lojistik] .h-arac text{fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:11px;font-weight:800}[data-app=lojistik] .h-atanmamis rect{fill:#fff;stroke:#71717a;stroke-width:2.5px}[data-app=lojistik] .h-arac{cursor:pointer}[data-app=lojistik] .h-arac .govde{stroke:#fff;stroke-width:3px}[data-app=lojistik] .h-arac .hale{opacity:.22}[data-app=lojistik] .h-arac text{font-size:10px}[data-app=lojistik] .sr-ust{border-bottom:1px solid var(--line);background:#18181b}[data-app=lojistik] .sr-arac-sec{appearance:none;color:#fff;background:0 0;max-width:100%;font-size:.9375rem;font-weight:800}[data-app=lojistik] .sr-arac-sec option{background:#18181b}[data-app=lojistik] .sr-kart{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem}[data-app=lojistik] .sr-buyuk{background:var(--app);color:#111;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;min-height:3.5rem;padding:.75rem 1.25rem;font-size:1.0625rem;font-weight:800;display:inline-flex}[data-app=lojistik] .sr-buyuk:disabled{opacity:.4}[data-app=lojistik] .sr-ikinci{background:var(--surface-2);min-height:3.25rem;color:var(--fg);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;display:inline-flex}[data-app=lojistik] .sr-alt{inset-inline:0;z-index:30;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#18181b;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0}[data-app=lojistik] .sr-alt-btn{color:#a1a1aa;flex-direction:column;align-items:center;gap:.25rem;min-height:4rem;padding-top:.625rem;font-size:.75rem;font-weight:700;display:flex}[data-app=lojistik] .sr-alt-btn[aria-current=page]{color:var(--app)}[data-app=lojistik] .sr-ikili{border:1px solid var(--line);border-radius:.75rem;display:inline-flex;overflow:hidden}[data-app=lojistik] .sr-ikili label{color:var(--muted);cursor:pointer;padding:.5rem .75rem;font-size:.8125rem;font-weight:700}[data-app=lojistik] .sr-ikili label:has(input:checked){color:#fff;background:#16a34a}[data-app=lojistik] .sr-ikili label.sorun:has(input:checked){background:#dc2626}[data-app=lojistik] .sr-secim{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.875rem;justify-content:center;align-items:center;min-height:3.25rem;font-weight:700;display:flex}[data-app=lojistik] .sr-secim:has(input:checked){border-color:var(--app);background:var(--app-soft);color:var(--app)}[data-app=lojistik] .sr-secim:has(input:focus-visible),[data-app=lojistik] .sr-ikili label:has(input:focus-visible){outline:2px solid var(--app);outline-offset:2px}[data-app=lojistik] .sr-foto{border:1.5px dashed var(--line);min-height:3.5rem;color:var(--muted);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}[data-app=lojistik] .sr-imza{touch-action:none;background:#fafaf9;border-radius:1rem;width:100%;height:10rem;display:block}[data-app=lojistik] .sr-paket{cursor:pointer;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:700;display:flex}[data-app=lojistik] .sr-paket input{width:1.375rem;height:1.375rem;accent-color:var(--app)}[data-app=lojistik] .sr-cubuk{background:var(--surface-2);border-radius:999px;height:.5rem;overflow:hidden}[data-app=lojistik] .sr-cubuk span{border-radius:inherit;background:var(--app);height:100%;display:block}[data-app=lojistik] dialog.sr-tema,[data-app=lojistik] dialog.sr-tema .dialog-ust{background:var(--surface);border-color:var(--line)}[data-app=lojistik] .sr-tema .girdi{background:var(--surface-2);border-color:var(--line);color:var(--fg)}[data-app=lojistik] .sr-tema .alan{color:var(--fg)}[data-app=lojistik] .sr-tema .pill-notr{background:var(--surface-2);color:#d4d4d8}[data-app=lojistik] .sr-tema .pill-warn{color:#fde68a;background:#eab30829}[data-app=lojistik] .sr-tema .pill-bad{color:#fca5a5;background:#ef44442e}[data-app=lojistik] .sr-tema .pill-ok{color:#86efac;background:#22c55e29}@media (width<768px){[data-app=lojistik] dialog.sr-tam{border-radius:0;height:100dvh;max-height:100dvh}}}