:root{--bg:#e9edf6;--panel:#fff;--panel-2:#f7f8fb;--text:#101626;--text-soft:#3a4254;--muted:#6a7282;--border:#e8eaf1;--border-strong:#d6dae4;--accent:#4f46e5;--accent-d:#4338ca;--accent-soft:#eef1fe;--ring:0 0 0 3px #4f46e538;--red:#d92d20;--red-bg:#fef3f2;--amber:#b54708;--amber-bg:#fff8eb;--green:#067647;--green-bg:#ecfdf3;--gray:#585f6e;--gray-bg:#f1f3f7;--shadow-sm:0 1px 2px #1018280a, 0 1px 3px #1018280d;--shadow:0 2px 6px #1018280d, 0 8px 24px #1018280f;--shadow-lg:0 16px 48px #10182829;--r-sm:8px;--r:10px;--r-lg:14px;--r-pill:999px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:15px/1.5 Inter,system-ui,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--bg:#0f1421;--panel:#161c2b;--panel-2:#1e2536;--text:#e8ebf4;--text-soft:#c1c8d7;--muted:#8b93a7;--border:#283143;--border-strong:#3a4459;--accent:#6366f1;--accent-d:#a5b4fc;--accent-soft:#1f2541;--ring:0 0 0 3px #818cf859;--red:#fca5a5;--red-bg:#2b1719;--amber:#fcd34d;--amber-bg:#2a2110;--green:#6ee7b7;--green-bg:#11271d;--gray:#9aa3b5;--gray-bg:#1e2536;--shadow-sm:0 1px 2px #0006, 0 1px 3px #0000004d;--shadow:0 2px 8px #00000073, 0 10px 30px #0006;--shadow-lg:0 20px 56px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body{background:radial-gradient(1100px 560px at 50% -10%, #818cf81a 0%, #818cf800 60%), radial-gradient(900px 520px at 88% 4%, #6366f11f 0%, #6366f100 60%), radial-gradient(820px 540px at 2% 16%, #38bdf812 0%, #38bdf800 55%), var(--bg)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:var(--text);background:#11161f}:root[data-theme=dark] .note{border-color:var(--border);color:var(--text)}:root[data-theme=dark] .login-err{border-color:#5b2a2d}:root[data-theme=dark] .badge-overdue{color:#fda4af}:root[data-theme=dark] .badge-dueSoon{color:#fcd34d}:root[data-theme=dark] .badge-paid{color:#6ee7b7}:root[data-theme=dark] .pay-invoice,:root[data-theme=dark] .pay-split{border-color:var(--border)}:root[data-theme=dark] .pay-split-sum{border-top-color:var(--border)}:root[data-theme=dark] .ai-box{background:#1a1830;border-color:#2d2748}:root[data-theme=dark] .ai-label{color:#b3a8f0}:root[data-theme=dark] .tab-active,:root[data-theme=dark] .tab-active:hover{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .tab-active .tab-count{color:#fff;background:#ffffff38}:root[data-theme=dark] .btn-primary:hover{background:#4f46e5}:root[data-theme=dark] .tab-active[data-accent=red]{color:#fff;background:#e11d48;border-color:#e11d48}:root[data-theme=dark] .tab-active[data-accent=amber]{color:#fff;background:#d97706;border-color:#d97706}:root[data-theme=dark] .tab-active[data-accent=green]{color:#fff;background:#059669;border-color:#059669}*{box-sizing:border-box}body{background:radial-gradient(1100px 560px at 50% -10%, #fff 0%, #fff0 60%), radial-gradient(900px 520px at 88% 4%, #6366f10f 0%, #6366f100 60%), radial-gradient(820px 540px at 2% 16%, #38bdf80d 0%, #38bdf800 55%), var(--bg);background-attachment:fixed;min-height:100svh;margin:0}#root{min-height:100svh}::selection{background:#4f46e529}h1{letter-spacing:-.4px;margin:0;font-size:25px;font-weight:680}h2{letter-spacing:-.2px;margin:0 0 10px;font-size:17px;font-weight:650}p{margin:0}.container{max-width:1080px;margin:0 auto;padding:26px 20px 64px}.muted{color:var(--muted)}.small{font-size:12.5px}.center{text-align:center}.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.mono{font-variant-numeric:tabular-nums;letter-spacing:-.2px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:13px}.grid td.mono{white-space:nowrap}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.head .actions{gap:8px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand h1{line-height:1.08}.brand-company{margin-top:2px;font-size:13px}.brand-company strong{color:var(--text-soft);font-weight:700}.op-brand-logo{filter:drop-shadow(0 3px 9px #4f46e547);border-radius:12px;flex:none}.login-brand{align-self:stretch;align-items:center;gap:12px;display:flex}.login-brand h1{font-size:22px}.foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.foot-logo{vertical-align:middle;border-radius:5px}.btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:14px;font-weight:550;transition:background .15s,border-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--panel-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn-primary{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 1px 2px #1018281a,inset 0 1px #ffffff1a}.btn-primary:hover{background:var(--accent-d);border-color:#0000}.btn-ghost{box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--panel-2)}.btn-small{box-shadow:none;border-radius:7px;padding:5px 10px;font-size:12.5px}.btn-small:hover{box-shadow:none}.btn-danger{background:var(--red);color:#fff;border-color:#0000;box-shadow:0 1px 2px #1018281a}.btn-danger:hover{background:#b42318;border-color:#0000}:root[data-theme=dark] .btn-danger{color:#fff}.toolbar{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.field-inline{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.field input[type=number]{width:64px}input[type=number],input[type=search],input[type=date],input[type=email],input[type=password],input[type=text],select,textarea{border:1px solid var(--border);border-radius:var(--r-sm);font:inherit;color:var(--text);background:#fff;padding:9px 11px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}.search{flex:1;min-width:200px}.note{background:var(--accent-soft);color:#2f2a86;border-radius:var(--r);border:1px solid #dfe3fd;margin-bottom:16px;padding:11px 14px;font-size:14px}.note-warn{background:var(--amber-bg);color:var(--amber);border-color:#f3d3a3}.note-warn strong{color:var(--amber)}:root[data-theme=dark] .note-warn{border-color:#4a3a14}.note-success{background:var(--green-bg);color:var(--green);border-color:#aee0c0}.note-success strong{color:var(--green)}:root[data-theme=dark] .note-success{border-color:#1d3a2a}.empty{background:var(--panel);border:1px dashed var(--border-strong);border-radius:var(--r-lg);text-align:center;box-shadow:var(--shadow-sm);padding:48px 40px}.empty h2{font-size:22px}.empty p{max-width:560px;color:var(--muted);margin:8px auto 0}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=720px){.cards{grid-template-columns:repeat(2,1fr)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 20px;transition:box-shadow .18s}.card:hover{box-shadow:var(--shadow)}.card-label{color:var(--muted);font-size:12.5px;font-weight:500}.card-value{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:6px;font-size:25px;font-weight:700}.card-sub{color:var(--muted);margin-top:3px;font-size:12.5px}.card-red .card-value{color:var(--red)}.card-amber .card-value{color:var(--amber)}.card-green .card-value{color:var(--green)}.attention{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:16px 18px}.attention ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.attention li{border-radius:var(--r-sm);flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.row-red{background:var(--red-bg)}.row-amber{background:var(--amber-bg)}.a-when{white-space:nowrap;flex:none;font-weight:600}.row-red .a-when{color:var(--red)}.row-amber .a-when{color:var(--amber)}.a-who{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.a-no{white-space:nowrap;background:var(--panel);border:1px solid var(--border);border-radius:6px;flex:none;padding:1px 8px}.a-amt{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:700}.attention li>span:last-child{flex:none}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--panel);cursor:pointer;color:var(--muted);box-shadow:var(--shadow-sm);align-items:center;padding:7px 13px;font-size:13.5px;font-weight:550;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.tab:hover{background:var(--panel-2);color:var(--text)}.tab-active,.tab-active:hover{background:var(--text);color:#fff;border-color:var(--text)}.inv-tabs{margin:4px 0 14px}.tab-count{background:var(--gray-bg);color:var(--text-soft);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;margin-left:7px;padding:0 7px;font-size:11.5px;font-weight:650}.tab-active .tab-count{color:#fff;background:#ffffff3d}.tab-active[data-accent=red]{background:var(--red);border-color:var(--red);color:#fff}.tab-active[data-accent=amber]{background:var(--amber);border-color:var(--amber);color:#fff}.tab-active[data-accent=green]{background:var(--green);border-color:var(--green);color:#fff}.tab-caption{color:var(--muted);margin:0 2px 10px;font-size:13px}.group{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:12px;overflow:hidden}.group[data-accent=red]{border-left:3px solid var(--red)}.group[data-accent=amber]{border-left:3px solid var(--amber)}.group[data-accent=green]{border-left:3px solid var(--green)}.group>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:14px 16px;font-weight:600;list-style:none;transition:background .15s;display:flex}.group>summary::-webkit-details-marker{display:none}.group>summary:before{content:"▸";color:var(--muted);flex:none;font-size:12px;line-height:1;transition:transform .18s}.group[open]>summary:before{transform:rotate(90deg)}.group>summary:hover{background:var(--panel-2)}.group-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.group-meta{color:var(--muted);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.group-count{background:var(--gray-bg);color:var(--text-soft);border-radius:var(--r-pill);font-variant-numeric:tabular-nums;padding:1px 9px;font-size:12.5px;font-weight:650}.group-sum{color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.group-body{border-top:1px solid var(--border)}.group-body .grid{box-shadow:none;border:none;border-radius:0}.grid{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.grid th,.grid td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:13px 16px;font-size:14px}.grid th{background:var(--panel-2);text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:11.5px;font-weight:600}.grid tbody tr{transition:background .12s}.grid tbody tr:hover{background:var(--panel-2)}.grid tr:last-child td{border-bottom:none}.cust{font-weight:600}.cell-clip{text-overflow:ellipsis;white-space:nowrap;max-width:280px;display:block;overflow:hidden}.cell-sub{text-overflow:ellipsis;white-space:nowrap;max-width:280px;color:var(--muted);margin-top:1px;font-size:12px;display:block;overflow:hidden}.bar-row{border-radius:8px;margin:0 -7px;padding:3px 7px;transition:background .15s}.bar-row:hover{background:var(--panel-2)}.bar-row:hover .bar-fill{filter:brightness(1.08)}.th-sort{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;align-items:center;margin:0;padding:0;transition:color .15s;display:inline-flex}.th-sort:hover{color:var(--text)}.th-sort:focus-visible{box-shadow:var(--ring);border-radius:5px;outline:none}.th-sort .caret{opacity:0;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;flex:none;width:0;height:0;margin-left:6px;transition:opacity .15s}.th-sort:hover .caret{opacity:.4}.th-sort-active{color:var(--accent-d)}.th-sort-active .caret{opacity:.95}.caret.asc{border-top:0;border-bottom:5px solid}.badge{border-radius:var(--r-pill);white-space:nowrap;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.5;display:inline-block}.badge-overdue{background:var(--red-bg);color:#b42318}.badge-dueSoon{background:var(--amber-bg);color:var(--amber)}.badge-open{background:var(--gray-bg);color:var(--gray)}.badge-paid{background:var(--green-bg);color:var(--green)}.badge-none{background:var(--gray-bg);color:var(--gray)}.warnings{color:var(--muted);margin-top:14px;font-size:13px}.warnings summary{cursor:pointer}.warnings ul{margin:8px 0 0;padding-left:18px}.foot{text-align:center;color:var(--muted);margin-top:28px;font-size:12.5px}.login-wrap{place-items:center;min-height:100svh;padding:20px;display:grid;position:relative}.login-theme{align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:16px}.lang-toggle{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel);box-shadow:var(--shadow-sm);display:inline-flex;overflow:hidden}.lang-toggle button{color:var(--muted);font:inherit;letter-spacing:.3px;cursor:pointer;background:0 0;border:0;padding:5px 10px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.lang-toggle button:hover{color:var(--text)}.lang-toggle button.on{background:var(--accent);color:#fff}.login{background:var(--panel);border:1px solid var(--border);width:348px;max-width:100%;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:12px;padding:30px;display:flex}.login h1{font-size:24px}.login label{color:var(--muted);flex-direction:column;gap:5px;font-size:13px;display:flex}.login input{padding:10px 11px}.login .btn{margin-top:6px}.login-err{background:var(--red-bg);color:var(--red);border-radius:var(--r-sm);border:1px solid #fcdcd7;margin-bottom:12px;padding:10px 12px;font-size:13px}.user{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.user .email{color:var(--muted);white-space:nowrap;font-size:12.5px}.user-divider{background:var(--border-strong);flex:none;align-self:stretch;width:1px;min-height:22px;margin:2px}.center-pad{text-align:center;color:var(--muted);padding:48px}.btn-disabled{opacity:.55;pointer-events:none}.main-tabs{gap:8px;margin-bottom:18px}.main-tabs .tab{padding:9px 16px;font-size:14.5px}.module-switch{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--panel-2);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:4px;margin:0 0 14px;padding:4px;display:inline-flex}.module-switch button{color:var(--muted);font:inherit;border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:650;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.module-switch button:hover{color:var(--text)}.module-switch button.on{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.grp{cursor:pointer;padding:10px 0;font-weight:600}.pay-list{flex-direction:column;gap:12px;margin:0 0 10px;padding:0;list-style:none;display:flex}.pay{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:14px 16px;transition:box-shadow .15s;display:flex}.pay:hover{box-shadow:var(--shadow)}.pay-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.pay-main{align-items:baseline;gap:12px;display:flex}.pay-date{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px}.pay-who{flex:140px;min-width:0;font-size:15px;font-weight:650}.pay-amt{white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:16px;font-weight:700}.pay-sub{color:var(--muted)}.pay-field{flex-direction:column;gap:4px;display:flex}.pay-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:11px;font-weight:700}.pay-purpose{color:var(--text);background:var(--panel-2);border-left:3px solid var(--border-strong);overflow-wrap:anywhere;border-radius:6px;padding:8px 11px;font-size:14px;line-height:1.5}.pay-invoice{background:var(--accent-soft);border:1px solid #dfe3fd;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:8px 11px;display:flex}.pay-invoice-no{color:var(--accent-d);font-size:15px;font-weight:700}.pay-invoice-meta{color:var(--text-soft);font-size:13.5px}.pay-split{background:var(--accent-soft);border:1px solid #dfe3fd;border-radius:6px;flex-direction:column;gap:5px;padding:8px 11px;display:flex}.pay-split-row{flex-wrap:wrap;align-items:baseline;gap:6px 10px;display:flex}.pay-split-sum{border-top:1px dashed #cdd3f7;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding-top:6px;font-size:13px;display:flex}.pay-why{flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.pay-reason-text{color:var(--text-soft);line-height:1.5}.pay-actions{flex-wrap:wrap;gap:8px;padding-top:2px;display:flex}.ai-box{border-radius:var(--r-sm);background:#f6f4ff;border:1px solid #e4def9;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.ai-label{color:#6b5bd0}.ai-verdict{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.ai-inv{font-size:15px;font-weight:700}.ai-reason{color:var(--text-soft);font-size:13.5px;line-height:1.55}.modal-bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#10182873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--r-lg);width:400px;max-width:100%;max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);flex-direction:column;gap:12px;padding:24px;display:flex;overflow-y:auto}.modal h2{font-size:19px}.modal .field{gap:5px}.modal .field select,.modal .field input{font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.row-menu{display:inline-flex;position:relative}.row-menu-trigger{color:var(--text-soft);place-items:center;padding:5px 8px;display:inline-grid}.row-menu-pop{z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);min-width:184px;box-shadow:var(--shadow-lg);flex-direction:column;gap:1px;padding:5px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.row-menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:13.5px;display:flex}.row-menu-item:hover:not(:disabled){background:var(--panel-2)}.row-menu-item:disabled{opacity:.45;cursor:default}.row-menu-item-danger{color:var(--red)}.row-menu-item-danger:hover:not(:disabled){background:var(--red-bg)}.op-ico{vertical-align:-.18em;flex:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-block}.btn:hover .op-ico{transform:translateY(-1px)scale(1.12)rotate(-4deg)}.tab:hover .op-ico{transform:translateY(-1px)scale(1.12)}.tab-active .op-ico{transform:scale(1.06)}.card:hover .op-ico{transform:scale(1.1)rotate(-3deg)}.grp:hover .op-ico{transform:scale(1.1)}.pay:hover .pay-label .op-ico{transform:scale(1.08)}@keyframes op-tap{0%{transform:scale(1)rotate(0)}20%{transform:scale(.6)rotate(-12deg)}48%{transform:scale(1.28)rotate(9deg)}72%{transform:scale(.9)rotate(-4deg)}88%{transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}.op-ico-tap{animation:.5s cubic-bezier(.34,1.56,.64,1) op-tap}.op-brand-logo{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.op-brand-logo.op-ico-tap{animation:.55s cubic-bezier(.34,1.56,.64,1) op-tap}.op-bolt-halo{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite op-glow}@keyframes op-glow{0%,to{opacity:.42;transform:scale(.88)}50%{opacity:1;transform:scale(1.14)}}.op-bolt{animation:3.6s ease-in-out infinite op-flicker}@keyframes op-flicker{0%,86%,to{opacity:1}89%{opacity:.5}91%{opacity:1}94%{opacity:.72}97%{opacity:1}}.op-bolt-spark{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite op-twinkle}.op-bolt-spark-b{animation-delay:1.2s}.badge{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.badge .op-ico{vertical-align:-.1em}.card{transition:box-shadow .18s,transform .18s}.card:hover{transform:translateY(-2px)}.empty .op-mascot{margin:0 auto 4px;animation:.5s cubic-bezier(.34,1.56,.64,1) both op-pop;display:block}@keyframes op-pop{0%{opacity:0;transform:scale(.6)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.op-mascot-float{transform-box:view-box;transform-origin:60px 60px;animation:3.6s ease-in-out infinite op-bob}@keyframes op-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.op-mascot-arm{transform-box:view-box;animation:2.4s ease-in-out infinite op-wave}@keyframes op-wave{0%,55%,to{transform:rotate(0)}65%{transform:rotate(20deg)}75%{transform:rotate(4deg)}85%{transform:rotate(20deg)}}.op-mascot-shadow{transform-box:view-box;transform-origin:60px 108px;animation:3.6s ease-in-out infinite op-shadow}@keyframes op-shadow{0%,to{opacity:.12;transform:scaleX(1)}50%{opacity:.08;transform:scaleX(.82)}}.op-mascot-twinkle{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite op-twinkle}.op-mascot-twinkle-2{animation-delay:1s}@keyframes op-twinkle{0%,to{opacity:.25;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(35deg)}}@media (width<=640px){.container{padding:14px 12px 48px}h1{font-size:21px}.head{gap:10px;margin-bottom:14px}.user{flex-wrap:wrap;justify-content:flex-end;gap:6px}.user .email,.user-divider{display:none}input,select,textarea{font-size:16px}.btn-small{padding:8px 12px;font-size:14px}.toolbar{gap:10px;padding:12px}.search{flex:100%;min-width:0}.modal{padding:18px}.modal-actions{flex-wrap:wrap}.grid{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:visible}.grid thead{display:none}.grid tbody,.grid tr,.grid td{width:100%;display:block}.grid tbody tr{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:10px;padding:6px 14px}.grid tbody tr:hover{background:var(--panel)}.grid td{text-align:right;overflow-wrap:anywhere;border:none;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;display:flex}.grid td+td{border-top:1px solid var(--border)}.grid td:before{content:attr(data-label);text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;flex:none;font-size:11.5px;font-weight:600}.grid td:empty{display:none}.grid td.cell-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.grid td.cell-actions:before{display:none}.grid .cust{font-weight:600}.group-body .grid tbody tr{border:none;border-bottom:1px solid var(--border);box-shadow:none;border-radius:0;margin:0}.cell-clip,.cell-sub{white-space:normal;max-width:none;overflow:visible}.pay-main{flex-wrap:wrap}.cards{gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}