:root{--efe-green: #2e8b57;--efe-green-dark: #1e6e42;--efe-green-bg: #e8f5e9;--efe-navy: #2e3191;--efe-navy-dark: #1a1d5a;--efe-navy-bg: #e8eaf6;--grad-primary: linear-gradient(135deg, #2e3191 0%, #1a1d5a 100%);--grad-green: linear-gradient(135deg, #2e8b57 0%, #1e6e42 100%);--grad-accent: linear-gradient(90deg, #2e8b57 0%, #2e3191 100%);--grad-bg: linear-gradient(135deg, #f8f9fa 0%, #eaf6ed 45%, #e8eaf6 100%);--blue: #1565C0;--blue-bg: #E3F2FD;--blue-dark: #0C447C;--red: #e53e3e;--red-dark: #b91c1c;--red-bg: #FFF5F5;--gray-50: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #adb5bd;--gray-500: #868e96;--gray-600: #495057;--gray-700: #343a40;--gray-800: #212529;--radius: 12px;--shadow: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.05);--shadow-md: 0 6px 20px rgba(26,29,90,.08);--mono: ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background:var(--grad-bg);background-attachment:fixed;font-size:14px;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:234px;background:var(--grad-primary);color:#fff;flex-shrink:0;display:flex;flex-direction:column;padding:18px 14px;box-shadow:2px 0 18px #1a1d5a29}.sidebar .logo{display:flex;align-items:center;gap:11px;margin-bottom:26px;padding:4px 2px}.sidebar .logo .badge{width:42px;height:42px;border-radius:12px;background:var(--grad-green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;box-shadow:0 4px 12px #2e8b5773;letter-spacing:.5px}.sidebar a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;color:#ffffffc7;text-decoration:none;font-weight:500;margin-bottom:4px;transition:background .15s,color .15s}.sidebar a:hover{background:#ffffff1a;color:#fff}.sidebar a.active{background:var(--grad-green);color:#fff;font-weight:600;box-shadow:0 4px 12px #2e8b5759}.main{flex:1;display:flex;flex-direction:column;min-width:0}.header{height:58px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;padding:0 24px;gap:14px;flex-shrink:0;position:sticky;top:0;z-index:20}.header h1{font-size:1.1rem;margin:0;font-weight:700;color:var(--efe-navy-dark)}.content{padding:22px 24px;overflow-y:auto;width:100%}.card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.lbl{font-size:11px;color:var(--gray-500);font-weight:700;margin:0 0 9px;display:block;text-transform:uppercase;letter-spacing:.5px}.row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12.5px;padding:6px 12px;border-radius:9px;cursor:pointer;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-600);-webkit-user-select:none;user-select:none;transition:all .14s;font-weight:500}.chip:hover{border-color:var(--efe-green);color:var(--efe-green-dark)}.chip.sel{background:var(--grad-green);color:#fff;border-color:transparent;box-shadow:0 2px 8px #2e8b574d}.chip.selb{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 2px 8px #2e31914d}.chip.selg{background:var(--efe-green-bg);color:var(--efe-green-dark);border-color:var(--efe-green)}.in{width:100%;height:38px;border:1.5px solid var(--gray-200);border-radius:9px;background:#fff;padding:0 12px;font-size:13.5px;color:var(--gray-800);transition:border-color .14s,box-shadow .14s}.in:focus{outline:none;border-color:var(--efe-navy);box-shadow:0 0 0 3px #2e31911f}textarea.in{height:auto;padding:9px 12px;resize:vertical}.btn{height:40px;border-radius:9px;border:1.5px solid var(--gray-200);background:#fff;color:var(--gray-700);font-size:13.5px;font-weight:600;cursor:pointer;padding:0 16px;display:inline-flex;align-items:center;gap:7px;justify-content:center;transition:all .14s}.btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn.primary{background:var(--grad-primary);color:#fff;border:none;box-shadow:0 3px 10px #2e319147}.btn.primary:hover{filter:brightness(1.08);background:var(--grad-primary)}.btn.green{background:var(--grad-green);color:#fff;border:none;box-shadow:0 3px 10px #2e8b5747}.btn.green:hover{filter:brightness(1.08)}.btn.blue{border-color:transparent;color:#fff;background:linear-gradient(135deg,#1565c0,#0c447c);box-shadow:0 3px 10px #1565c047}.btn.blue:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed}.warn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;font-size:12.5px}.warn.amber{background:#fff7e6;color:#92400e}.warn.gray{background:var(--gray-100);color:var(--gray-600)}.garanti{background:var(--red-bg);border:2px solid var(--red);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.garanti .title{color:var(--red-dark);font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px}table.list{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}table.list th{text-align:left;font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px;padding:12px 14px;border-bottom:1px solid var(--gray-200);background:var(--gray-50);font-weight:700}table.list td{padding:12px 14px;border-bottom:1px solid var(--gray-100);font-size:13.5px}table.list tr:last-child td{border-bottom:none}table.list tbody tr{transition:background .12s}table.list tr:hover td{background:#f4faf6}.badge{font-size:11px;padding:4px 10px;border-radius:100px;font-weight:600;display:inline-block}.badge.new{background:var(--gray-200);color:var(--gray-600)}.badge.progress{background:#fef3c7;color:#92400e}.badge.ready{background:var(--efe-green-bg);color:var(--efe-green-dark)}.badge.delivered{background:var(--gray-100);color:var(--gray-500)}.badge.overdue{background:#fee2e2;color:var(--red-dark)}.docbar{position:fixed;bottom:0;left:234px;right:0;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--gray-200);padding:13px 24px;display:flex;align-items:center;gap:14px;box-shadow:0 -4px 16px #10182814;z-index:30;flex-wrap:wrap}.selrow td{background:var(--efe-green-bg)!important}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--grad-bg);padding:20px}.login-card{width:360px;max-width:100%;background:#fff;border-radius:18px;box-shadow:0 24px 60px #1a1d5a2e;overflow:hidden}.login-card .topbar{height:6px;background:var(--grad-accent)}.login-card .body{padding:32px 30px}.login-logo{width:64px;height:64px;border-radius:18px;background:var(--grad-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 22px #2e8b576b}.sidebar-overlay{display:none}.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--gray-700);padding:4px;margin-right:4px}@media (max-width: 820px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:50;transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:translate(0)!important;box-shadow:4px 0 24px #00000040}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:45}.hamburger{display:inline-flex;align-items:center}.content{padding:14px;overflow-x:auto}.header{padding:0 14px}.docbar{left:0;padding:10px 14px}table.list{font-size:12px}}@media print{.no-print{display:none!important}.print-page{background:#fff!important;padding:0!important;min-height:0!important}.print-area{border:none!important;margin:0!important}.etiket-list{gap:0!important}.etiket{page-break-after:always}.etiket:last-child{page-break-after:auto}@page{margin:8mm}}