@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/rukn_erp/frontend/readex-pro-arabic-wght-normal-L1UZomB2.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/rukn_erp/frontend/readex-pro-vietnamese-wght-normal-BABfgMSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/rukn_erp/frontend/readex-pro-latin-ext-wght-normal-5PhsluCd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/rukn_erp/frontend/readex-pro-latin-wght-normal-B5wR1phh.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #fafafb;--side: #fafafb;--side-line: #ededf1;--line: #ececf1;--line-2: #e4e4ea;--line-3: #eeeef2;--ink: #1c1c28;--ink-2: #3a3a48;--muted: #6a6a7a;--icon: #4b4b5c;--pill: #f1f1f4;--active: #efeff4;--hover: #f6f6f9;--accent: #4f5fe6;--accent-ink: #3443c4;--on-accent: #ffffff;--accent-soft: #e9ebfc;--accent-soft-2: #e3e6fb;--link: #4152d9;--green: #12804c;--green-soft: #e4f4ec;--rose: #c6315f;--rose-soft: #fbe8ee;--red: #e5484d;--amber: #9a4a0e;--amber-soft: #fdf1e7;--amber-bg: #fce7d6;--tooltip: #1f1f2b;--chart: #6b78ee;--chart-fill: rgba(107, 120, 238, .2);--ink-btn: #1c1c28;--on-ink: #ffffff;--scrim: rgba(28, 28, 40, .28);--shadow: 0 1px 2px rgba(17, 17, 26, .03), 0 8px 24px rgba(17, 17, 26, .03);--shadow-pop: 0 16px 40px rgba(17, 17, 26, .12);--font: "Readex Pro Variable", "Readex Pro", "IBM Plex Sans Arabic", -apple-system, system-ui, sans-serif;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}:root[data-theme=dark]{--bg: #0f0f14;--surface: #16161d;--surface-2: #1b1b23;--side: #121218;--side-line: #23232c;--line: #25252e;--line-2: #2e2e39;--line-3: #23232c;--ink: #ececf1;--ink-2: #c8c8d2;--muted: #8e8e9e;--icon: #a9a9b8;--pill: #22222b;--active: #24242e;--hover: #1e1e27;--accent: #6f7bff;--accent-ink: #aab2ff;--on-accent: #ffffff;--accent-soft: #232650;--accent-soft-2: #262a55;--link: #9aa3ff;--green: #4cc38a;--green-soft: #15291f;--rose: #f0718f;--rose-soft: #35161f;--red: #ff6369;--amber: #f2a65a;--amber-soft: #2e2112;--amber-bg: #3a2914;--tooltip: #2b2b37;--chart: #8b95ff;--chart-fill: rgba(139, 149, 255, .22);--ink-btn: #ececf1;--on-ink: #16161d;--scrim: rgba(0, 0, 0, .55);--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-pop: 0 16px 40px rgba(0, 0, 0, .5);color-scheme:dark}[dir=rtl]{--start: right;--end: left;--flip: -1}[dir=ltr]{--start: left;--end: right;--flip: 1}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:400;-webkit-font-smoothing:antialiased}body{font-size:16px;transition:background .2s}a{color:var(--link);text-decoration:none}a:hover{filter:brightness(.9)}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:400}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.num.s{display:block;text-align:var(--start)}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.green{color:var(--green)}.rose{color:var(--rose)}.amber{color:var(--amber)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft-2)}.app{display:flex;min-height:100vh}.side{flex:0 0 264px;background:var(--side);border-inline-end:1px solid var(--side-line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.main{flex:1;min-width:0;padding:24px 44px 72px}.page{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.row{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.col{display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px}.co-switch{display:flex;align-items:center;gap:12px;margin:0;padding:18px 20px;border:none;border-bottom:1px solid var(--side-line);background:transparent;text-align:start;cursor:pointer;width:100%}.co-switch:hover{background:var(--hover)}.co-mark{width:38px;height:38px;border-radius:10px;background:var(--ink-btn);display:flex;align-items:center;justify-content:center;flex:none;color:var(--on-ink)}.co-name{font-size:16px;font-weight:500}.co-sub{font-size:13px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:2px;padding:14px 12px}.nav a{display:flex;align-items:center;gap:13px;min-height:44px;padding:0 14px;border-radius:12px;color:var(--ink);font-size:15.5px;position:relative;transition:background .15s}.nav a:hover{background:var(--hover);filter:none}.nav a.on{background:var(--active);font-weight:500}.nav a.on:before{content:"";position:absolute;inset-inline-start:-12px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--accent)}.nav .label{padding:20px 14px 6px;font-size:12.5px;color:var(--muted);letter-spacing:.02em}.nav .badge{margin-inline-start:auto;min-width:24px;height:22px;padding:0 7px;border-radius:7px;background:var(--accent-soft);color:var(--accent-ink);font-size:12.5px;font-weight:500;display:inline-flex;align-items:center;justify-content:center}.side-note{margin:auto 18px 18px;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font-size:13.5px;color:var(--muted);line-height:1.6}.pop{position:absolute;z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-pop);padding:6px;transform-origin:top}.co-menu{inset-inline:12px;top:72px}.co-menu button,.menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:10px;cursor:pointer;text-align:start;color:var(--ink);font-size:15px}.co-menu button:hover,.menu-item:hover,.menu-item.act{background:var(--hover);filter:none}.menu-item.danger{color:var(--rose)}.menu-item .hint2{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}.menu-sep{height:1px;background:var(--line-3);margin:5px 6px}.menu-head{padding:9px 12px 4px;font-size:12.5px;color:var(--muted)}.top{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.search{flex:1 1 340px;display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface);position:relative;transition:border-color .15s,box-shadow .15s}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:15.5px}.kbd{display:inline-flex;gap:4px;font-size:12px;color:var(--muted);direction:ltr}.kbd span{padding:2px 6px;border-radius:6px;background:var(--pill)}.icon-btn{width:48px;height:48px;border:none;border-radius:24px;background:var(--pill);color:var(--icon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:none;transition:background .15s,transform .1s}.icon-btn.sm{width:40px;height:40px;border-radius:20px}.icon-btn.xs{width:32px;height:32px;border-radius:16px}.icon-btn.ghost{background:transparent}.icon-btn.ghost:hover{background:var(--hover)}.icon-btn.dark{background:var(--ink-btn);color:var(--on-ink)}.icon-btn:hover{background:var(--active)}.icon-btn:active{transform:scale(.94)}.avatar{width:48px;height:48px;border:none;border-radius:24px;background:var(--accent-soft-2);color:var(--accent-ink);font-size:17px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none}.avatar.sm{width:36px;height:36px;font-size:14.5px}.avatar.partner{background:var(--amber-bg);color:var(--amber)}.avatar.admin{background:var(--ink-btn);color:var(--on-ink)}.dot-red{position:absolute;top:12px;inset-inline-end:13px;width:8px;height:8px;border-radius:4px;background:var(--red);box-shadow:0 0 0 2px var(--pill)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 20px;border-radius:23px;border:none;background:var(--pill);color:var(--ink);font-size:15.5px;cursor:pointer;white-space:nowrap;position:relative;transition:filter .15s,transform .1s,background .15s}.btn:hover{filter:brightness(.97)}.btn:active:not([disabled]){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--on-accent);font-weight:500;box-shadow:0 1px 2px #4f5fe640}.btn.primary:hover{filter:brightness(1.06)}.btn.dark{background:var(--ink-btn);color:var(--on-ink)}.btn.outline{background:var(--surface);border:1px solid var(--line-2);font-weight:500}.btn.outline:hover{background:var(--hover);filter:none}.btn.danger{background:var(--rose-soft);color:var(--rose)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--hover);filter:none}.btn.sm{height:38px;padding:0 15px;font-size:14.5px;border-radius:19px;gap:7px}.btn.link{background:transparent;color:var(--link);padding:0 8px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.success{background:var(--green)!important;color:#fff!important}.btn.failed{animation:shake .36s}.link-arrow{display:inline-flex;align-items:center;gap:4px;font-size:15.5px;background:none;border:none;color:var(--link);cursor:pointer;padding:0}.bgroup{display:inline-flex;align-items:stretch;border-radius:23px;background:var(--pill);padding:3px;gap:2px;flex-wrap:wrap}.bgroup>.btn,.bgroup>a.btn{height:40px;border-radius:20px;background:transparent;padding:0 16px;font-size:15px;box-shadow:none}.bgroup>.btn:hover{background:var(--surface);filter:none}.bgroup>.btn.primary{background:var(--accent);color:var(--on-accent)}.bgroup.sm>.btn{height:34px;font-size:14px;padding:0 13px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite;flex:none;opacity:.85}.spinner.lg{width:26px;height:26px;border-width:2.5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.draw{stroke-dasharray:30;stroke-dashoffset:30;animation:draw .35s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.card{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.card.pad{padding:24px 26px 22px;display:flex;flex-direction:column;gap:18px}.card.link{color:var(--ink);cursor:pointer;transition:transform .15s var(--ease),box-shadow .15s}.card.link:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop);filter:none}.card-title{font-size:16.5px;color:var(--ink-2)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.divider{height:1px;background:var(--line-3)}.stat{display:flex;flex-direction:column;gap:7px}.stat .k{font-size:13.5px;color:var(--muted)}.stat .v{font-size:18px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.big{display:inline-flex;align-items:baseline;gap:10px}.cur{font-size:16px;color:var(--muted)}.kpi{display:flex;flex-direction:column;gap:8px;padding:20px 22px}.kpi .k{font-size:13.5px;color:var(--muted)}.acct{display:flex;align-items:center;gap:14px;padding:11px 10px;border-radius:14px;color:var(--ink);cursor:pointer;border:none;background:transparent;width:100%;text-align:start;transition:background .12s}.acct:hover{background:var(--hover);filter:none}.acct .ic{width:40px;height:40px;border-radius:20px;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;flex:none;background:var(--surface);color:var(--ink-2)}.acct .t{flex:1;font-size:16.5px;min-width:0}.acct .s{font-size:12.5px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:13px;background:var(--pill);font-size:13.5px;white-space:nowrap;color:var(--ink-2)}.pill.accent{background:var(--accent-soft);color:var(--accent-ink)}.pill.green{background:var(--green-soft);color:var(--green)}.pill.rose{background:var(--rose-soft);color:var(--rose)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.ink{background:var(--active);color:var(--ink)}.seg{display:inline-flex;padding:3px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface-2);gap:2px;position:relative}.seg button{height:38px;padding:0 15px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink-2);transition:background .15s,color .15s}.seg button.on{background:var(--surface);border-color:var(--line-2);color:var(--ink);font-weight:500;box-shadow:0 1px 2px #11111a0d}.seg.sm button{height:30px;padding:0 11px;font-size:13.5px}.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line-3)}.tabs button{height:40px;padding:0 14px;border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:15px;color:var(--muted);margin-bottom:-1px;transition:color .15s,border-color .15s;display:inline-flex;align-items:center;gap:7px}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent);font-weight:500}.tabs button .count{font-size:12px;padding:0 6px;border-radius:6px;background:var(--pill);color:var(--muted)}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{height:34px;padding:0 13px;border-radius:17px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;font-size:14px;color:var(--ink-2);display:inline-flex;align-items:center;gap:7px}.chip:hover{background:var(--hover)}.chip.on{background:var(--ink-btn);color:var(--on-ink);border-color:var(--ink-btn)}.dot{width:7px;height:7px;border-radius:4px;display:inline-block;flex:none}.switch{width:44px;height:26px;padding:3px;border:none;border-radius:13px;background:var(--line-2);cursor:pointer;display:flex;transition:background .18s;flex:none}.switch span{width:20px;height:20px;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s var(--ease)}.switch[aria-checked=true]{background:var(--accent)}[dir=rtl] .switch[aria-checked=true] span{transform:translate(-18px)}[dir=ltr] .switch[aria-checked=true] span{transform:translate(18px)}.switch[disabled]{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:7px}.field>label,.field>.lbl{font-size:13.5px;color:var(--ink-2);font-weight:500}.input{height:48px;padding:0 15px;border:1px solid var(--line-2);border-radius:13px;background:var(--surface);font-size:15.5px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input.bad{border-color:var(--rose)}textarea.input{height:auto;padding:12px 15px;resize:vertical;line-height:1.6}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E8E9E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--end) 14px center;padding-inline-end:40px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.amount-box{display:flex;align-items:baseline;gap:10px;padding:6px 20px;border-radius:16px;border:1px solid var(--line-2);background:var(--surface);transition:border-color .15s,box-shadow .15s}.amount-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.amount-box input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:40px;font-weight:300;letter-spacing:-.02em;direction:ltr;text-align:var(--start);font-variant-numeric:tabular-nums}.words{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:var(--green-soft);color:var(--green);font-size:14.5px;animation:fade-up .2s var(--ease)}.err{color:var(--rose);font-size:14px;display:flex;align-items:center;gap:6px;animation:shake .3s}.hint{font-size:13.5px;color:var(--muted);line-height:1.6}.form-foot{position:sticky;bottom:0;margin:4px -28px -26px;padding:14px 28px;border-top:1px solid var(--line-3);background:var(--surface);border-radius:0 0 20px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;z-index:2}.table{width:100%;border-collapse:collapse;font-size:15px}.table th{text-align:start;font-weight:400;font-size:13.5px;color:var(--muted);padding:11px 13px;border-bottom:1px solid var(--line-3);white-space:nowrap}.table td{padding:13px;border-bottom:1px solid var(--line-3);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr.click{cursor:pointer}.table tbody tr.click:hover td{background:var(--hover)}.table td.n,.table th.n{font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap}[dir=rtl] .table td.n,[dir=rtl] .table th.n{text-align:left}[dir=ltr] .table td.n,[dir=ltr] .table th.n{text-align:right}.table tr.group td{font-weight:500}.table tr.total td{font-weight:500;border-top:1px solid var(--line-2);background:var(--surface-2)}.table tr.cancelled td{color:var(--muted)}.table tr.flash td{animation:flash 1.8s var(--ease)}@keyframes flash{0%,35%{background:var(--accent-soft)}to{background:transparent}}.table-card{overflow-x:auto}.row-act{opacity:.35;transition:opacity .12s}tr:hover .row-act,.row-act:focus-within,.row-act.open{opacity:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(560px,100%);height:100%;background:var(--surface);box-shadow:var(--shadow-pop);overflow-y:auto;padding:24px 28px 40px;display:flex;flex-direction:column;gap:22px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(520px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:22px;box-shadow:var(--shadow-pop);padding:24px 26px;display:flex;flex-direction:column;gap:20px}.fade-enter-active,.fade-leave-active{transition:opacity .18s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active{transition:opacity .18s var(--ease),transform .18s var(--ease)}.page-leave-active{display:none}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0}.drawer-enter-active,.drawer-leave-active{transition:opacity .2s var(--ease)}.drawer-enter-active .drawer,.drawer-leave-active .drawer{transition:transform .24s var(--ease)}.drawer-enter-from,.drawer-leave-to{opacity:0}[dir=rtl] .drawer-enter-from .drawer,[dir=rtl] .drawer-leave-to .drawer{transform:translate(-40px)}[dir=ltr] .drawer-enter-from .drawer,[dir=ltr] .drawer-leave-to .drawer{transform:translate(40px)}.modal-enter-active,.modal-leave-active{transition:opacity .18s var(--ease)}.modal-enter-active .modal,.modal-leave-active .modal{transition:transform .2s var(--ease)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{transform:scale(.96) translateY(6px)}.pop-enter-active{transition:opacity .14s,transform .16s var(--ease)}.pop-leave-active{transition:opacity .1s}.pop-enter-from{opacity:0;transform:translateY(-4px) scale(.98)}.pop-leave-to{opacity:0}.list-enter-active{transition:opacity .25s var(--ease),transform .25s var(--ease)}.list-leave-active{transition:opacity .18s,transform .18s}.list-enter-from{opacity:0;transform:translateY(-6px)}.list-leave-to{opacity:0;transform:translate(calc(var(--flip) * -16px))}@keyframes fade-up{0%{opacity:0;transform:translateY(4px)}}.fade-up{animation:fade-up .22s var(--ease) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.progress{position:fixed;top:0;inset-inline:0;height:2.5px;z-index:100;pointer-events:none}.progress span{display:block;height:100%;background:var(--accent);box-shadow:0 0 8px var(--accent);transition:width .3s var(--ease),opacity .35s}.toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:11px 16px 11px 14px;border-radius:14px;background:var(--tooltip);color:#fff;font-size:14.5px;box-shadow:0 12px 28px #11111a47;max-width:min(560px,92vw);position:relative;overflow:hidden}.toast .ti{width:22px;height:22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:none}.toast.ok .ti{background:#1da764}.toast.bad .ti{background:#e5484d}.toast.bad{animation:shake .35s}.toast .bar{position:absolute;bottom:0;inset-inline-start:0;height:2px;background:#ffffff59;animation:shrink linear forwards}@keyframes shrink{0%{width:100%}to{width:0}}.toast-enter-active{transition:opacity .22s var(--ease),transform .22s var(--ease)}.toast-leave-active{transition:opacity .18s,transform .18s}.toast-enter-from{opacity:0;transform:translateY(12px) scale(.97)}.toast-leave-to{opacity:0;transform:translateY(6px)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.page-head h1{font-size:32px;letter-spacing:-.01em}.page-head .sub{color:var(--muted);font-size:15px;margin-top:6px}.back{display:inline-flex;align-items:center;gap:4px;font-size:14.5px;margin-bottom:8px}.empty{padding:44px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:12px}.skeleton{background:linear-gradient(90deg,var(--pill),var(--surface-2),var(--pill));background-size:200% 100%;animation:sh 1.2s infinite;border-radius:12px}@keyframes sh{to{background-position:-200% 0}}.kv{display:grid;grid-template-columns:150px 1fr;gap:12px 16px;font-size:15px}.kv .k{color:var(--muted)}.bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--line-3)}.bar span{transition:width .5s var(--ease)}.banner{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);font-size:15px;color:var(--ink-2)}.banner.accent{background:var(--accent-soft);border-color:transparent;color:var(--accent-ink)}.banner.good{background:var(--green-soft);border-color:transparent;color:var(--green)}.stamp{animation:stamp .45s var(--ease)}@keyframes stamp{0%{transform:scale(1.6);opacity:0}60%{transform:scale(.94);opacity:1}to{transform:scale(1)}}.tree-list{max-height:360px;overflow-y:auto;padding:2px}.tree-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:9px;text-align:start;cursor:pointer;font-size:14.5px;color:var(--ink)}.tree-item.grp{color:var(--muted);font-size:13px;padding-top:7px;padding-bottom:5px}.tree-item.grp:hover{color:var(--ink)}.tree-item.grp.pickable{color:var(--ink);font-size:14.5px}.tree-item.leaf:hover,.tree-item.pickable:hover,.tree-item.act{background:var(--hover)}.tree-item.sel{background:var(--accent-soft);color:var(--accent-ink)}.tree-item .no{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr;min-width:46px;text-align:var(--start)}.tree-item mark{background:var(--amber-bg);color:inherit;border-radius:3px}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12.5px;color:var(--muted)}.steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.step{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);background:none;border:none;cursor:pointer;padding:0}.step .n{width:26px;height:26px;border-radius:13px;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:var(--surface);transition:background .2s,color .2s}.step.on{color:var(--ink);font-weight:500}.step.on .n{background:var(--accent);border-color:var(--accent);color:#fff}.step.done .n{background:var(--green-soft);border-color:transparent;color:var(--green)}.step-line{width:24px;height:1px;background:var(--line-2)}.choice{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;text-align:start;transition:border-color .15s,box-shadow .15s,transform .12s;color:var(--ink)}.choice:hover{border-color:var(--accent-soft-2);transform:translateY(-1px)}.choice.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tag-input{display:flex;flex-wrap:wrap;gap:6px;padding:7px;border:1px solid var(--line-2);border-radius:13px;background:var(--surface);min-height:48px;align-items:center}.tag-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tag-input input{flex:1;min-width:140px;border:none;outline:none;background:transparent;padding:6px 8px}.tag{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:12px 6px;border-radius:16px;background:var(--accent-soft);color:var(--accent-ink);font-size:14px;animation:fade-up .18s var(--ease)}.tag button{width:22px;height:22px;border:none;border-radius:11px;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.tag button:hover{background:#00000014}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{background:var(--side);border-inline-end:1px solid var(--side-line);padding:44px;display:flex;flex-direction:column;justify-content:space-between}.auth-main{display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:20px}.demo-list{display:flex;flex-direction:column;gap:8px}.demo-list button{display:flex;align-items:center;gap:13px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;text-align:start;transition:background .12s,border-color .12s}.demo-list button:hover{background:var(--hover)}.demo-list button.on{border-color:var(--accent);background:var(--accent-soft)}.menu-btn{display:none!important}@media (max-width: 1000px){.side{display:none}.side.open{display:flex;position:fixed;z-index:70;inset-block:0;inset-inline-start:0;box-shadow:var(--shadow-pop)}.main{padding:14px 14px 48px}.grid-2,.auth{grid-template-columns:1fr}.auth-side{display:none}.menu-btn{display:inline-flex!important}}@media (max-width: 560px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head h1{font-size:26px}.kv{grid-template-columns:1fr;gap:4px}.kv .k{margin-top:8px}.grid-3,.grid-4{grid-template-columns:1fr}.form-foot{margin:4px -18px -18px;padding:12px 18px}}.amount-box.bad{border-color:var(--rose)}