:root{--font-body:"Plus Jakarta Sans",sans-serif;--font-heading:"Lora",serif;--font-label:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--background-50:.985 .006 85;--background-100:.965 .01 82;--background-200:.935 .014 78;--background-300:.885 .018 74;--background-400:.81 .02 70;--background-500:.72 .02 66;--background-600:.62 .018 62;--background-700:.5 .016 58;--background-800:.38 .014 54;--background-900:.26 .012 50;--background-950:.17 .01 46;--primary-50:.975 .025 45;--primary-100:.945 .045 42;--primary-200:.9 .07 38;--primary-300:.83 .1 34;--primary-400:.745 .135 31;--primary-500:.655 .16 28;--primary-600:.575 .155 28;--primary-700:.485 .135 27;--primary-800:.395 .112 26;--primary-900:.305 .088 25;--primary-950:.215 .062 24;--accent-50:.975 .03 125;--accent-100:.945 .055 122;--accent-200:.9 .08 118;--accent-300:.835 .105 114;--accent-400:.75 .125 110;--accent-500:.66 .135 106;--accent-600:.575 .125 105;--accent-700:.485 .108 104;--accent-800:.395 .088 103;--accent-900:.305 .068 102;--accent-950:.215 .048 101;--secondary-50:.98 .02 80;--secondary-100:.955 .038 78;--secondary-200:.915 .06 76;--secondary-300:.86 .085 73;--secondary-400:.795 .11 70;--secondary-500:.72 .125 66;--secondary-600:.63 .115 65;--secondary-700:.53 .098 64;--secondary-800:.43 .08 63;--secondary-900:.33 .062 62;--secondary-950:.23 .044 61;--foreground-50:.97 .012 55;--foreground-100:.93 .016 52;--foreground-200:.87 .018 50;--foreground-300:.78 .02 48;--foreground-400:.66 .02 46;--foreground-500:.54 .02 44;--foreground-600:.44 .018 42;--foreground-700:.35 .016 40;--foreground-800:.26 .014 38;--foreground-900:.19 .012 36;--foreground-950:.13 .01 34;--r-card:8px;--r-control:6px;--r-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark],.dark{--background-50:.15 .01 46;--background-100:.185 .012 50;--background-200:.235 .014 54;--background-300:.3 .016 58;--background-400:.4 .018 62;--background-500:.52 .02 66;--background-600:.64 .02 70;--background-700:.76 .018 74;--background-800:.86 .014 78;--background-900:.93 .01 82;--background-950:.975 .006 85;--foreground-50:.15 .01 34;--foreground-100:.21 .012 36;--foreground-200:.29 .014 38;--foreground-300:.38 .016 40;--foreground-400:.48 .018 42;--foreground-500:.58 .02 44;--foreground-600:.68 .02 46;--foreground-700:.78 .02 48;--foreground-800:.87 .018 50;--foreground-900:.93 .016 52;--foreground-950:.97 .012 55;--primary-50:.24 .05 30;--primary-100:.3 .07 30;--accent-50:.22 .04 108;--accent-100:.28 .06 108;--secondary-50:.22 .03 70;--secondary-100:.28 .05 70;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}
body{background:oklch(var(--background-50));color:oklch(var(--foreground-800));font:400 14px/1.5 var(--font-body)}h1,h2,h3{font-family:var(--font-heading);color:oklch(var(--foreground-950));text-wrap:balance;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:oklch(var(--foreground-600))}.subtle{color:oklch(var(--foreground-500))}.shell{grid-template-rows:64px 1fr;grid-template-columns:256px 1fr;height:780px;display:grid;overflow:hidden}.sidebar{background:oklch(var(--background-100));border-right:1px solid oklch(var(--background-200));flex-direction:column;grid-row:1/-1;padding:16px 12px;display:flex;overflow:auto}.brand{font-family:var(--font-heading);color:oklch(var(--foreground-950));align-items:center;gap:10px;padding:4px 8px 20px;font-size:18px;font-weight:700;display:flex}.brand i{background:oklch(var(--primary-500));width:32px;height:32px;color:oklch(var(--background-50));font:700 13px/1 var(--font-body);border-radius:8px;place-items:center;font-style:normal;display:grid}.grp{font:600 11px/1 var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:oklch(var(--foreground-500));cursor:pointer;justify-content:space-between;align-items:center;padding:10px 8px 4px;display:flex}.sidebar a{font:500 14px/1 var(--font-label);color:oklch(var(--foreground-700));border-radius:6px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.sidebar a:hover{background:oklch(var(--background-200));color:oklch(var(--foreground-950))}.sidebar a.on{background:oklch(var(--primary-100));color:oklch(var(--primary-700))}.sidebar a .n{font:500 11px/1 var(--font-mono);color:oklch(var(--foreground-500));margin-left:auto}.ico{flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.ico:before{content:"";border:1.5px solid;border-radius:3px;width:12px;height:12px}.user{border-top:1px solid oklch(var(--background-200));align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.avatar{background:oklch(var(--secondary-100));width:34px;height:34px;color:oklch(var(--secondary-900));font:600 12px/1 var(--font-label);border-radius:50%;place-items:center;display:grid}.user b{color:oklch(var(--foreground-950));font-size:13px;display:block}.user small{color:oklch(var(--foreground-500));font-size:11px}.topbar{background:oklch(var(--background-50));border-bottom:1px solid oklch(var(--background-200));align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.date{color:oklch(var(--foreground-600));font-size:13px}.date b{color:oklch(var(--foreground-950));font-weight:600}.topbar .right{align-items:center;gap:8px;margin-left:auto;display:flex}.lang{gap:2px;display:flex}.lang b{font:600 12px/1 var(--font-label);color:oklch(var(--foreground-600));cursor:pointer;border-radius:6px;padding:6px 7px}.lang b.on{background:oklch(var(--secondary-100));color:oklch(var(--secondary-900))}.icon-btn{width:34px;height:34px;color:oklch(var(--foreground-700));cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:oklch(var(--background-200))}.dot{background:oklch(var(--primary-500));border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.main{flex-direction:column;gap:24px;padding:24px;display:flex;overflow:auto}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{font-size:24px}.page-head p{color:oklch(var(--foreground-600));margin-top:2px;font-size:14px}.btn{height:36px;font:600 14px/1 var(--font-label);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 14px;transition:background .15s,border-color .15s;display:inline-flex}.btn-primary{background:oklch(var(--primary-500));color:oklch(var(--background-50))}.btn-primary:hover{background:oklch(var(--primary-600))}.btn-secondary{background:oklch(var(--secondary-100));color:oklch(var(--secondary-900))}.btn-secondary:hover{background:oklch(var(--secondary-200))}.btn-outline{border-color:oklch(var(--background-300));color:oklch(var(--foreground-800));background:0 0}.btn-outline:hover{background:oklch(var(--background-100))}.btn-ghost{color:oklch(var(--foreground-700));background:0 0}.btn-ghost:hover{background:oklch(var(--background-200))}.btn-sm{height:30px;padding:0 10px;font-size:12px}.btn-lg{height:44px;padding:0 20px;font-size:15px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid oklch(var(--primary-400));outline-offset:2px}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{border:1px solid oklch(var(--background-300));background:oklch(var(--background-50));height:36px;color:oklch(var(--foreground-500));border-radius:6px;align-items:center;gap:8px;min-width:260px;padding:0 12px;font-size:14px;display:flex}.tabs{background:oklch(var(--background-100));border-radius:6px;gap:4px;padding:3px;display:flex}.tab{font:500 13px/1 var(--font-label);color:oklch(var(--foreground-600));cursor:pointer;border-radius:4px;padding:6px 12px}.tab.on{background:oklch(var(--background-50));color:oklch(var(--foreground-950));border:1px solid oklch(var(--background-200))}.branch{border:1px solid oklch(var(--background-300));height:36px;font:500 13px/1 var(--font-label);background:oklch(var(--background-50));border-radius:6px;align-items:center;gap:8px;padding:0 12px;display:flex}.card{background:oklch(var(--background-50));border:1px solid oklch(var(--background-200));border-radius:8px;padding:20px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat .l{color:oklch(var(--foreground-600));font-size:13px}.stat .v{font-family:var(--font-heading);color:oklch(var(--foreground-950));font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:600}.stat .d{margin-top:4px;font-size:12px}.up{color:oklch(var(--accent-700))}.dn{color:oklch(var(--primary-700))}.badge{font:500 12px/1.3 var(--font-label);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.b-primary{background:oklch(var(--primary-100));color:oklch(var(--primary-800))}.b-accent{background:oklch(var(--accent-100));color:oklch(var(--accent-800))}.b-secondary{background:oklch(var(--secondary-100));color:oklch(var(--secondary-900))}.b-success{background:oklch(var(--accent-100));color:oklch(var(--accent-800))}.b-danger{background:oklch(var(--primary-100));color:oklch(var(--primary-800))}.b-neutral{background:oklch(var(--background-200));color:oklch(var(--foreground-700))}.tbl{border:1px solid oklch(var(--background-200));background:oklch(var(--background-50));border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font:600 12px/1 var(--font-label);color:oklch(var(--foreground-600));background:oklch(var(--background-100));border-bottom:1px solid oklch(var(--background-200));white-space:nowrap;padding:10px 14px}td{border-bottom:1px solid oklch(var(--background-100));color:oklch(var(--foreground-800));white-space:nowrap;padding:11px 14px}tr:last-child td{border-bottom:0}tbody tr:hover{background:oklch(var(--background-100))}.num{text-align:right}.row-actions{justify-content:flex-end;gap:2px;display:flex}.stepper{font:500 12px/1 var(--font-label);align-items:center;gap:8px;display:flex}.stepper span{color:oklch(var(--foreground-500));align-items:center;gap:6px;display:flex}.stepper span:before{content:"";border:2px solid;border-radius:50%;width:10px;height:10px}.stepper span.done{color:oklch(var(--accent-700))}.stepper span.done:before{background:currentColor}.stepper span.cur{color:oklch(var(--primary-700))}.stepper span.cur:before{background:currentColor}.stepper hr{border:0;border-top:1px solid oklch(var(--background-300));flex:1;min-width:16px}.toggle{background:oklch(var(--background-300));border-radius:999px;width:38px;height:22px;display:inline-block;position:relative}.toggle:after{content:"";background:oklch(var(--background-50));border-radius:50%;width:16px;height:16px;position:absolute;top:3px;left:3px}.toggle.on{background:oklch(var(--accent-500))}.toggle.on:after{left:19px}.grid-2{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.chart{align-items:flex-end;gap:6px;height:160px;padding-top:8px;display:flex}.chart i{background:oklch(var(--secondary-300));border-radius:3px 3px 0 0;flex:1}.chart i.hi{background:oklch(var(--primary-500))}.list{gap:0;display:grid}.list div{border-bottom:1px solid oklch(var(--background-100));align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.list div:last-child{border:0}.list b{color:oklch(var(--foreground-950));font-weight:600}.list small{color:oklch(var(--foreground-500));font-size:12px;display:block}.list .t{font-family:var(--font-mono);color:oklch(var(--foreground-600));margin-left:auto;font-size:12px}.demo{background:oklch(var(--background-100));place-items:center;height:420px;display:grid;position:relative;overflow:hidden}.backdrop{background:oklch(var(--foreground-950)/.35);position:absolute;inset:0}.modal{background:oklch(var(--background-50));border:1px solid oklch(var(--background-200));border-radius:8px;width:560px;position:relative}.m-head{border-bottom:1px solid oklch(var(--background-200));justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.m-head h3{font-size:18px}.m-head p{color:oklch(var(--foreground-600));margin-top:2px;font-size:13px}.m-body{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.m-foot{border-top:1px solid oklch(var(--background-200));justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.lbl{font:500 13px/1.3 var(--font-label);color:oklch(var(--foreground-700));margin-bottom:5px;display:block}.lbl s{color:oklch(var(--primary-600));text-decoration:none}.input{border:1px solid oklch(var(--background-300));background:oklch(var(--background-50));width:100%;height:36px;color:oklch(var(--foreground-950));font:400 14px/1 var(--font-body);border-radius:6px;padding:0 10px}.input:focus{outline:2px solid oklch(var(--primary-400));outline-offset:0}.input.err{border-color:oklch(var(--primary-500))}.ferr{color:oklch(var(--primary-700));margin-top:4px;font-size:12px}.confirm{background:oklch(var(--background-50));border:1px solid oklch(var(--background-200));border-radius:8px;width:340px;padding:16px;position:absolute;top:20px;right:20px}.confirm h4{font-family:var(--font-heading);color:oklch(var(--foreground-950));font-size:16px}.confirm p{color:oklch(var(--foreground-600));margin:6px 0 12px;font-size:13px}.empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;display:flex}.empty .g{background:oklch(var(--background-100));width:44px;height:44px;color:oklch(var(--foreground-400));border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty h4{font:600 14px/1.3 var(--font-label);color:oklch(var(--foreground-800))}.empty p{color:oklch(var(--foreground-500));max-width:30ch;font-size:12px}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}.shell{height:auto;min-height:100vh;overflow:visible}.main{overflow:visible}#screen{flex-direction:column;gap:20px;display:flex}.sidebar{align-self:start;max-height:100vh;position:sticky;top:0}.mk-bar{background:oklch(var(--background-100));border-bottom:1px solid oklch(var(--background-200));font:500 12px/1.4 var(--font-label);color:oklch(var(--foreground-600));flex-wrap:wrap;align-items:center;gap:12px;padding:7px 16px;display:flex}.mk-bar b{color:oklch(var(--foreground-950));font-weight:700}.mk-bar .right{align-items:center;gap:8px;margin-left:auto;display:flex}.scan{border:1px dashed oklch(var(--background-400));background:oklch(var(--background-100));border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.scan input{border:1px solid oklch(var(--background-300));background:oklch(var(--background-50));height:44px;color:oklch(var(--foreground-950));font:500 17px/1 var(--font-mono);border-radius:6px;flex:1;padding:0 12px}.scan .g{background:oklch(var(--primary-100));width:34px;height:34px;color:oklch(var(--primary-700));border-radius:6px;flex:none;place-items:center;display:grid}.kv{grid-template-columns:auto 1fr;align-items:baseline;gap:9px 18px;font-size:13px;display:grid}.kv dt{color:oklch(var(--foreground-600))}.kv dd{color:oklch(var(--foreground-950));text-align:right;font-weight:600}.total{border-top:1px solid oklch(var(--background-200));justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;padding-top:14px;display:flex}.total .v{font-family:var(--font-heading);color:oklch(var(--foreground-950));font-size:24px;font-weight:600}.fill{font-family:var(--font-mono);color:oklch(var(--foreground-500));font-size:12px;font-weight:500}.big{font-family:var(--font-heading);color:oklch(var(--foreground-950));font-variant-numeric:tabular-nums;margin-top:4px;font-size:34px;font-weight:600;line-height:1.1}.note{background:oklch(var(--secondary-100));color:oklch(var(--secondary-900));border-left:3px solid oklch(var(--secondary-500));border-radius:6px;padding:11px 14px;font-size:13px;line-height:1.5}.note.warn{background:oklch(var(--primary-100));color:oklch(var(--primary-800));border-left-color:oklch(var(--primary-500))}.sign{border:1px dashed oklch(var(--background-400));background:oklch(var(--background-100));height:96px;color:oklch(var(--foreground-500));border-radius:6px;place-items:center;font-size:13px;display:grid}.cols{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:1180px){.cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}}.stack{align-content:start;gap:16px;display:grid}.fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fields .full{grid-column:1/-1}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid oklch(var(--background-300));background:oklch(var(--background-50));height:36px;font:500 13px/1 var(--font-label);color:oklch(var(--foreground-800));cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.chip.on{border-color:oklch(var(--primary-400));background:oklch(var(--primary-50));color:oklch(var(--primary-800))}.mk-foot{border-top:1px solid oklch(var(--background-200));color:oklch(var(--foreground-500));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:8px;padding-top:16px;font-size:12px;display:flex}.mk-ver{font:600 12px/1 var(--font-mono);color:oklch(var(--primary-700));cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px}.mk-ver:hover{background:oklch(var(--primary-100))}.veil{z-index:900;background:oklch(var(--foreground-950)/.35);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.veil[hidden]{display:none}.veil .modal{width:min(560px,100%);max-height:80vh;overflow:auto}.veil .m-body{display:block}.veil .m-body h4{font:600 13px/1.3 var(--font-label);color:oklch(var(--foreground-950));margin-bottom:6px}.veil .m-body ul{color:oklch(var(--foreground-700));margin:0 0 4px 18px;font-size:13px}:root[data-theme=dark] .badge.b-primary,:root[data-theme=dark] .badge.b-danger,:root[data-theme=dark] .sidebar a.on{color:oklch(var(--primary-300))}:root[data-theme=dark] .badge.b-accent,:root[data-theme=dark] .badge.b-success{color:oklch(var(--accent-300))}:root[data-theme=dark] .badge.b-secondary,:root[data-theme=dark] .avatar,:root[data-theme=dark] .lang b.on,:root[data-theme=dark] .btn-secondary{color:oklch(var(--secondary-300))}:root[data-theme=dark] .badge.b-neutral{color:oklch(var(--foreground-800))}:root[data-theme=dark] .chip.on{color:oklch(var(--primary-300))}
