.demo-app.vp{--vp-navy:#03477c;--vp-navy-deep:#02375f;--vp-ink:#1d2d3c;--vp-muted:#5b6c7c;--vp-line:#cfd8e3;--vp-wash:#e8eef3;--vp-paper:#ffffff;--vp-green:#13a98c;--vp-green-deep:#0e8670;--vp-red:#ff4f57;--vp-red-deep:#d63b43;--vp-ops:#cf1827;--vp-yellow:#ffbb3e;--vp-yellow-ink:#5a4308;--vp-info:#2e86ab;--vp-focus:#03477c;font-size:12px;line-height:1.35;color:var(--vp-ink);background:var(--vp-wash);min-height:100%;container-type:inline-size;container-name:vp}.demo-app.vp [hidden]{display:none!important}.demo-app.vp h1,.demo-app.vp h2,.demo-app.vp h3,.demo-app.vp h4,.demo-app.vp h5,.demo-app.vp h6{margin:0;font-size:inherit;font-weight:700;line-height:1.25}.demo-app.vp .vp-sheet-h h2{font-size:13px}.demo-app.vp .vp-box h3{font-size:11px}.demo-app.vp{height:100%}.demo-app.vp .vp-shell{display:flex;flex-direction:column;height:100%;min-height:100%}.demo-app.vp .vp-head{background:var(--vp-navy);color:#fff;padding:8px 10px 7px}.demo-app.vp .vp-head:where(h1,h2,h3,h4,p,strong){color:#fff}.demo-app.vp .vp-head h3,.demo-app.vp .vp-head .vp-title{margin:0 0 3px;font-size:14px;font-weight:700;letter-spacing:0;color:#fff}.demo-app.vp .vp-meta{margin:0;font-size:11px;color:#fff;opacity:1}.demo-app.vp .vp-meta strong{font-weight:700;color:#fff}.demo-app.vp .vp-closed{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:2px;background:#ffbb3e;color:#3d2e06;font-size:10px;font-weight:700;vertical-align:middle}.demo-app.vp .vp-tabs{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;background:#f7f9fb;border-bottom:1px solid var(--vp-line)}.demo-app.vp .vp-tabs button{appearance:none;border:0;border-right:1px solid var(--vp-line);background:transparent;color:var(--vp-ink);padding:7px 10px;font-size:11px;font-weight:600;min-height:32px}.demo-app.vp .vp-tabs button[aria-selected="true"]{background:var(--vp-paper);box-shadow:inset 0 -2px 0 var(--vp-navy)}.demo-app.vp .vp-ok{color:var(--vp-green-deep)}.demo-app.vp .vp-bad{color:var(--vp-red-deep)}.demo-app.vp .vp-band{background:var(--vp-navy);color:#fff;padding:6px 10px;font-size:11px}.demo-app.vp .vp-stage{padding:8px;flex:1;min-height:0;overflow:auto}.demo-app.vp .vp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.demo-app.vp .vp-card{background:var(--vp-paper);border:1px solid var(--vp-navy);display:flex;flex-direction:column;min-height:92px;text-align:left;padding:0;overflow:hidden;transition:transform .1s ease,box-shadow .1s ease}.demo-app.vp .vp-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000018}.demo-app.vp .vp-card:focus-visible{outline:2px solid var(--vp-focus);outline-offset:2px;transform:translateY(-4px)}.demo-app.vp .vp-card.vp-gelir{border-color:var(--vp-green)}.demo-app.vp .vp-card.vp-gider{border-color:var(--vp-red)}.demo-app.vp .vp-card.vp-ozet,.demo-app.vp .vp-card.vp-genel{border-color:var(--vp-yellow)}.demo-app.vp .vp-card-h{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 7px;color:#fff;background:var(--vp-navy);font-size:11px;font-weight:700}.demo-app.vp .vp-gelir .vp-card-h{background:var(--vp-green)}.demo-app.vp .vp-gider .vp-card-h{background:var(--vp-red)}.demo-app.vp .vp-ozet .vp-card-h,.demo-app.vp .vp-genel .vp-card-h{background:var(--vp-yellow);color:var(--vp-yellow-ink)}.demo-app.vp .vp-card-b{padding:7px 8px 8px;background:#fff;flex:1}.demo-app.vp .vp-total{margin:0;font-size:15px;font-weight:700;text-align:right}.demo-app.vp .vp-lines{margin-top:4px;display:grid;gap:2px}.demo-app.vp .vp-line{display:flex;justify-content:space-between;gap:6px;font-size:10px;color:var(--vp-muted)}.demo-app.vp .vp-more{margin-top:2px;font-size:10px;color:var(--vp-info)}.demo-app.vp .vp-pair{display:flex;justify-content:space-between;gap:6px;font-size:11px;margin:2px 0}.demo-app.vp .vp-pair hr,.demo-app.vp .vp-rule{border:0;border-top:1px solid var(--vp-line);margin:5px 0}.demo-app.vp .vp-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 8px 10px;border-top:1px solid var(--vp-line);background:#f4f7fa}.demo-app.vp .vp-btn{appearance:none;border:1px solid var(--vp-line);background:#fff;color:var(--vp-ink);padding:5px 10px;min-height:28px;font-size:11px;font-weight:600;border-radius:2px}.demo-app.vp .vp-btn:hover{background:#eef3f8}.demo-app.vp .vp-btn:disabled{opacity:.55}.demo-app.vp .vp-btn-navy{background:var(--vp-navy);border-color:var(--vp-navy);color:#fff}.demo-app.vp .vp-btn-navy:hover{background:var(--vp-navy-deep)}.demo-app.vp .vp-btn-green{background:#0d7a65;border-color:#0d7a65;color:#fff}.demo-app.vp .vp-btn-green:hover{background:#0b6b58}.demo-app.vp .vp-btn-red{background:var(--vp-ops);border-color:var(--vp-ops);color:#fff}.demo-app.vp .vp-btn-red:hover{background:#a8121e}.demo-app.vp .vp-btn-danger{background:var(--vp-red);border-color:var(--vp-red);color:#fff}.demo-app.vp .vp-btn-ghost{background:transparent;border-color:transparent;color:var(--vp-navy);padding-inline:6px}.demo-app.vp .vp-btn-sm{min-height:24px;padding:2px 7px;font-size:10px}.demo-app.vp .vp-sheet{background:#fff;border:1px solid var(--vp-line)}.demo-app.vp .vp-sheet-h{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--vp-navy);color:#fff}.demo-app.vp .vp-sheet-h.vp-h-green{background:var(--vp-green)}.demo-app.vp .vp-sheet-h.vp-h-red{background:var(--vp-red)}.demo-app.vp .vp-sheet-h.vp-h-yellow{background:var(--vp-yellow);color:var(--vp-yellow-ink)}.demo-app.vp .vp-sheet-title,.demo-app.vp .vp-sheet-h h2{margin:0;font-size:13px;font-weight:700;flex:1}.demo-app.vp .vp-back{appearance:none;border:0;background:rgba(255,255,255,0.14);color:inherit;padding:3px 8px;min-height:24px;border-radius:2px;font-size:11px;font-weight:600}.demo-app.vp .vp-back:hover{background:rgba(255,255,255,0.24)}.demo-app.vp .vp-sheet-b,.demo-app.vp .vp-sheet-body{padding:8px}.demo-app.vp .vp-scroll{max-height:180px;overflow:auto;border:1px solid var(--vp-line);background:#fff}.demo-app.vp table{width:100%;border-collapse:collapse;font-size:11px}.demo-app.vp th,.demo-app.vp td{padding:4px 6px;border-bottom:1px solid var(--vp-line);text-align:left;vertical-align:middle}.demo-app.vp th{background:#f4f7fa;color:var(--vp-muted);font-size:10px;font-weight:700}.demo-app.vp .vp-num,.demo-app.vp td.vp-num,.demo-app.vp th.vp-num{text-align:right;font-variant-numeric:tabular-nums}.demo-app.vp .vp-muted{margin:6px 0 0;font-size:10px;color:var(--vp-muted)}.demo-app.vp .vp-pane{display:flex;flex-direction:column;gap:8px}.demo-app.vp .vp-pane{flex:1;min-height:0}.demo-app.vp .vp-recent{flex:1;min-height:96px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--vp-line)}.demo-app.vp .vp-recent-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px;border-bottom:1px solid var(--vp-line);font-size:11px}.demo-app.vp .vp-recent-h span{color:var(--vp-muted);font-size:10px}.demo-app.vp .vp-recent .vp-scroll{flex:1;min-height:0;overflow:auto}.demo-app.vp .vp-recent p{margin:0;padding:8px}.demo-app.vp .vp-link{border:0;background:none;padding:0;color:var(--vp-navy);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}.demo-app.vp .vp-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-app.vp .vp-box{border:1px solid var(--vp-line);background:#fff;padding:6px;min-width:0}.demo-app.vp .vp-box h3{margin:0 0 6px;font-size:11px;font-weight:700}.demo-app.vp .vp-in{border-top:3px solid var(--vp-green)}.demo-app.vp .vp-out{border-top:3px solid var(--vp-red)}.demo-app.vp .vp-net{margin-top:8px;padding:8px 10px;background:#fff;border:1px solid var(--vp-line);display:flex;align-items:center;gap:8px;font-size:12px}.demo-app.vp .vp-badge{margin-left:auto;padding:2px 8px;border-radius:2px;background:var(--vp-red);color:#fff;font-size:10px;font-weight:700}.demo-app.vp .vp-badge.vp-tam{background:var(--vp-green)}.demo-app.vp .vp-form{display:grid;gap:6px;margin-bottom:8px}.demo-app.vp .vp-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-app.vp .vp-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-app.vp .vp-field{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-app.vp .vp-field>span{font-size:10px;color:var(--vp-muted);font-weight:600}.demo-app.vp .vp-field input,.demo-app.vp .vp-field select,.demo-app.vp .vp-field textarea{width:100%;min-height:26px;padding:4px 6px;border:1px solid var(--vp-line);border-radius:2px;background:#fff;color:var(--vp-ink);font-size:11px}.demo-app.vp .vp-field input:focus,.demo-app.vp .vp-field select:focus,.demo-app.vp .vp-field textarea:focus{outline:2px solid var(--vp-focus);outline-offset:0;border-color:var(--vp-focus)}.demo-app.vp .vp-span-2{grid-column:span 2}.demo-app.vp .vp-span-4{grid-column:span 4}.demo-app.vp .vp-tip-fields,.demo-app.vp .vp-tip-select{display:grid;gap:6px}.demo-app.vp .vp-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-top:8px}.demo-app.vp .vp-link{appearance:none;border:0;background:transparent;color:var(--vp-info);font-size:11px;font-weight:600;padding:0;text-decoration:underline}.demo-app.vp .vp-heart{appearance:none;border:0;background:transparent;color:#c4ced8;font-size:14px;line-height:1;padding:0 2px}.demo-app.vp .vp-heart.vp-on{color:#e53935}.demo-app.vp .vp-pos{color:var(--vp-green-deep)}.demo-app.vp .vp-neg{color:var(--vp-red-deep)}.demo-app.vp .vp-oto{border:1px solid var(--vp-line);background:#fff;margin-bottom:4px}.demo-app.vp .vp-oto-h{padding:5px 8px;background:#eef3f8;border-bottom:1px solid var(--vp-line);font-size:11px;font-weight:700}.demo-app.vp .vp-oto-b{padding:8px}.demo-app.vp .vp-oto-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;margin-bottom:6px}.demo-app.vp .vp-cari-tools{display:grid;grid-template-columns:1.4fr 0.8fr auto auto;gap:6px;align-items:end;margin-bottom:8px}.demo-app.vp .vp-check{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--vp-ink);min-height:26px}.demo-app.vp .vp-cari-detail-head{margin:0 0 8px;font-size:11px}.demo-app.vp .vp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.demo-app.vp .vp-closed-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:2px;background:#ffbb3e;color:#3d2e06;font-size:10px;font-weight:700}.demo-app.vp .vp-card:focus-visible,.demo-app.vp .vp-btn:focus-visible,.demo-app.vp .vp-tabs button:focus-visible,.demo-app.vp .vp-back:focus-visible{outline:2px solid var(--vp-focus);outline-offset:1px}@container vp (max-width:720px){.demo-app.vp .vp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-app.vp .vp-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-app.vp .vp-span-4{grid-column:span 2}.demo-app.vp .vp-split{grid-template-columns:1fr}.demo-app.vp .vp-cari-tools{grid-template-columns:1fr 1fr}}@container vp (max-width:420px){.demo-app.vp .vp-cards{grid-template-columns:1fr}.demo-app.vp .vp-cols-2,.demo-app.vp .vp-cols-4{grid-template-columns:1fr}.demo-app.vp .vp-span-2,.demo-app.vp .vp-span-4{grid-column:auto}.demo-app.vp .vp-foot{flex-direction:column;align-items:stretch}.demo-app.vp .vp-foot .vp-btn{width:100%}}@media (prefers-reduced-motion:reduce){.demo-app.vp .vp-card{transition:none}.demo-app.vp .vp-card:hover,.demo-app.vp .vp-card:focus-visible{transform:none}}