:root{--bg:#f6f6f1;--surface:#fcfcf9;--surface-2:#f0f0ea;--ink:#1b1b18;--ink-2:#5d5d55;--ink-3:#8f8f86;--line:rgba(27,27,24,.09);--line-2:rgba(27,27,24,.16);--primary:#1f4a3a;--primary-2:#2d6a53;--primary-ink:#fff;--lime:#d6ee6b;--orange:#f08a4b;--red:#d9534a;--blue:#3e86c8;--amber:#d99a2b;--green:#2f8f5b;--radius:12px;--radius-sm:8px;--shadow:0 1px 0 rgba(27,27,24,.03),0 1px 2px rgba(27,27,24,.04);--shadow-lg:0 18px 50px -12px rgba(27,27,24,.28),0 2px 6px rgba(27,27,24,.08);--ease:cubic-bezier(.22,1,.36,1);--side-w:148px;--side-w-collapsed:56px;--font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 12px/1.5 var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.005em}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px;border-radius:6px}::selection{background:var(--lime);color:var(--ink)}.skip{position:absolute;left:-999px;top:8px;z-index:999;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px}.skip:focus{left:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(27,27,24,.16);border-radius:8px;border:2px solid transparent;background-clip:content-box}.app{display:grid;grid-template-columns:var(--side-w) 1fr;height:100%;transition:grid-template-columns .35s var(--ease)}.app.is-collapsed{grid-template-columns:var(--side-w-collapsed) 1fr}.main{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;height:100%;border-left:1px solid var(--line);background:var(--bg)}.topbar{display:flex;align-items:center;gap:10px;height:40px;flex:none;padding:0 16px;border-bottom:1px solid var(--line)}.topbar h1{font-size:14px;font-weight:600;letter-spacing:-.01em;margin-right:auto;animation:rise .5s var(--ease) both}.page{flex:1 1;min-height:0;overflow:auto;padding:0 16px 24px;animation:page-in .45s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.page--flush{padding-bottom:12px}.page--flush,.side{overflow:hidden;display:flex;flex-direction:column}.side{padding:10px;gap:10px;min-height:0;position:relative;background:var(--bg)}.brand{display:flex;align-items:center;gap:8px;padding:2px 2px 6px}.brand__mark{width:24px;height:24px;border-radius:7px;background:var(--primary);color:var(--lime);display:grid;place-items:center;flex:none}.brand__txt{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1 1}.brand__txt strong{font-size:12px;font-weight:700}.brand__txt span{font-size:9px;color:var(--ink-3)}.side .collapse-btn{color:var(--ink-3);width:22px;height:22px;display:grid;place-items:center;border-radius:6px;flex:none}.side .collapse-btn:hover{background:var(--surface-2);color:var(--ink)}.ws{display:flex;align-items:center;gap:6px;padding:5px 7px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-weight:600;font-size:11px;box-shadow:var(--shadow)}.ws__dot{width:16px;height:16px;border-radius:5px;background:var(--lime);display:grid;place-items:center;font-size:8px;font-weight:700;flex:none}.ws span:nth-child(2){flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navwrap{position:relative;flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.navwrap::-webkit-scrollbar{display:none}.glide{position:absolute;left:0;right:0;top:0;height:28px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);pointer-events:none;transition:transform .38s var(--ease),height .38s var(--ease),opacity .2s;opacity:0}.glide:before{content:"";position:absolute;left:-9px;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--primary)}.glide.is-on{opacity:1}.nav{display:flex;align-items:center;gap:8px;height:32px;margin-bottom:2px;padding:0 8px;border-radius:7px;position:relative;color:var(--ink-2);font-weight:500;font-size:11px;width:100%;text-align:left;transition:color .15s}.nav.is-active,.nav:hover{color:var(--ink)}.nav.is-active{font-weight:600}.nav svg{flex:none;color:var(--ink-3);transition:color .15s}.nav.is-active svg,.nav:hover svg{color:var(--primary)}.nav .count{margin-left:auto;font-size:9px;font-weight:600;min-width:16px;height:16px;padding:0 5px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2)}.nav .count--dark{background:var(--primary);color:#fff}.nav--sub{padding-left:24px;height:30px}.group{margin-top:14px}.group__head{display:flex;align-items:center;gap:8px;height:28px;padding:0 4px 0 8px;border-radius:7px;font-weight:600;font-size:11px;cursor:pointer;position:relative;z-index:1}.group__head:hover{background:rgba(27,27,24,.04)}.group__chip{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;flex:none}.group__head .tools{margin-left:auto;display:flex;opacity:0;transition:opacity .15s}.group__head:focus-within .tools,.group__head:hover .tools{opacity:1}.group__head .tools button{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:var(--ink-3)}.group__head .tools button:hover{background:var(--surface-2);color:var(--ink)}.group__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}.group.is-open .group__body{grid-template-rows:1fr}.group__body>div{overflow:hidden}.side__foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:14px}.storage{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px;box-shadow:var(--shadow)}.storage__row{display:flex;justify-content:space-between;font-weight:600;font-size:10px}.storage__bar{height:4px;border-radius:4px;background:var(--surface-2);margin:6px 0 4px;overflow:hidden}.storage__bar i{display:block;height:100%;background:var(--orange);border-radius:4px;width:22%;transition:width 1.4s var(--ease)}.storage small{color:var(--ink-3);font-size:9px}.storage button{width:100%;margin-top:6px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;background:#fff;border:1px solid var(--line);border-radius:7px;padding:4px 4px 4px 7px;white-space:nowrap;overflow:hidden}.storage button span{color:var(--ink-3);font-weight:500;flex:1 1;text-align:left;overflow:hidden;text-overflow:ellipsis;min-width:0}.storage button i{width:16px;height:16px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center}.me{display:flex;align-items:center;gap:7px;padding:4px;border-radius:8px;width:100%;text-align:left}.me:hover{background:var(--surface-2)}.me div{line-height:1.2;min-width:0;flex:1 1}.me strong{display:block;font-size:10px;font-weight:600}.me small{font-size:9px;color:var(--ink-3);display:block;overflow:hidden;text-overflow:ellipsis}.app.is-collapsed .brand__txt,.app.is-collapsed .group__head .label,.app.is-collapsed .group__head .tools,.app.is-collapsed .me div,.app.is-collapsed .me svg,.app.is-collapsed .nav .chev,.app.is-collapsed .nav .count,.app.is-collapsed .nav .label,.app.is-collapsed .storage,.app.is-collapsed .ws span{display:none}.app.is-collapsed .group__head,.app.is-collapsed .nav{justify-content:center;padding:0}.app.is-collapsed .nav--sub{padding:0}.app.is-collapsed .brand{flex-direction:column;gap:6px}.app.is-collapsed .ws{justify-content:center;padding:5px 0}.app.is-collapsed .glide:before{left:-6px}.app.is-collapsed .group__body{grid-template-rows:1fr}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);font-weight:600;font-size:11px;white-space:nowrap;box-shadow:var(--shadow);transition:transform .15s var(--ease),background .15s,border-color .15s}.btn:hover{background:#fff;border-color:rgba(27,27,24,.26)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover{background:var(--primary-2);border-color:var(--primary-2)}.btn--dark{background:#151513;color:#fff;border-color:#151513}.btn--dark:hover{background:#2a2a26;border-color:#2a2a26}.btn--ghost{border-color:transparent;background:transparent;box-shadow:none}.btn--ghost:hover{background:var(--surface-2);border-color:transparent}.btn--danger{color:var(--red)}.btn[disabled]{opacity:.5;pointer-events:none}.btn--sm{height:24px;padding:0 8px;font-size:10px}.icon-btn{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:var(--ink-2);position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn--box{border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow)}.dot-badge{position:absolute;top:4px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface)}.field{display:flex;flex-direction:column;gap:4px;font-size:10px;font-weight:600;color:var(--ink-2)}.input,.select,.textarea{height:30px;border:1px solid var(--line-2);border-radius:8px;background:#fff;padding:0 10px;font-size:11px;font-weight:500;width:100%;transition:border-color .15s,box-shadow .15s}.textarea{height:auto;padding:8px 10px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 3px rgba(45,106,83,.15)}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:9px;color:var(--ink-3);pointer-events:none}.search .input{padding-left:28px}.kbd{font:600 9px var(--mono);padding:1px 5px;border-radius:4px;background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}.check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-2);background:#fff;display:inline-grid;place-items:center;margin:0;cursor:pointer;transition:background .15s,border-color .15s;flex:none}.check:checked{background:var(--primary);border-color:var(--primary)}.check:checked:after{content:"";width:4px;height:7px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg) translate(-.5px,-1px)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:18px;border-radius:10px;background:rgba(27,27,24,.18);position:relative;cursor:pointer;transition:background .2s;margin:0;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .25s var(--ease)}.switch:checked{background:var(--primary)}.switch:checked:after{transform:translateX(12px)}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 0;flex:none;flex-wrap:wrap}.toolbar .spacer{margin-left:auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.card__head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card__head h3{font-size:11px;font-weight:600;color:var(--ink-2)}.eyebrow{font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--ink-3)}.badge{display:inline-flex;align-items:center;gap:4px;height:17px;padding:0 6px;border-radius:5px;font-size:9px;font-weight:600;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.badge--green{background:#dff1e5;color:#1f6b43}.badge--red{background:#f8dedb;color:#a63a32}.badge--blue{background:#dbe9f6;color:#2b6396}.badge--amber{background:#f8ebcc;color:#8a5f10}.badge--purple{background:#e6e0f6;color:#5b4bb0}.badge--gray{background:var(--surface-2);color:var(--ink-2)}.delta{font-size:9px;font-weight:700;padding:1px 6px;border-radius:5px}.delta--up{background:#dff1e5;color:#1f6b43}.delta--down{background:#f8dedb;color:#a63a32}.avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:700;color:#3b3b35;flex:none;border:1.5px solid var(--surface)}.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar{margin-left:-6px}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 12px;color:var(--ink-3);text-align:center}.empty strong{color:var(--ink-2);font-size:12px}.seg{position:relative;display:inline-grid;grid-template-columns:repeat(var(--n),1fr);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:2px}.seg__thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / var(--n));background:#fff;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.12);transform:translateX(calc(var(--i) * 100%));transition:transform .35s var(--ease)}.seg button{position:relative;z-index:1;padding:0 10px;height:22px;font-size:10px;font-weight:600;color:var(--ink-3);border-radius:6px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:color .2s}.seg button.is-on{color:var(--ink)}.menu{position:relative;display:inline-block}.menu__pop{position:absolute;top:calc(100% + 4px);z-index:60;min-width:150px;background:#fff;border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--shadow-lg);padding:4px;animation:pop .18s var(--ease);transform-origin:top}.menu__pop--right{right:0}.menu__pop--left{left:0}.menu__pop button{display:block;width:100%;text-align:left;padding:6px 8px;border-radius:6px;font-size:11px;font-weight:500}.menu__pop button:hover{background:var(--surface-2)}.menu__pop .is-active{font-weight:700;color:var(--primary)}.menu__pop .is-danger{color:var(--red)}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:auto;box-shadow:var(--shadow)}table.tbl{width:100%;border-collapse:collapse;font-size:11px}.tbl th{text-align:left;font-weight:600;color:var(--ink-3);font-size:10px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tbl th.sortable{cursor:pointer}.tbl th.sortable:hover{color:var(--ink)}.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:rgba(27,27,24,.025)}.tbl tbody tr:last-child td{border-bottom:0}.tbl tr.is-selected{background:rgba(214,238,107,.18)}.tbl .cell{display:flex;align-items:center;gap:8px}.drawer-wrap{position:fixed;inset:0;z-index:80;pointer-events:none}.drawer-wrap.is-open{pointer-events:auto}.scrim{position:absolute;inset:0;background:rgba(27,27,24,.28);opacity:0;transition:opacity .3s}.drawer-wrap.is-open .scrim,.scrim.is-on{opacity:1}.drawer{position:absolute;right:8px;top:8px;bottom:8px;max-width:calc(100vw - 16px);background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translateX(calc(100% + 16px));transition:transform .45s var(--ease)}.drawer-wrap.is-open .drawer{transform:none}.drawer__head{justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.drawer__head,.drawer__head h2{display:flex;align-items:center}.drawer__head h2{font-size:13px;font-weight:700;gap:8px}.drawer__body,.modal__body{padding:14px;overflow:auto;flex:1 1;display:flex;flex-direction:column;gap:12px}.drawer__foot{display:flex;gap:8px;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--line)}.modal-wrap{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}.modal{position:relative;max-width:100%;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-lg);animation:pop .3s var(--ease)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.form-grid .full{grid-column:1/-1}.toasts{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:200;flex-direction:column;gap:8px;pointer-events:none}.toast,.toasts{display:flex;align-items:center}.toast{pointer-events:auto;gap:14px;background:#151513;color:#fff;padding:9px 12px;border-radius:10px;font-weight:500;font-size:11px;box-shadow:var(--shadow-lg);animation:toast-in .4s var(--ease)}.toast button{color:var(--lime);font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}}.tabbar{display:none}@media (max-width:760px){.app,.app.is-collapsed{grid-template-columns:1fr}.side{display:none}.main{border-left:0;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(252,252,249,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.tabbar a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;font-weight:600;color:var(--ink-3);position:relative}.tabbar a.is-active{color:var(--primary)}.tabbar a.is-active:before{content:"";position:absolute;top:0;width:22px;height:2px;border-radius:2px;background:var(--primary)}.page{padding:0 12px 20px}.topbar{padding:0 12px}.topbar .search{display:none}.form-grid{grid-template-columns:1fr}.drawer{left:8px;width:auto!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}