:root{--renk: #2563eb;--renk-koyu: #1d4ed8;--kenar: #e2e8f0;--metin: #1e293b;--gri: #64748b;--arka: #f1f5f9}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--metin);background:var(--arka)}h1{font-size:1.3rem;margin:0}.giris-sayfa{min-height:100vh;display:flex;align-items:center;justify-content:center}.giris-kutu{background:#fff;padding:32px;border-radius:12px;width:320px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:8px}.giris-kutu h1{text-align:center;margin-bottom:12px;color:var(--renk)}.giris-kutu label{font-size:.8rem;color:var(--gri);margin-top:6px}.giris-kutu input{padding:10px;border:1px solid var(--kenar);border-radius:8px;font-size:1rem}.giris-kutu button{margin-top:16px;padding:11px;background:var(--renk);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.giris-kutu button:disabled{opacity:.6}.ipucu{text-align:center;font-size:.75rem;color:var(--gri);margin:8px 0 0}.sayfa{max-width:1200px;margin:0 auto;padding:20px}.ust-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ust-bar-sag{display:flex;gap:8px}.btn{padding:9px 14px;border:1px solid var(--kenar);background:#fff;color:var(--metin);border-radius:8px;cursor:pointer;text-decoration:none;font-size:.9rem;display:inline-block}.btn:hover{background:#f8fafc}.btn.birincil{background:var(--renk);color:#fff;border-color:var(--renk)}.btn.birincil:hover{background:var(--renk-koyu)}.btn.kucuk{padding:5px 10px;font-size:.8rem}.btn:disabled{opacity:.6;cursor:default}.filtreler{display:flex;gap:10px;margin-bottom:14px}.filtreler input{flex:1;padding:10px;border:1px solid var(--kenar);border-radius:8px}.filtreler select{padding:10px;border:1px solid var(--kenar);border-radius:8px}.tablo-sarici{background:#fff;border-radius:10px;overflow-x:auto;box-shadow:0 1px 3px #0000000f}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--kenar);white-space:nowrap}th{background:#f8fafc;color:var(--gri);font-weight:600;font-size:.8rem}tr:last-child td{border-bottom:none}.sag{text-align:right}.bos{text-align:center;color:var(--gri);padding:24px}.durum{border:none;border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:600;cursor:pointer}.durum-teslim_alindi{background:#e0e7ff;color:#3730a3}.durum-islemde{background:#fef3c7;color:#92400e}.durum-hazir{background:#d1fae5;color:#065f46}.durum-teslim_edildi{background:#e2e8f0;color:#334155}.durum-iptal{background:#fee2e2;color:#991b1b}.form{background:#fff;padding:20px;border-radius:10px;box-shadow:0 1px 3px #0000000f}fieldset{border:1px solid var(--kenar);border-radius:10px;margin:0 0 16px;padding:14px 16px}legend{font-weight:600;color:var(--renk);padding:0 6px}.satir{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:10px}.alan{display:flex;flex-direction:column;gap:4px;flex:1;min-width:150px}.alan.buyuk{flex:2;min-width:240px}.alan label{font-size:.78rem;color:var(--gri)}.alan input,.alan select,.alan textarea{padding:9px;border:1px solid var(--kenar);border-radius:8px;font-size:.9rem;font-family:inherit}.parcalar{gap:20px;align-items:center}.parca-baslik{font-size:.82rem;color:var(--gri)}.kutu{flex-direction:row;align-items:center;gap:6px;font-size:.9rem;cursor:pointer}.kutu input{width:auto}.kutu.tek{border:1px solid var(--kenar);border-radius:8px;padding:9px}.oneri-liste{position:absolute;top:100%;left:0;right:0;z-index:10;margin:2px 0 0;list-style:none;padding:4px;background:#fff;border:1px solid var(--kenar);border-radius:8px;box-shadow:0 6px 20px #0000001a;max-height:220px;overflow-y:auto}.oneri-liste li{padding:8px 10px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between}.oneri-liste li:hover{background:var(--arka)}.oneri-liste span{color:var(--gri);font-size:.85rem}.rozet{color:#065f46;font-size:.75rem}.form-alt{display:flex;gap:10px;margin-top:8px}.hata{background:#fee2e2;color:#991b1b;padding:10px 12px;border-radius:8px;margin-bottom:14px;font-size:.9rem}.islem-hucre{display:flex;gap:6px}.kart-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.kart{background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 3px #0000000f}.kart-deger{font-size:1.8rem;font-weight:700}.kart-baslik{font-size:.8rem;color:var(--gri);margin-top:4px}.panel-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.panel{background:#fff;border-radius:10px;padding:16px 18px;box-shadow:0 1px 3px #0000000f}.panel h2{font-size:1rem;margin:0 0 14px}.cubuk-satir{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.85rem}.cubuk-etiket{width:110px;color:var(--gri);flex-shrink:0}.cubuk-yol{flex:1;background:var(--arka);border-radius:6px;height:16px;overflow:hidden}.cubuk{height:100%;border-radius:6px;min-width:2px;background:var(--renk);transition:width .3s}.cubuk.mavi{background:var(--renk)}.cubuk.durum-teslim_alindi{background:#6366f1}.cubuk.durum-islemde{background:#f59e0b}.cubuk.durum-hazir{background:#10b981}.cubuk.durum-teslim_edildi{background:#64748b}.cubuk.durum-iptal{background:#ef4444}.cubuk-deger{width:30px;text-align:right;font-weight:600}.sutun-grafik{display:flex;align-items:flex-end;gap:10px;height:140px;padding-top:10px}.sutun-oge{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:6px}.sutun{width:70%;background:var(--renk);border-radius:6px 6px 0 0;min-height:3px}.sutun-etiket{font-size:.7rem;color:var(--gri)}.takip-sayfa{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px}.takip-kutu{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;padding:28px;width:100%;max-width:460px}.takip-kutu h1{font-size:1.2rem;text-align:center;margin-bottom:18px;color:var(--renk)}.takip-form{display:flex;flex-direction:column;gap:6px}.takip-form label{font-size:.8rem;color:var(--gri);margin-top:6px}.takip-form input{padding:10px;border:1px solid var(--kenar);border-radius:8px}.takip-form button{margin-top:14px;padding:11px;background:var(--renk);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.durum-buyuk{text-align:center;padding:12px;border-radius:10px;font-weight:700;font-size:1.1rem;margin-bottom:18px}.adimlar{list-style:none;padding:0;margin:0 0 18px}.adimlar li{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--gri);font-size:.9rem}.adimlar li .nokta{width:14px;height:14px;border-radius:50%;background:var(--kenar);flex-shrink:0}.adimlar li.tamam{color:var(--metin);font-weight:600}.adimlar li.tamam .nokta{background:#10b981}.takip-tablo{width:100%;border-collapse:collapse}.takip-tablo th{text-align:left;color:var(--gri);font-weight:500;padding:6px 0;width:120px;font-size:.85rem}.takip-tablo td{padding:6px 0}.fis-sarici{max-width:760px;margin:0 auto;padding:20px}.fis-arac{display:flex;gap:10px;margin-bottom:16px}.fis{background:#fff;border:1px solid var(--kenar);border-radius:8px;padding:24px}.fis-firma{display:flex;align-items:center;gap:14px;margin-bottom:12px}.fis-logo{height:48px;width:auto;object-fit:contain}.fis-firma-adi{font-size:1.15rem;font-weight:700}.fis-firma-alt{font-size:.82rem;color:var(--gri)}.bilgi{background:#d1fae5;color:#065f46;padding:10px 12px;border-radius:8px;margin-bottom:14px;font-size:.9rem}.logo-onizleme{display:flex;align-items:center;gap:10px}.logo-onizleme img{height:44px;width:auto;border:1px solid var(--kenar);border-radius:6px;padding:4px;background:#fff}.fis-baslik{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:16px}.fis-baslik h2{margin:0;font-size:1.2rem}.fis-no{margin-top:6px;color:var(--gri)}.fis-qr{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}.fis-qr small{font-size:.65rem;color:var(--gri)}.fis-tablo{width:100%;border-collapse:collapse;margin-bottom:16px}.fis-tablo th{text-align:left;width:150px;padding:8px;border:1px solid var(--kenar);background:#f8fafc;font-weight:600;vertical-align:top}.fis-tablo td{padding:8px;border:1px solid var(--kenar)}.fis-takip{font-size:.85rem;color:#334155;background:#f8fafc;padding:12px;border-radius:6px;margin-bottom:28px}.fis-imza{display:flex;justify-content:space-between;margin-top:40px}.fis-imza>div{border-top:1px solid #111;padding-top:6px;width:200px;text-align:center;font-size:.85rem}@media print{body{background:#fff}.yazdirma-gizle{display:none!important}.fis-sarici{padding:0}.fis{border:none}}.etiket-sayfa{padding:20px}.etiket-arac{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.etiket-arac label{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--gri)}.etiket-arac select,.etiket-arac input{padding:6px;border:1px solid var(--kenar);border-radius:6px}.etiket-onizleme{display:flex;flex-wrap:wrap;gap:12px}.etiket-bilgi{font-size:.82rem;color:var(--gri)}.etiket{border:1px dashed #94a3b8;padding:1.5mm 2.5mm;display:flex;flex-direction:column;align-items:stretch;background:#fff;color:#000;overflow:hidden;font-family:Arial,sans-serif}.etiket-ust{display:flex;align-items:center;gap:1.5mm;border-bottom:.3mm solid #000;padding-bottom:.8mm}.etiket-logo{height:5mm;width:auto;object-fit:contain}.etiket-firma{font-size:3mm;font-weight:700;letter-spacing:.2px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etiket-tip{font-size:2.4mm;font-weight:700;border:.3mm solid #000;border-radius:1mm;padding:0 1mm}.etiket-no{font-size:2.5mm;color:#111;margin-top:.8mm}.etiket-satir{font-size:2.7mm;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etiket-musteri{font-size:3.8mm;font-weight:800;margin-top:.5mm}.etiket-telefon{font-size:3.4mm;font-weight:700}.etiket-cihaz{font-weight:700;font-size:3mm}.etiket-cihaz-kucuk{font-size:2.6mm;color:#333}.etiket-ariza{font-size:2.5mm;margin-top:.5mm;white-space:normal;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.etiket-aksesuar{margin-top:auto;display:flex;flex-wrap:wrap;gap:1mm;padding-top:.8mm}.etiket-rozet{font-size:2.3mm;font-weight:700;background:#000;color:#fff;border-radius:999px;padding:.4mm 2mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}@media print{.etiket-sayfa{padding:0}.etiket-onizleme{display:block;gap:0}.etiket{border:none;page-break-after:always;margin:0}.etiket:last-child{page-break-after:auto}}