:root{--ray: #1c2733;--ray-metin: #c6d0da;--vurgu: #e8590c;--vurgu-metin: #ffffff;--zemin: #f4f6f8;--yuzey: #ffffff;--murekkep: #17222c;--soluk: #5c6b7a;--cizgi: #d9e0e7;--cizgi-ince: #eef2f5;--iyi: #20713a;--iyi-zemin: #d9f2df;--uyari: #95600a;--uyari-zemin: #fff0d0;--bilgi: #1e50a2;--bilgi-zemin: #dbeafe;--tehlike: #b3400b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:Segoe UI Variable Text,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--vurgu);color:var(--vurgu-metin);border:none;border-radius:8px;padding:9px 16px;font-weight:700;font-size:14px}.btn:hover{filter:brightness(1.06)}.btn:focus-visible,.girdi:focus-visible,a:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}.btn:disabled{opacity:.55;cursor:default}.btn.golge{background:var(--yuzey);color:var(--murekkep);border:1px solid var(--cizgi);font-weight:600}.btn.golge:hover{background:var(--zemin);filter:none}.btn.buyuk{font-size:16px;padding:13px 26px;border-radius:10px}.girdi{border:1.5px solid var(--cizgi);border-radius:8px;background:#fbfcfd;padding:10px 12px;font-size:15px;width:100%;color:var(--murekkep)}.girdi:focus{border-color:var(--vurgu);outline:none}.girdi.plaka-girdi{font-family:Consolas,ui-monospace,monospace;font-size:22px;font-weight:700;letter-spacing:.12em;text-align:center;padding:12px;text-transform:uppercase}.form-grup{margin-bottom:14px}.form-grup>label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);margin-bottom:5px}.form-satir{display:flex;gap:12px}.form-satir .form-grup{flex:1}.hata-kutu{background:#fdecea;color:#a02c1c;border:1px solid #f5c6bd;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:14px}.plaka{display:inline-flex;align-items:stretch;border:1.5px solid var(--murekkep);border-radius:5px;overflow:hidden;background:#fff;font-family:Consolas,ui-monospace,monospace;font-weight:700;flex:none}.plaka .tr{background:#039;color:#fff;font-size:8px;display:flex;align-items:flex-end;justify-content:center;padding:2px 3px}.plaka .no{padding:3px 9px;font-size:14px;letter-spacing:.06em;color:#111;white-space:nowrap}.plaka.buyuk .no{font-size:19px;padding:5px 13px}.cip{display:inline-block;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;white-space:nowrap}.cip.kabul{background:var(--bilgi-zemin);color:var(--bilgi)}.cip.atolye{background:var(--uyari-zemin);color:var(--uyari)}.cip.hazir{background:var(--iyi-zemin);color:var(--iyi)}.cip.teslim{background:#e6e9ec;color:var(--soluk)}.cip.iptal{background:#fdecea;color:#a02c1c}.kabuk{display:flex;min-height:100vh}.ray{width:168px;flex:none;background:var(--ray);color:var(--ray-metin);display:flex;flex-direction:column;padding:14px 10px;gap:4px;position:sticky;top:0;height:100vh}.ray .logo{color:#fff;font-weight:700;font-size:16px;padding:2px 10px 16px;letter-spacing:.02em}.ray .logo b{color:#ff7a2e}.ray a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:8px;color:inherit;text-decoration:none;font-weight:600;font-size:14px}.ray a:hover{background:#ffffff12}.ray a.aktif{background:var(--vurgu);color:#fff}.ray a svg{width:17px;height:17px;flex:none}.ray-bayi-sec{background:#2a3746;color:#e8edf2;border:1px solid #3c4b5c;border-radius:8px;padding:7px 8px;font-size:12.5px;font-weight:600;font-family:inherit;margin:0 2px 8px;width:calc(100% - 4px)}.ray-bayi-sec:focus{outline:2px solid var(--vurgu)}.ray-bolum{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6c7c8b;padding:14px 10px 4px}.ray .alt{margin-top:auto;font-size:12px;color:#8494a3;padding:10px}.ray .alt .cikis{background:none;border:none;color:#8494a3;font-size:12px;padding:0;margin-top:6px;text-decoration:underline}.ray .alt .cikis:hover{color:#fff}.icerik{flex:1;padding:22px 28px;min-width:0}.sayfa-baslik{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.sayfa-baslik h1{margin:0;font-size:20px;font-weight:700}.kimlik{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--soluk)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--ray);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none}.panel{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:16px 18px;margin-bottom:14px}.panel h2{margin:0 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk);font-weight:700}.kart-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.is-kart{background:var(--yuzey);border:1px solid #e1e7ec;border-radius:10px;padding:13px 15px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px #141e280d;text-align:left;font:inherit;color:inherit}.is-kart:hover{border-color:var(--vurgu)}.is-kart-ust{display:flex;justify-content:space-between;align-items:center;gap:8px}.is-kart-kim{font-weight:600}.is-kart-neden{color:var(--soluk);font-size:13px;min-height:36px}.is-kart-alt{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e1e7ec;padding-top:8px}.usta-etiket{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.usta-etiket.bekliyor{color:var(--soluk)}.usta-avatar{width:22px;height:22px;font-size:10px;background:var(--vurgu)}.usta-avatar.bos{background:#cdd6de;color:var(--soluk)}.is-kart-saat{color:#8494a3;font-size:11px}.kademeler{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;margin:2px 0 18px}.kademe{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#8494a3}.kademe-nokta{width:24px;height:24px;border-radius:50%;border:2px solid #cdd6de;background:var(--yuzey);display:flex;align-items:center;justify-content:center;font-size:11px}.kademe.gecti{color:var(--iyi)}.kademe.gecti .kademe-nokta{background:var(--iyi);border-color:var(--iyi);color:#fff}.kademe.simdiki{color:var(--vurgu)}.kademe.simdiki .kademe-nokta{background:var(--vurgu);border-color:var(--vurgu);color:#fff}.kademe-cizgi{height:2px;width:36px;background:#cdd6de;margin:0 8px;flex:none}.kademe-cizgi.gecti{background:var(--iyi)}.tablo{width:100%;border-collapse:collapse;font-size:13.5px}.tablo th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8494a3;padding:6px 8px;border-bottom:1px solid #e1e7ec;font-weight:700}.tablo td{padding:8px;border-bottom:1px solid var(--cizgi-ince)}.tablo .sag{text-align:right;font-variant-numeric:tabular-nums}.sil-dugme{background:none;border:none;color:#8494a3;font-size:13px;padding:2px 6px;border-radius:5px}.sil-dugme:hover{color:var(--tehlike);background:#fdecea}.toplam-panel{display:flex;justify-content:flex-end;gap:30px;flex-wrap:wrap}.toplam-panel>div{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.toplam-panel span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:700}.toplam-panel b{font-size:16px;font-variant-numeric:tabular-nums}.toplam-panel .genel b{font-size:20px;color:var(--vurgu)}.iptal-dugme{background:none;border:none;color:var(--soluk);font-size:12.5px;text-decoration:underline;padding:4px 0}.iptal-dugme:hover{color:var(--tehlike)}.izleme-izgara{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:800px){.izleme-izgara{grid-template-columns:1fr}}.izleme-baslik{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);margin-bottom:8px}.izleme-satir{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:8px;padding:8px 12px;margin-bottom:6px;font-size:13px}.izleme-satir span,.izleme-satir.soluk b{color:var(--soluk)}.izleme-satir a{color:var(--vurgu);font-weight:600}.izleme-miktar{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:var(--murekkep)!important}.izleme-bos{color:var(--soluk);font-size:13px;margin:0}.fatura-satir{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.bakim-tik{display:flex!important;align-items:flex-start;gap:10px;border:1.5px solid var(--cizgi);border-radius:10px;padding:11px 14px;cursor:pointer;font-size:13px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--murekkep)!important;line-height:1.45}.bakim-tik input{width:17px;height:17px;margin-top:1px;accent-color:var(--vurgu);flex:none}.bakim-tik.secili{border-color:var(--vurgu);background:#fff4ec}.usta-secim{display:flex;gap:10px;flex-wrap:wrap}.usta-cip{display:flex;align-items:center;gap:8px;border:1.5px solid var(--cizgi);border-radius:999px;padding:6px 14px 6px 6px;font-weight:600;font-size:13px;background:var(--yuzey);color:var(--murekkep)}.usta-cip .usta-avatar{background:var(--soluk)}.usta-cip.secili{border-color:var(--vurgu);background:#fff4ec;color:#a33d05}.usta-cip.secili .usta-avatar{background:var(--vurgu)}.giris-sayfa{min-height:100vh;background:var(--ray);display:flex;align-items:center;justify-content:center;padding:24px}.giris-kutu{background:#fff;border-radius:14px;padding:32px 34px;width:340px;text-align:center}.giris-kutu .marka{width:56px;height:56px;border-radius:14px;background:var(--vurgu);color:#fff;font-weight:800;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.giris-kutu h1{margin:0 0 2px;font-size:20px}.giris-kutu .alt-yazi{color:var(--soluk);font-size:13px;margin:0 0 18px}.giris-kutu .girdi{margin-bottom:10px;text-align:left}.yukleniyor{color:var(--soluk);padding:30px 0;text-align:center}@media(prefers-reduced-motion:no-preference){.btn,.ray a{transition:background .12s ease,filter .12s ease}}.nokta-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:6px 22px}.nokta-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--cizgi-ince)}.nokta-ad{font-size:13px;font-weight:600;min-width:0}.nokta-secim{display:flex;gap:4px;flex:none}.nokta-dugme{border:1.5px solid var(--cizgi);background:var(--yuzey);color:var(--soluk);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.nokta-dugme:hover{border-color:var(--soluk);color:var(--murekkep)}.nokta-dugme.secili.iyi{background:var(--iyi-zemin);color:var(--iyi);border-color:var(--iyi)}.nokta-dugme.secili.orta{background:var(--uyari-zemin);color:var(--uyari);border-color:var(--uyari)}.nokta-dugme.secili.kotu{background:#fdecea;color:#a02c1c;border-color:#a02c1c}.nokta-dugme.secili.degisti{background:var(--bilgi-zemin);color:var(--bilgi);border-color:var(--bilgi)}.nokta-ozet{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.nokta-mini{font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px}.nokta-mini.iyi{background:var(--iyi-zemin);color:var(--iyi)}.nokta-mini.orta{background:var(--uyari-zemin);color:var(--uyari)}.nokta-mini.kotu{background:#fdecea;color:#a02c1c}.nokta-mini.degisti{background:var(--bilgi-zemin);color:var(--bilgi)}.tikla-satir{cursor:pointer}.tikla-satir:hover td{background:#fff7f2}.tarihce{display:flex;flex-direction:column}.tarihce-satir{display:flex;gap:14px;align-items:flex-start;padding:10px 6px;border-bottom:1px solid var(--cizgi-ince);text-decoration:none;color:inherit;border-radius:6px}.tarihce-satir:hover{background:#fff7f2}.tarihce-satir:last-child{border-bottom:none}.tarihce-sol{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:0 0 320px;min-width:0}.tarihce-orta{flex:1;min-width:0}.tarihce-sag{flex:none;font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:760px){.tarihce-satir{flex-direction:column;gap:4px}.tarihce-sol{flex:none}}.okf-zemin{min-height:100vh;background:var(--zemin);padding:16px}.okf-arac-cubugu{max-width:794px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.okf-sayfa{max-width:794px;margin:0 auto;background:#fff;color:#111;padding:28px 32px;box-shadow:0 8px 26px #0a141e1f;font-size:12.5px;line-height:1.35}.okf-baslik{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:14px}.okf-firma-ad{font-weight:800;font-size:20px;letter-spacing:.01em}.okf-firma-alt{font-weight:700;font-size:13px}.okf-firma-kucuk{font-size:12px}.okf-firma-adres{font-size:10.5px;color:#444;max-width:300px}.okf-baslik-sag{text-align:right;flex:none}.okf-form-adi{font-weight:800;font-size:21px;letter-spacing:.02em}.okf-tarih{margin-top:8px;font-size:12px;border:1px solid #111;border-radius:6px;padding:4px 10px}.okf-kolonlar{display:flex;gap:22px}.okf-sol{flex:1 1 46%;min-width:0}.okf-sag{flex:1 1 54%;min-width:0}.okf-satir{display:flex;align-items:baseline;gap:6px;margin-bottom:7px;min-width:0}.okf-etiket{font-weight:600;white-space:nowrap}.okf-cizgi{flex:1;border-bottom:1px dotted #666;min-height:15px;padding:0 4px 1px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.okf-cift{display:flex;gap:18px}.okf-cift .okf-satir{flex:1}.okf-bant{background:#2b2b2b;color:#fff;font-weight:700;text-align:center;padding:4px 8px;letter-spacing:.04em;margin:10px 0 8px;font-size:13px}.okf-istek-kutu{border:1.5px solid #333;min-height:150px;padding:8px 10px;font-weight:600;white-space:pre-wrap;margin-bottom:12px}.okf-nokta-izgara{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.okf-nokta{display:flex;align-items:center;gap:6px;font-size:11px}.okf-nokta .okf-kare{flex:none;margin-right:0}.okf-nokta-ad{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.okf-kontrol-baslik{font-weight:800;font-size:13px;text-align:center;margin:6px 0}.okf-cizik-lejant{display:flex;justify-content:center;gap:26px;font-size:11px;font-weight:600;margin-bottom:4px}.okf-kare{display:inline-flex;width:14px;height:14px;border:1.5px solid #333;align-items:center;justify-content:center;margin-right:5px;vertical-align:-2px;font-size:10px;line-height:1}.okf-kroki{width:100%;height:auto;display:block}.okf-grup{font-weight:800;margin:9px 0 3px;font-size:12.5px}.okf-grup-not{font-size:11.5px;color:#333}.okf-alt{display:flex;align-items:baseline;gap:6px;border:1px solid #333;border-radius:6px;padding:8px 12px;margin-top:14px}.tf-tablo{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:6px}.tf-tablo th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#555;padding:3px 6px;border-bottom:1px solid #999}.tf-tablo td{padding:5px 6px;border-bottom:1px dotted #bbb}.tf-sag{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.tf-soluk{color:#555}.tf-bos{color:#555;font-size:12px;margin:2px 0 8px}.tf-toplam{max-width:300px;margin-left:auto;margin-top:4px}.tf-toplam td{border-bottom:none;padding:3px 6px}.tf-genel td{font-weight:800;font-size:15px;border-top:2px solid #111!important;padding-top:6px}.tf-imzalar{display:flex;gap:40px;margin-top:28px;text-align:center;font-size:12px;font-weight:600}.tf-imzalar>div{flex:1}.tf-imza-cizgi{border-bottom:1.5px solid #333;height:46px;margin-bottom:6px}.tf-dipnot{font-size:10px;color:#555;margin:16px 0 0;border-top:1px solid #ccc;padding-top:8px}@media print{.okf-arac-cubugu{display:none}.okf-zemin{background:#fff;padding:0}.okf-sayfa{box-shadow:none;max-width:none;padding:0;font-size:11.5px}.okf-bant,.okf-kare{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:10mm 12mm}}