.app{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--canvas)}.sidebar{width:240px;flex:none;background:var(--surface-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:13px 11px}.sidebar-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 13px}.brand-mark{width:26px;height:26px;border-radius:7px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}.sidebar-nav{flex:1;overflow:auto;display:flex;flex-direction:column;gap:13px;padding-top:2px}.nav-section-title{font:700 10px var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-subtle);padding:0 8px 5px}.nav-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 9px;border-radius:var(--r-md);color:var(--fg-muted);background:transparent;font:500 13.5px var(--font-sans);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-item:hover{background:var(--surface-3);color:var(--fg)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-badge{margin-left:auto;font:600 10px var(--font-mono);background:var(--surface-3);color:var(--fg-muted);padding:1px 6px;border-radius:var(--r-full)}.nav-badge.error{background:var(--error);color:#fff}.nav-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--error)}.sidebar-user{border-top:1px solid var(--border);padding-top:10px;display:flex;align-items:center;gap:9px;padding-left:6px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:54px;flex:none;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--surface)}.topbar-search{position:relative;width:320px;max-width:34%;cursor:pointer}.topbar-search input{width:100%;height:33px;padding:0 12px 0 35px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--fg);font:400 13px var(--font-sans);outline:none;cursor:pointer}.kbd{font:500 11px var(--font-mono);color:var(--fg-subtle);border:1px solid var(--border);padding:2px 5px;border-radius:5px}.content{flex:1;min-height:0;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.mobile-topbar,.mobile-nav{display:none}@media (max-width: 860px){.sidebar,.topbar{display:none}.mobile-topbar{display:flex;align-items:center;gap:10px;height:52px;flex:none;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface)}.mobile-nav{display:flex;flex:none;height:60px;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--fg-subtle);position:relative}.mobile-nav a.active{color:var(--accent)}.mobile-nav .label{font:500 9px var(--font-sans)}.mobile-nav a.active .label{font-weight:600}}:root{--accent: oklch(.57 .098 184);--accent-strong: oklch(.5 .094 184);--accent-soft: oklch(.955 .028 184);--accent-fg: #fff;--accent-border: oklch(.85 .06 184);--success: oklch(.6 .13 150);--success-soft: oklch(.955 .04 150);--warning: oklch(.72 .13 75);--warning-soft: oklch(.96 .05 80);--error: oklch(.585 .19 25);--error-soft: oklch(.955 .04 25);--info: oklch(.58 .13 250);--info-soft: oklch(.955 .03 250);--purple: oklch(.55 .16 300);--purple-soft: oklch(.955 .03 300);--canvas: oklch(.957 .0035 255);--surface: oklch(.992 .0015 255);--surface-2: oklch(.978 .003 255);--surface-3: oklch(.948 .004 255);--border: oklch(.905 .004 255);--border-strong: oklch(.85 .006 255);--fg: oklch(.26 .012 260);--fg-muted: oklch(.48 .01 260);--fg-subtle: oklch(.62 .008 260);--sh-1: 0 1px 2px rgba(16, 20, 28, .06), 0 1px 1px rgba(16, 20, 28, .04);--sh-2: 0 4px 14px rgba(16, 20, 28, .09), 0 2px 4px rgba(16, 20, 28, .05);--sh-3: 0 16px 40px rgba(16, 20, 28, .14), 0 4px 10px rgba(16, 20, 28, .07);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 999px;--t-fast: .12s;--t: .18s;--t-slow: .24s;--ease: cubic-bezier(.2, .8, .2, 1);--font-sans: "Onest", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-theme=dark]{--accent: oklch(.72 .105 184);--accent-strong: oklch(.78 .1 184);--accent-soft: oklch(.3 .045 190);--accent-fg: oklch(.16 .02 200);--accent-border: oklch(.42 .07 184);--success: oklch(.72 .13 150);--success-soft: oklch(.32 .05 150);--warning: oklch(.8 .12 78);--warning-soft: oklch(.34 .05 70);--error: oklch(.68 .16 25);--error-soft: oklch(.34 .07 25);--info: oklch(.72 .11 250);--info-soft: oklch(.32 .05 250);--purple: oklch(.74 .13 300);--purple-soft: oklch(.32 .05 300);--canvas: oklch(.238 .007 262);--surface: oklch(.278 .0085 262);--surface-2: oklch(.308 .0095 262);--surface-3: oklch(.34 .011 262);--border: oklch(.37 .01 262);--border-strong: oklch(.45 .012 262);--fg: oklch(.955 .004 262);--fg-muted: oklch(.75 .007 262);--fg-subtle: oklch(.6 .009 262);--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 4px 14px rgba(0, 0, 0, .45);--sh-3: 0 16px 40px rgba(0, 0, 0, .55)}[data-theme=dark] body{background-image:radial-gradient(1100px 620px at 78% -8%,oklch(.42 .06 195 / .3),transparent 62%),radial-gradient(900px 600px at 8% 4%,oklch(.4 .05 268 / .22),transparent 60%);background-attachment:fixed}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background-color:var(--canvas);color:var(--fg);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ms{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.ms.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-mono)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawerIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes drawerInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pop{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:33px;padding:0 13px;border-radius:var(--r-md);font:600 12.5px var(--font-sans);cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:var(--surface);color:var(--fg);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2)}.btn-icon{width:33px;height:33px;padding:0;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);color:var(--fg-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.btn-icon:hover{background:var(--surface-2);color:var(--fg)}.input,.select{width:100%;height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-2);color:var(--fg);font:400 13px var(--font-sans);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.select{background:var(--surface);cursor:pointer}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--fg-subtle)}.field-label{font:600 11px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:6px;display:block}.badge{display:inline-flex;align-items:center;gap:5px;font:600 11px var(--font-sans);padding:3px 9px;border-radius:var(--r-full);white-space:nowrap}.progress{height:4px;background:var(--surface-3);border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:99px}.module-head{padding:15px 18px 11px;display:flex;align-items:center;gap:13px;flex:none;flex-wrap:wrap}.module-title{font-weight:700;font-size:17px;letter-spacing:-.01em}.module-sub{font-size:12px;color:var(--fg-subtle);margin-top:1px}.seg{display:flex;gap:2px;padding:3px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md)}.seg button{height:27px;padding:0 10px;border:none;background:transparent;color:var(--fg-muted);font:600 12px var(--font-sans);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.seg button.on{background:var(--surface);color:var(--fg);box-shadow:var(--sh-1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;animation:fadeIn var(--t) var(--ease)}.backdrop.dim{background:#0a0e146b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backdrop.dim-light{background:#0a0e144d}.tab-underline{border:none;background:none;border-bottom:2px solid transparent;cursor:pointer}.row-hover{cursor:pointer;transition:background var(--t-fast) var(--ease)}.row-hover:hover{background:var(--surface-2)}@media (max-width: 640px){.module-head{padding:12px 14px 9px;gap:9px;row-gap:9px}.module-title{font-size:16px}.module-head .btn{height:34px}.seg{max-width:100%;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{flex:none}.toolbar-wrap{flex-wrap:wrap}.card{border-radius:var(--r-lg)}.pad-x{padding-left:12px!important;padding-right:12px!important}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x>*{min-width:560px}.backdrop.dim{align-items:flex-end!important}.sheet-mobile{width:100%!important;max-width:100%!important;max-height:92vh!important;border-radius:var(--r-xl) var(--r-xl) 0 0!important;animation:sheetUp var(--t-slow) var(--ease)!important}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-topbar{position:sticky;top:0;z-index:30}}@media (max-width: 380px){.module-head .btn span,.module-head .btn{font-size:12px}}