.cari-transfer-modal.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cari-transfer-modal .modal-card{background:var(--surface);border-radius:var(--radius-lg,12px);border:1px solid var(--border);flex-direction:column;width:100%;max-width:680px;display:flex;overflow:visible;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.cari-transfer-modal .modal-header{border-bottom:1px solid var(--border);background:var(--surface-alt,#f8fafc);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cari-transfer-modal .modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.cari-transfer-modal .title-icon{width:20px;height:20px;color:var(--primary,#3b82f6)}.cari-transfer-modal .btn-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px}.cari-transfer-modal .btn-close:hover{background:var(--hover-bg,#0000000d);color:var(--text-primary)}.cari-transfer-modal .modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.cari-transfer-modal .loading-wrap{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.cari-transfer-modal .transfer-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.cari-transfer-modal .cari-box{border:1px solid var(--border);background:var(--surface-subtle,#fdfdfd);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex;position:relative}.cari-transfer-modal .box-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.cari-transfer-modal .dot{border-radius:50%;width:8px;height:8px}.cari-transfer-modal .source-dot{background:#ef4444}.cari-transfer-modal .target-dot{background:#10b981}.cari-transfer-modal .custom-select{border:1px solid var(--border-strong,#cbd5e1);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;min-height:40px;padding:8px 10px;display:flex}.cari-transfer-modal .custom-select:hover{border-color:var(--primary,#3b82f6)}.cari-transfer-modal .selected-view{align-items:center;gap:8px;display:flex;overflow:hidden}.cari-transfer-modal .selected-view .name{white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:13.5px;font-weight:500;overflow:hidden}.cari-transfer-modal .placeholder{color:var(--text-muted);font-size:13px}.cari-transfer-modal .type-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.cari-transfer-modal .type-badge.customer{color:#0369a1;background:#e0f2fe}.cari-transfer-modal .type-badge.supplier{color:#7e22ce;background:#f3e8ff}.cari-transfer-modal .chevron{width:14px;height:14px;color:var(--text-muted);flex-shrink:0}.cari-transfer-modal .swap-col{justify-content:center;align-items:center;display:flex}.cari-transfer-modal .btn-swap{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000d}.cari-transfer-modal .btn-swap:hover{background:var(--primary-soft,#eff6ff);color:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6);transform:rotate(180deg)}.cari-transfer-modal .btn-swap svg{width:16px;height:16px}.cari-transfer-modal .btn-quick-link{color:#2563eb;cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:11.5px;text-decoration:underline}.cari-transfer-modal .btn-quick-link:hover{color:#1d4ed8}.cari-transfer-modal .dropdown-panel{background:var(--surface);border:1px solid var(--border-strong,#cbd5e1);z-index:50;border-radius:8px;flex-direction:column;max-height:240px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.cari-transfer-modal .dropdown-search{border:1px solid var(--border);border-radius:4px;width:100%;margin-bottom:4px;padding:6px 8px;font-size:12.5px}.cari-transfer-modal .dropdown-list{flex:1;overflow-y:auto}.cari-transfer-modal .dropdown-group-label{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted,#6b7280);padding:6px 8px 2px;font-size:11px;font-weight:700}.cari-transfer-modal .dropdown-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.cari-transfer-modal .dropdown-item:hover{background:var(--primary-soft,#f0fdf4)}.cari-transfer-modal .dropdown-item.active{background:var(--primary-soft,#eff6ff);font-weight:600}.cari-transfer-modal .item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cari-transfer-modal .item-city{color:var(--text-muted);font-size:11px}.cari-transfer-modal .empty-list{text-align:center;color:var(--text-muted);padding:12px;font-size:12px}.cari-transfer-modal .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cari-transfer-modal .field{flex-direction:column;gap:6px;display:flex}.cari-transfer-modal .field label{color:var(--text-primary);font-size:13px;font-weight:500}.cari-transfer-modal .field input[type=text],.cari-transfer-modal .field input[type=date]{border:1px solid var(--border-strong,#cbd5e1);background:var(--surface);border-radius:6px;padding:8px 12px;font-size:13.5px}.cari-transfer-modal .input-cur{position:relative}.cari-transfer-modal .amount-input{width:100%;font-weight:600;padding-right:32px!important;font-size:15px!important}.cari-transfer-modal .cur-tag{color:var(--text-muted);font-weight:600;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cari-transfer-modal .preview-box{background:#f8fafc;border:1px dashed #94a3b8;border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.cari-transfer-modal .preview-header{color:#475569;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.cari-transfer-modal .preview-icon{color:#3b82f6;width:15px;height:15px}.cari-transfer-modal .preview-items{flex-direction:column;gap:6px;font-size:13px;display:flex}.cari-transfer-modal .preview-line{align-items:center;gap:8px;display:flex}.cari-transfer-modal .badge{border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:600}.cari-transfer-modal .badge.red{color:#dc2626;background:#fee2e2}.cari-transfer-modal .badge.green{color:#16a34a;background:#dcfce7}.cari-transfer-modal .modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.cari-transfer-modal .btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.cari-transfer-modal .btn-outline{border:1px solid var(--border-strong,#cbd5e1);color:var(--text-primary);background:0 0}.cari-transfer-modal .btn-outline:hover{background:var(--surface-alt,#f1f5f9)}.cari-transfer-modal .btn-primary{background:var(--primary,#2563eb);border:1px solid var(--primary,#2563eb);color:#fff}.cari-transfer-modal .btn-primary:hover:not(:disabled){background:#1d4ed8}.cari-transfer-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{table-layout:auto;border-collapse:separate;border-spacing:0;width:100%}table th{white-space:nowrap!important;padding:12px 14px!important;font-size:12.5px!important;font-weight:600!important}table td{white-space:nowrap;vertical-align:middle;padding:12px 14px!important;font-size:13.5px!important}.name-cell{word-break:break-word;min-width:200px;max-width:380px;font-size:14px;font-weight:700;white-space:normal!important}.name-cell strong{font-weight:700}.virman-btn{background:var(--surface);color:#7c3aed;cursor:pointer;border:1px solid #8b5cf6;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s;white-space:nowrap!important}th.sortable:hover{color:var(--primary,#2563eb)}th.sortable.sorted{color:var(--primary,#2563eb);font-weight:700}.sort-icon{opacity:.5;vertical-align:middle;margin-left:4px;font-size:11px;display:inline-block}th.sortable:hover .sort-icon,th.sortable.sorted .sort-icon{opacity:1}.font-bold{font-size:15px!important;font-weight:700!important}.font-semibold{font-size:14.5px!important;font-weight:600!important}.proforma-paper{color:#111827;box-sizing:border-box;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:16mm 14mm 12mm;font-family:Segoe UI,Arial,sans-serif;font-size:10px;line-height:1.35;position:relative;box-shadow:0 4px 20px #00000014}.proforma-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.header-logo-area{max-width:200px}.header-logo{object-fit:contain;height:52px;display:block}.header-title-area{text-align:right}.proforma-title{color:#1e3a8a;letter-spacing:-.01em;margin:0 0 4px;font-size:20px;font-weight:800}.doc-meta-row{color:#374151;margin-bottom:2px;font-size:10.5px;font-weight:600}.meta-label{color:#4b5563;margin-right:6px}.parties-container{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.party-box{border:1px solid #cbd5e1;border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.party-banner{color:#fff;text-align:center;letter-spacing:.05em;background:#1e40af;padding:3px 6px;font-size:11px;font-weight:700}.party-body{flex:1;padding:6px 8px}.party-name{color:#0f172a;margin-bottom:4px;font-size:11px;font-weight:700;line-height:1.25}.party-address{color:#334155;margin-bottom:6px;font-size:9.5px;line-height:1.3}.party-info-grid{flex-direction:column;gap:1px;font-size:9.5px;display:flex}.info-line{gap:6px;display:flex}.info-lbl{color:#64748b;flex-shrink:0;width:65px}.info-val{color:#0f172a;font-weight:600}.proforma-table{border-collapse:collapse;width:100%;margin-bottom:12px}.proforma-table th{color:#fff;text-align:left;background:#1e40af;border:1px solid #1e3a8a;padding:5px 6px;font-size:10px;font-weight:700;line-height:1.2}.th-date{width:10%}.th-type{width:14%}.th-desc{width:36%}.th-debit,.th-credit,.th-balance{width:13.33%;text-align:right!important}.proforma-table td{vertical-align:middle;border:1px solid #cbd5e1;padding:5px 6px;font-size:9.5px}.td-date{white-space:nowrap}.td-type{color:#334155;font-weight:600}.td-desc-ekstre{color:#0f172a}.td-debit,.td-credit,.td-balance{text-align:right;color:#0f172a;font-weight:600}.td-balance.neg{color:#b91c1c}.empty-row{text-align:center;color:#64748b;padding:14px 6px}.totals-container{flex-direction:column;align-items:flex-end;margin-bottom:12px;display:flex}.totals-box{border:1px solid #cbd5e1;border-radius:2px;width:260px;overflow:hidden}.total-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:3px 8px;font-size:10px;display:flex}.total-row:last-child{border-bottom:none}.t-lbl{color:#334155;font-weight:700}.t-val{color:#0f172a;font-weight:600}.total-row.grand-total{background:#f8fafc;font-size:11px;font-weight:800}.total-row.grand-total .t-val{color:#1e40af}.proforma-footer-ribbon{color:#fff;background:#1e40af;border-radius:2px;justify-content:space-between;align-items:center;margin-top:auto;padding:4px 10px;font-size:9px;font-weight:600;display:flex}@media print{body{background:#fff!important;margin:0!important;padding:0!important}.proforma-paper{width:100%!important;min-height:auto!important;box-shadow:none!important;margin:0!important;padding:0!important}.proforma-table{page-break-inside:auto}.proforma-table tr{page-break-inside:avoid}}.virman-btn{background:var(--surface);color:#7c3aed;cursor:pointer;border:1px solid #8b5cf6;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:all .15s;display:inline-flex}.virman-btn:hover{background:#f5f3ff;border-color:#7c3aed}.virman-icon{width:15px;height:15px}.header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.badge-linked{background:var(--surface-soft,#0000000a);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;margin-top:4px;padding:4px 10px;font-size:12.5px;display:inline-flex}.link-btn{color:var(--primary);font-weight:600;text-decoration:none}.link-btn:hover{text-decoration:underline}.net-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.net-card{border:1px solid var(--border);border-left:4px solid var(--border-strong,var(--border));background:var(--surface);border-radius:10px;padding:16px 20px;position:relative}.net-card.owed-pos{border-left-color:var(--green)}.net-card.owed-neg{border-left-color:var(--red)}.net-card.clear{border-left-color:var(--border-strong,var(--border))}.net-card.highlight{background:var(--surface-raised,var(--surface))}.net-card.net-pos{border-left-color:var(--green);box-shadow:0 2px 8px #10b98114}.net-card.net-neg{border-left-color:var(--red);box-shadow:0 2px 8px #ef444414}.net-card.net-zero{border-left-color:var(--border-strong)}.net-card.pending{border-left-color:var(--amber,#f59e0b);border-left-style:dashed}.net-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.net-card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.02em;font-size:12px;font-weight:600}.edit-badge-btn{background:var(--surface-soft,#0000000d);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;transition:all .15s}.edit-badge-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft,#eef2ff)}.net-card-value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:1.15}.net-card-value.pos{color:var(--green)}.net-card-value.neg{color:var(--red)}.net-card-value.muted-val{color:var(--muted)}.net-card-value.pending-val{color:var(--amber)}.net-card-sub{color:var(--muted);margin-top:6px;font-size:12px}@media (width<=900px){.net-cards{grid-template-columns:1fr}}.hareket-trigger-wrap{position:relative}.hareket-trigger{background:var(--green);border-color:var(--green);color:#fff;min-width:260px;box-shadow:0 1px 2px #17805c59}.hareket-trigger:hover{background:var(--green);border-color:var(--green);filter:brightness(.92)}.menu-backdrop{z-index:30;background:0 0;position:fixed;inset:0}.hareket-menu{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.hareket-menu button{border:1px solid var(--border);background:var(--surface-2,var(--surface));box-shadow:none;text-align:left;color:var(--text);border-radius:8px;padding:12px 14px;font-size:14.5px;font-weight:700}.hareket-menu button:hover{background:var(--primary-soft,#e0e7ff);border-color:var(--primary);color:var(--primary)}.empty-box.compact{text-align:left;color:var(--muted);align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;font-size:13px;display:flex}.panel-link{margin-bottom:20px}.panel-link a{color:var(--muted);font-size:13px}.panel-link a:hover{color:var(--primary)}.btn-row{gap:8px;display:flex}.empty-box{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:8px;margin-bottom:20px;padding:36px 20px}.empty-box p{color:var(--muted);margin-bottom:14px}.fill-all{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary);box-shadow:none;cursor:pointer;border-radius:999px;margin-top:5px;padding:3px 8px;font-size:11.5px;font-weight:600}.font-bold{font-weight:700}.text-green{color:var(--green)}.text-red{color:var(--red)}.curr-bal-box{background:var(--surface-soft,#00000008);border:1px solid var(--border);border-radius:6px;justify-content:space-between;margin-bottom:14px;padding:10px 14px;font-size:13.5px;display:flex}.diff-info-box{background:var(--surface-soft,#00000008);border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:12.5px;font-weight:600}.source-tag{border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.source-tag.customer{color:#2563eb;background:#3b82f61a}.source-tag.supplier{color:#9333ea;background:#a855f71a}.badge.purple{color:#7e22ce;background:#f3e8ff}.badge.teal{color:#0f766e;background:#ccfbf1}.badge.indigo{color:#4338ca;background:#e0e7ff}.cat-add-row{gap:8px;margin-bottom:14px;display:flex}.cat-add-row input{flex:1}.cat-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.cat-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 2px;display:flex}.cat-list li:last-child{border-bottom:none}.category-filter{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text);padding:0 10px;font-size:13px}tr.inactive td{opacity:.55}.s-sub{color:var(--muted);font-size:11px;font-weight:400;display:block}.conv{color:var(--text);margin:-6px 0 10px;font-size:12.5px}.conv.warn{color:var(--red)}.subline{color:var(--muted);margin:-8px 0 16px;font-size:13px}.mv-actions{gap:6px;margin-top:8px;display:flex}.panel-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}td.entered{color:var(--text);font-weight:600}.btn-toggle-sidebar{all:unset!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;width:30px!important;height:30px!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff26!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:all .15s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.btn-toggle-sidebar:hover{background:var(--primary,#2563eb)!important;border-color:var(--primary,#2563eb)!important;color:#fff!important;transform:scale(1.05)!important}.btn-toggle-sidebar svg{stroke:#fff!important;stroke-width:2.2px!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important}.sidebar svg{flex-shrink:0!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;max-height:17px!important}.sidebar a{color:var(--side-text);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar a svg{opacity:.8;transition:opacity .15s;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important}.sidebar a:hover{background:var(--side-hover);color:#f1f5f9}.sidebar a:hover svg{opacity:1}.sidebar a.active,.sidebar a.router-link-active{background:var(--side-active-bg);color:var(--side-active-text);font-weight:600;box-shadow:0 2px 8px #2563eb59}.sidebar a.active svg,.sidebar a.router-link-active svg{opacity:1}.sidebar .nav-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:12px 10px 4px;font-size:11px;font-weight:700}.sidebar .nav-label-btn{all:unset;box-sizing:border-box;letter-spacing:.08em;text-transform:uppercase;color:#64748b;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:12px 10px 4px;font-size:11px;font-weight:700;transition:color .12s;display:flex}.sidebar .nav-label-btn:hover{color:#e6ebf3}.sidebar .nav-group-chev{opacity:.75;transition:transform .15s;transform:rotate(-90deg);flex-shrink:0!important;width:13px!important;min-width:13px!important;max-width:13px!important;height:13px!important;min-height:13px!important;max-height:13px!important}.sidebar .nav-group-chev.open{transform:rotate(0)}.sidebar.collapsed a{justify-content:center;gap:0;padding:10px 0}.sidebar.collapsed a span{display:none}.sidebar.collapsed a svg{width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important}.topbar{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:10px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.topbar-user{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:10px;padding:4px 14px 4px 4px;transition:all .15s;display:flex}.topbar-user:hover{border-color:var(--border-strong)}.tu-avatar{letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#64748b,#475569);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 4px #0000001a}.tu-avatar.admin{background:var(--brand-gradient)}.tu-meta{flex-direction:column;line-height:1.25;display:flex}.tu-name{color:var(--text);font-size:13px;font-weight:700}.tu-role{color:var(--muted);font-size:11px;font-weight:600}.topbar-theme{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.topbar-theme:hover{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.topbar-theme svg{width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important}.topbar-logout{color:var(--muted);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.topbar-logout:hover{color:#fff;background:#ef4444;border-color:#ef4444}.topbar-logout svg{width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.content-inner{padding:16px 16px 32px}.topbar{padding:10px 16px}}.app-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);flex-shrink:0;padding:18px 32px 24px;font-size:12px}.app-footer .brand-link{color:var(--primary);font-weight:700;text-decoration:none}.app-footer .brand-link.clickable:hover{text-decoration:underline}.auth{background:var(--bg);justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:410px;box-shadow:var(--shadow-xl);border-radius:20px;padding:32px 34px 28px;animation:.55s cubic-bezier(.2,.8,.2,1) both cardin}@keyframes cardin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.brand-logo{object-fit:contain;width:110px;height:110px;margin:0 auto 16px;display:block}.login-panel h1{color:var(--text);letter-spacing:-.015em;text-align:center;margin:0 0 6px;font-size:22px;font-weight:700}.lead{color:var(--muted);text-align:center;margin:0 0 20px;font-size:13.5px;font-weight:500;line-height:1.5}.lead strong{color:var(--text)}.fld{margin-bottom:14px;display:block}.fld>span{color:var(--text);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.fld input{width:100%;height:42px;font-size:14px;font-weight:500}.fld-hint{color:var(--muted);margin-top:5px;font-size:11.5px;font-weight:500;display:block}.pwd-wrap{align-items:center;display:flex;position:relative}.pwd-wrap input{padding-right:42px}.pwd-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:6px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--text);background:var(--surface-2)}.pwd-toggle svg{width:18px!important;height:18px!important}.otp-header{text-align:center;margin-bottom:8px}.otp-badge{background:var(--primary-soft);color:var(--primary);border:1px solid #2563eb40;border-radius:99px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.otp-badge svg{width:14px!important;height:14px!important}.otp-fld{flex-direction:column;align-items:center;margin-bottom:18px;display:flex}.otp-input{letter-spacing:.35em!important;text-align:center!important;border:2px solid var(--border-strong)!important;background:var(--surface-2)!important;width:100%!important;height:52px!important;color:var(--text)!important;border-radius:12px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:26px!important;font-weight:800!important}.otp-input:focus{border-color:var(--primary)!important;background:var(--surface)!important;box-shadow:0 0 0 4px var(--primary-ring)!important}.otp-timer{color:var(--muted);margin-top:8px;font-size:12px}.otp-timer strong{color:var(--primary);font-variant-numeric:tabular-nums}.otp-actions{flex-direction:column;gap:8px;margin-top:14px;display:flex}.btn-resend{all:unset;box-sizing:border-box;text-align:center;width:100%;color:var(--primary);cursor:pointer;border-radius:8px;padding:8px;font-size:12.5px;font-weight:600;transition:all .15s}.btn-resend:hover:not(:disabled){background:var(--primary-soft)}.btn-resend:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.btn-back{all:unset;box-sizing:border-box;text-align:center;width:100%;color:var(--muted);cursor:pointer;border-radius:8px;padding:6px;font-size:12px;font-weight:500;transition:all .15s}.btn-back:hover:not(:disabled){color:var(--text);background:var(--surface-2)}form.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){form.shake{animation:none}}.err{color:var(--red);background:var(--red-soft);border-radius:var(--radius-sm);border:1px solid #ef444440;margin-bottom:14px;padding:9px 12px;font-size:12.5px;line-height:1.4}.submit{justify-content:center;width:100%;height:46px;margin-top:4px;font-size:14px;font-weight:600}.foot{text-align:center;color:var(--muted);margin-top:18px;font-size:11.5px;font-weight:500}.conn-page{background:var(--bg);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.conn-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:540px;box-shadow:var(--shadow-lg);border-radius:18px;padding:28px 30px}.conn-card h1{margin:0 0 6px;font-size:20px}.conn-card .lead{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.5}.role-pick{gap:10px;margin-bottom:18px;display:flex}.role{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);box-shadow:none;cursor:pointer;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:12px 14px;display:flex}.role strong{font-size:14px}.role span{color:var(--muted);font-size:12px;font-weight:400}.role.on{border-color:var(--primary);background:var(--primary-soft)}.role.on span{color:var(--primary)}.section-hint{color:var(--muted);margin:0 0 14px;font-size:12.5px;line-height:1.5}.conn-card .grid{gap:12px;display:flex}.conn-card .grid .field{flex:1}.conn-card .grid .port{max-width:120px}.conn-card .field{margin:0 0 12px;display:block}.conn-card .field>span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.conn-card .field input,.conn-card .field select{width:100%;height:42px}.test-row{align-items:center;gap:10px;margin:6px 0 4px;display:flex}.test-ok{color:var(--green);font-size:12.5px;font-weight:600}.test-fail{color:var(--red);font-size:12.5px;font-weight:600}.conn-card .actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.done-box{background:var(--primary-soft);border:1px solid var(--primary);color:var(--text);border-radius:var(--radius-sm);text-align:center;padding:18px;font-weight:600;line-height:1.6}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.page-head h1{margin:0}.page-sub{color:var(--muted);margin:4px 0 0;font-size:13.5px}.dash-section{margin-bottom:26px}.dash-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-size:12px;font-weight:700}.card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-top .label{margin-bottom:0}.chip{width:36px;height:36px;box-shadow:var(--shadow-xs);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.chip svg{width:18px;height:18px}.chip.blue{background:var(--primary-soft);color:var(--primary)}.chip.green{background:var(--green-soft);color:var(--green)}.chip.red{background:var(--red-soft);color:var(--red)}.chip.amber{background:var(--amber-soft);color:var(--amber)}.chip.gray{background:var(--surface-2);color:var(--muted)}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-head h2{margin-bottom:0}.panel-link{color:var(--primary);white-space:nowrap;font-size:12.5px;font-weight:600;text-decoration:none}.panel-link:hover{text-decoration:underline}.panel-note{color:var(--muted);margin:-6px 0 14px;font-size:13px}.table-wrap{border-radius:var(--radius-sm);border:1px solid var(--border);overflow-x:auto}.range-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:16px 18px;transition:transform .15s,box-shadow .15s}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.s-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.s-value{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.25;display:block}.s-sub{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4;display:block}.whatsapp{color:#fff!important;background:#25d366!important;border-color:#25d366!important;box-shadow:0 2px 6px #25d36640!important}.whatsapp:hover{background:#128c7e!important;border-color:#128c7e!important;box-shadow:0 4px 12px #25d36659!important}.modal-wide{width:100%;max-width:640px}.perm-groups{max-height:calc(50vh / var(--scale,1));border:1px solid var(--border);border-radius:8px;margin-top:6px;overflow-y:auto}.perm-group{border-bottom:1px solid var(--border);padding:10px 14px}.perm-group:last-child{border-bottom:none}.perm-group-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.perm-group-title{font-size:13.5px;font-weight:600}.perm-group-items{flex-wrap:wrap;gap:6px 18px;display:flex}.perm-check{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:400;display:flex}.perm-check input{width:auto}.turkey-map-wrapper{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;padding:16px 20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.turkey-map-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.turkey-map-svg-container{background:radial-gradient(circle,#f8fafccc 0%,#f1f5f966 100%);border:1px solid #e2e8f099;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:420px;display:flex;position:relative;overflow:hidden}.turkey-map-svg{transform-origin:50%;width:100%;height:auto;max-height:560px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:block}.turkey-province-group{transition:transform .15s}.turkey-province-group.clickable{cursor:pointer}.turkey-province-group.not-clickable{cursor:not-allowed}.turkey-province-path{vector-effect:non-scaling-stroke;transition:fill .18s,stroke .18s,stroke-width .18s,filter .18s}.turkey-province-group:hover .turkey-province-path{filter:brightness(1.08)drop-shadow(0 2px 5px #00000026);stroke:#0f172a;stroke-width:1.5px}.turkey-province-group.is-hovered .turkey-province-path{stroke:#2563eb;stroke-width:2px;filter:brightness(1.12)drop-shadow(0 4px 8px #2563eb4d)}.turkey-province-label{pointer-events:none;fill:#1e293b;text-shadow:0 0 3px #fff,0 0 5px #fff,0 1px 2px #fff;font-family:inherit;font-weight:700;transition:opacity .2s}.turkey-map-tooltip{pointer-events:none;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;white-space:nowrap;background:#0f172af0;border:1px solid #ffffff26;border-radius:10px;padding:9px 14px;font-size:12px;line-height:1.4;transition:opacity .1s;position:absolute;transform:translate(-50%,-125%);box-shadow:0 10px 25px -5px #00000059}.turkey-map-tooltip .tt-header{align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:700;display:flex}.turkey-map-tooltip .tt-plate{letter-spacing:.5px;background:#ffffff40;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.turkey-map-tooltip .tt-region{color:#94a3b8;font-size:11px}.turkey-map-tooltip .tt-status{border-top:1px solid #ffffff1f;margin-top:5px;padding-top:4px;font-size:11px;font-weight:600}.turkey-map-zoom-controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border,#cbd5e1);z-index:20;background:#ffffffe6;border-radius:8px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 12px #00000014}.turkey-map-zoom-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:16px;font-weight:700;transition:background .15s,color .15s;display:flex}.turkey-map-zoom-btn:hover{color:#0f172a;background:#f1f5f9}a.button,.button{font:inherit;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}a.button:hover,.button:hover{background:var(--surface-2);border-color:var(--muted);box-shadow:var(--shadow-sm);text-decoration:none;transform:translateY(-1px)}a.button:active,.button:active{transform:scale(.98)}a.button.primary,.button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px #2563eb40}a.button.primary:hover,.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #2563eb59}a.button.small,.button.small{border-radius:var(--radius-xs);box-shadow:none;padding:5px 11px;font-size:12px}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;overflow-x:auto}.panel table{border-collapse:separate;border-spacing:0;width:100%}.panel table th,.panel table td{white-space:nowrap}.seg{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);gap:2px;width:fit-content;padding:2px;display:inline-flex;overflow:hidden}.seg button{box-shadow:none;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.seg button+button{border-left:none}.seg button:hover{color:var(--text);background:var(--surface);transform:none}.seg button.on,.seg button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:700}.cat-badge{background:var(--primary-soft);color:var(--primary);border:1px solid #2563eb26;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;display:inline-block}.emp{color:var(--muted);margin-top:2px;font-size:12px}tr.overdue td{background:var(--red-soft)!important}tr.soon td{background:var(--amber-soft)!important}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;right:24px}.toast-message{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);pointer-events:auto;cursor:pointer;border-left:5px solid #0000;border-radius:12px;align-items:center;min-width:320px;max-width:440px;padding:14px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.25s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast-message.success{border-left-color:var(--green)}.toast-message.success .toast-icon{color:var(--green)}.toast-message.error{border-left-color:var(--red)}.toast-message.error .toast-icon{color:var(--red)}.toast-message.warning{border-left-color:var(--amber)}.toast-message.warning .toast-icon{color:var(--amber)}.toast-message.info{border-left-color:var(--primary)}.toast-message.info .toast-icon{color:var(--primary)}.toast-icon{align-items:center;margin-right:12px;display:flex}.toast-content{color:var(--text);flex:1;font-size:13.5px;font-weight:600;line-height:1.4}.toast-close{color:var(--muted);cursor:pointer;box-shadow:none;background:0 0;border:none;padding:0 0 0 12px;font-size:18px;line-height:1}.toast-close:hover{color:var(--text);background:0 0;transform:none}.confirm-modal{max-width:440px}.confirm-text{white-space:pre-line;color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:16px 0 8px;display:flex}.page-info{color:var(--muted);font-size:13px;font-weight:500}.ssel{position:relative}.ssel input{padding-right:32px}.ssel-chevron{width:15px;height:15px;color:var(--faint);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ssel-menu{z-index:200;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:max-content;max-height:280px;box-shadow:var(--shadow-lg);padding:6px;animation:.15s ease-out modalScaleUp;position:fixed;overflow-y:auto}.ssel-menu .ssel-opt{border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:8px 12px;font-size:13px;transition:all .12s;overflow:hidden}.ssel-menu .ssel-opt:hover,.ssel-menu .ssel-opt.active{background:var(--primary-soft);color:var(--primary)}.ssel-menu .ssel-opt.selected{color:var(--primary);background:var(--primary-soft);font-weight:700}.ssel-menu .ssel-empty{color:var(--muted);text-align:center;padding:12px;font-size:13px}.record-tabbar{border-bottom:1px solid var(--border);gap:6px;margin-bottom:20px;padding-bottom:2px;display:flex;overflow-x:auto}.record-tab{color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:var(--radius-xs) var(--radius-xs) 0 0;border-bottom:2px solid #0000;flex:none;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.record-tab:hover{color:var(--text);background:var(--surface-2)}.record-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--surface-2);font-weight:700}.record-tab-title{text-overflow:ellipsis;max-width:220px;overflow:hidden}.record-tab-close{box-shadow:none;width:16px;height:16px;color:var(--muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:13px;display:inline-flex}.record-tab-close:hover{background:var(--red-soft);color:var(--red)}.pill{letter-spacing:.02em;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);vertical-align:middle;border-radius:999px;margin-left:7px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.pill.low-stock{color:var(--red);background:var(--red-soft);border-color:#ef444440}.hint{color:var(--muted);margin:-2px 0 14px;font-size:12.5px;line-height:1.5}.wizard-modal{max-width:580px}.wizard-steps{gap:8px;margin-bottom:20px;display:flex}.wizard-step{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--muted);flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;transition:all .15s;display:flex}.wizard-step.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:700}.wizard-step.done{color:var(--green);background:var(--green-soft);border-color:#10b9814d}.wizard-step-num{background:var(--surface);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.wizard-step.active .wizard-step-num{background:var(--primary);color:#fff;border-color:var(--primary)}.wizard-step.done .wizard-step-num{background:var(--green);color:#fff;border-color:var(--green)}.field-group{margin-bottom:14px}.field-title{color:var(--muted);letter-spacing:.02em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.phone-row{gap:8px;margin-bottom:8px;display:flex}.phone-row input{flex:1}.check-field{align-items:center;gap:8px;margin:6px 0 16px;font-size:13.5px;font-weight:500;display:flex}.print-only{display:none}@media print{.sidebar,.no-print{display:none!important}.print-only{display:block}}