.var-app{--bg:#f5f7fb;--panel:#fff;--panel-2:#f8fafc;--text:#162033;--muted:#67748a;--line:#e2e8f0;--brand:#175cd3;--brand-2:#0b4db6;--green:#14804a;--amber:#ad6800;--red:#c4320a;--shadow:0 12px 36px rgba(28,39,60,.09);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:72vh;padding:24px;border-radius:18px;line-height:1.45;box-sizing:border-box}.var-app[data-theme=dark]{--bg:#101522;--panel:#171e2d;--panel-2:#1d2637;--text:#f1f5f9;--muted:#9aa8bc;--line:#2d394d;--brand:#6aa6ff;--brand-2:#94bdff;--green:#5fd69a;--amber:#f5b942;--red:#ff8b73;--shadow:0 14px 38px rgba(0,0,0,.24)}.var-app *{box-sizing:border-box}.var-app button,.var-app input,.var-app select{font:inherit}.var-shell{max-width:1240px;margin:auto}.var-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.var-brand{display:flex;align-items:center;gap:12px}.var-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#175cd3,#53a2ff);font-weight:800}.var-brand h1{font-size:21px;line-height:1.15;margin:0;color:var(--text)}.var-brand p{margin:4px 0 0;color:var(--muted);font-size:13px}.var-actions{display:flex;gap:8px;align-items:center}.var-button{border:0;border-radius:10px;background:var(--brand);color:#fff;padding:10px 15px;font-weight:700;cursor:pointer;transition:.16s}.var-button:hover{background:var(--brand-2);transform:translateY(-1px)}.var-button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.var-button.icon{padding:9px 12px}.var-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.var-toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.var-filters{display:flex;gap:10px;flex:1}.var-field{display:flex;flex-direction:column;gap:6px}.var-field label{font-size:12px;font-weight:700;color:var(--muted)}.var-input,.var-select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 12px;outline:0}.var-input:focus,.var-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)}.var-search{max-width:360px}.var-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.var-table-wrap{overflow:auto}.var-table{width:100%;border-collapse:collapse;min-width:920px}.var-table th{padding:13px 14px;background:var(--panel-2);color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line)}.var-table td{padding:14px;border-bottom:1px solid var(--line);font-size:13px}.var-row{cursor:pointer}.var-row:hover td{background:color-mix(in srgb,var(--brand) 5%,var(--panel))}.var-row:last-child td{border-bottom:0}.var-code{font-weight:800;color:var(--brand)}.var-money{font-weight:700;white-space:nowrap}.var-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:var(--panel-2);border:1px solid var(--line);white-space:nowrap;font-size:11px;font-weight:700}.var-dot{width:7px;height:7px;border-radius:50%;background:var(--amber)}.var-badge.done .var-dot{background:var(--green)}.var-detail-cell{padding:0!important;background:var(--panel-2)}.var-detail{padding:18px}.var-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.var-flow{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px}.var-flow h3{font-size:14px;margin:0 0 4px}.var-flow .var-amount{font-size:21px;font-weight:850;margin:8px 0 14px}.var-steps{display:flex;align-items:center;gap:4px;margin:12px 0 16px}.var-step{height:5px;flex:1;border-radius:5px;background:var(--line)}.var-step.active{background:var(--brand)}.var-flow p{font-size:12px;color:var(--muted);min-height:34px}.var-coming{font-size:11px;color:var(--muted);font-weight:700}.var-empty{text-align:center;padding:54px 20px;color:var(--muted)}.var-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50vh;color:var(--muted)}.var-spinner{width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:varspin .7s linear infinite}@keyframes varspin{to{transform:rotate(360deg)}}.var-login{max-width:410px;margin:6vh auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.var-login .var-mark{margin-bottom:20px}.var-login h2{font-size:25px;margin:0 0 8px}.var-login>p{color:var(--muted);margin:0 0 24px}.var-login form{display:grid;gap:16px}.var-pin{font-size:24px;letter-spacing:.55em;text-align:center;padding-left:.55em}.var-error{background:color-mix(in srgb,var(--red) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--red) 35%,var(--line));color:var(--red);padding:10px 12px;border-radius:9px;font-size:13px}.var-modal-backdrop{position:fixed;inset:0;background:rgb(8 15 29 / .66);display:grid;place-items:center;padding:18px;z-index:99999}.var-modal{background:var(--panel);color:var(--text);border-radius:17px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 80px rgb(0 0 0 / .32)}.var-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.var-modal-head h2{font-size:19px;margin:0}.var-modal-body{padding:22px}.var-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.var-span-2{grid-column:span 2}.var-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.var-preview span{font-size:11px;color:var(--muted);display:block}.var-preview strong{display:block;margin-top:4px}.var-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:18px 22px;border-top:1px solid var(--line)}.var-help{font-size:11px;color:var(--muted)}.var-toast{position:fixed;right:24px;bottom:24px;background:#172b4d;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:100000}.var-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.var-app{padding:16px;border-radius:0}.var-flow-grid{grid-template-columns:1fr}.var-toolbar{align-items:stretch}.var-filters{flex-wrap:wrap}.var-search{max-width:none;flex:1 1 100%}.var-grid{grid-template-columns:1fr}.var-span-2{grid-column:auto}.var-preview{grid-template-columns:1fr}.var-topbar{align-items:flex-start}.var-brand p{display:none}}@media(max-width:520px){.var-actions .var-actor{display:none}.var-topbar{gap:8px}.var-button{padding:9px 11px}.var-login{padding:23px}.var-modal-body{padding:16px}}.var-nav{display:flex;gap:5px;margin:-8px 0 20px;border-bottom:1px solid var(--line)}.var-nav button{border:0;background:#fff0;color:var(--muted);font-weight:750;padding:11px 14px;border-bottom:2px solid #fff0;cursor:pointer}.var-nav button.active{color:var(--brand);border-color:var(--brand)}.var-flow-actions{display:flex;gap:7px;flex-wrap:wrap}.var-flow-actions .var-button{font-size:12px;padding:8px 10px}.var-checklist{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:12px}.var-checklist span{color:var(--red)}.var-checklist span.ok{color:var(--green)}.var-records{margin-top:12px;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:11px 14px;font-size:12px}.var-records summary{font-weight:750;cursor:pointer}.var-records ul,.var-records ol{margin:10px 0 0;padding-left:22px}.var-records li{padding:5px}.var-records span{color:var(--muted)}.var-pending{display:grid;gap:0}.var-pending article{display:grid;grid-template-columns:180px 180px 1fr;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.var-pending article:last-child{border:0}.var-pending article>span{color:var(--muted)}.var-pending em{display:inline-block;font-style:normal;font-size:11px;background:color-mix(in srgb,var(--amber) 12%,var(--panel));color:var(--amber);border-radius:99px;padding:4px 8px;margin:0 5px 4px 0}.var-input[type=file]{padding:7px}textarea.var-input{resize:vertical}@media(max-width:700px){.var-pending article{grid-template-columns:1fr}.var-nav{overflow:auto}.var-nav button{white-space:nowrap}}.var-standalone{margin:0;background:#f5f7fb}.var-standalone .var-app{border-radius:0;min-height:100vh}.var-app{--brand:#0f6b6b;--brand-2:#0a5555}.var-app[data-theme=dark]{--brand:#4cc2bd;--brand-2:#72d4cf}.var-mark{background:linear-gradient(135deg,#0f6b6b,#4cc2bd)}.var-modal{isolation:isolate}.var-modal-backdrop{color:var(--text)}.var-modal .var-input,.var-modal .var-select{min-width:0}.var-modal-body{overflow-x:hidden}@media(max-width:520px){.var-modal-backdrop{padding:8px;align-items:flex-start}.var-modal{margin-top:8px;max-height:calc(100vh - 16px)}.var-modal-head,.var-modal-foot{padding:14px 16px}}.var-toolbar-actions{display:flex;gap:8px;align-items:flex-start;white-space:nowrap}.var-section-label{font-size:12px;font-weight:800;color:var(--brand);padding:4px 0 2px;border-bottom:1px solid var(--line)}.var-payment-status{font-weight:750;text-transform:capitalize}.var-payment-status.verified{color:var(--green)}.var-payment-status.pending{color:var(--amber)}.var-record-group{margin-top:12px}.var-record-group>strong{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.var-records .var-payment-list{list-style:decimal outside}.var-records .var-document-list{list-style:disc outside}.var-detail-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.var-detail-tools>div{display:flex;gap:7px}.var-button.danger{background:color-mix(in srgb,var(--red) 12%,var(--panel));color:var(--red);border:1px solid color-mix(in srgb,var(--red) 32%,var(--line))}.var-payment-list li{padding-left:3px}.var-payment-list li::marker{font-weight:800;color:var(--muted)}.var-payment-list li{display:list-item}.var-payment-list li>span{display:inline}.var-entry-actions{float:right;display:inline-flex!important;gap:2px}.var-entry-actions button{border:0;background:#fff0;color:var(--brand);font:inherit;font-size:11px;font-weight:750;cursor:pointer;padding:2px 6px}.var-entry-actions .var-entry-delete{color:var(--red)}@media(max-width:700px){.var-detail-tools{align-items:flex-start;flex-direction:column}.var-detail-tools>div{width:100%}.var-detail-tools .var-button{flex:1}}.var-entry-panel{margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px}.var-entry-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.var-entry-panel-head>span{font-size:11px;color:var(--muted)}.var-entry-cards{display:grid;gap:8px}.var-entry-cards article{display:grid;grid-template-columns:minmax(190px,1.5fr) 1fr 1fr auto;align-items:center;gap:12px;padding:11px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.var-entry-cards article>div>span{display:block;font-size:11px;color:var(--muted)}.var-entry-card-actions{display:flex;gap:5px}.var-entry-card-actions .var-button{font-size:11px;padding:7px 9px}.var-ok{color:var(--green)}.var-warn{color:var(--amber)}.var-payment-list em{font-style:normal;color:var(--brand);font-weight:750}.var-entry-record-group{padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}.var-entry-record-head{display:flex;align-items:center;gap:8px}.var-entry-record-head>strong{color:var(--text);font-size:12px}.var-entry-record-head>span{color:var(--muted);font-size:11px;flex:1}.var-entry-record-head>button{border:0;background:#fff0;color:var(--brand);font:inherit;font-size:11px;font-weight:750;cursor:pointer}.var-entry-record-empty{margin:8px 0 0;color:var(--muted);font-size:12px}.var-entry-record-group .var-payment-list{margin-bottom:0}.var-record-warning{border-color:color-mix(in srgb,var(--amber) 45%,var(--line));background:color-mix(in srgb,var(--amber) 7%,var(--panel))}@media(max-width:900px){.var-entry-cards article{grid-template-columns:1fr 1fr}.var-entry-card-actions{grid-column:span 2}}@media(max-width:560px){.var-entry-panel-head{align-items:flex-start;flex-direction:column}.var-entry-cards article{grid-template-columns:1fr}.var-entry-card-actions{grid-column:auto;flex-wrap:wrap}}@media(max-width:700px){.var-toolbar{flex-direction:column}.var-toolbar-actions{align-self:stretch}.var-toolbar-actions .var-button{flex:1}}