:root{--ds-bg: #0E0E0F;--ds-panel: #141416;--ds-panel-alt: #1A1A1D;--ds-border: #232326;--ds-border-strong: #36363A;--ds-text: #F4F4F5;--ds-text-dim: #A1A1AA;--ds-text-faint: #71717A;--ds-accent: #E3993D;--ds-accent-strong: #F59E0B;--ds-ok: #22c55e;--ds-warn: #ef4444;--ds-radius: 10px;--ds-font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ds-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--color-primary: 227 153 61;--color-primary-hex: #E3993D;--bg-page: var(--ds-bg);--bg-sidebar: var(--ds-bg);--bg-surface: var(--ds-panel);--bg-surface-hover: var(--ds-panel-alt);--bg-subtle: #1C1C1F;--bg-active-pill: var(--ds-panel-alt);--border-default: var(--ds-border);--border-subtle: var(--ds-border);--border-strong: var(--ds-border-strong);--border-active: var(--ds-border-strong);--text-primary: var(--ds-text);--text-secondary: var(--ds-text-dim);--text-tertiary: var(--ds-text-faint);--text-muted: var(--ds-text-faint);--accent-solid: #E3993D;--accent-text: #0E0E0F;--accent: #E3993D;--accent-bg-soft: rgba(227, 153, 61, .12);--status-success-bg: rgba(34, 197, 94, .12);--status-success-fg: #22c55e;--status-error-bg: rgba(239, 68, 68, .12);--status-error-fg: #ef4444;--status-warning-bg: rgba(245, 158, 11, .12);--status-warning-fg: #f59e0b;--bg-core: 14 14 15;--bg-card: 20 20 22;--text-main: 244 244 245;--bento-gap: 1rem;--bento-radius: 10px;--sidebar-radius: 6px;--bento-padding: 20px;--global-bg-noise: none;--global-bg-gradient: none;--field-bg: #141416;--field-bg-hover: #18181B;--field-border: #28282D;--field-border-hover: #3C3C44;--field-border-focus: var(--accent);--field-focus-glow: rgba(227, 153, 61, .25);--btn-hue: 28;--btn-accent: hsl(var(--btn-hue), 71%, 61%);--btn-accent-dim: hsl(var(--btn-hue), 55%, 52%);--btn-accent-border: hsla(var(--btn-hue), 55%, 52%, .35);--btn-accent-hover-border: hsl(var(--btn-hue), 71%, 61%);--btn-accent-ring: hsla(var(--btn-hue), 55%, 52%, .3);--btn-accent-glow: hsla(var(--btn-hue), 71%, 61%, .4);--btn-primary-bg: linear-gradient( 180deg, hsl(var(--btn-hue), 29%, 18%) 0%, hsl(var(--btn-hue), 31%, 11%) 42%, hsl(var(--btn-hue), 37%, 8%) 58%, hsl(var(--btn-hue), 25%, 14%) 100% );--btn-primary-bg-hover: linear-gradient( 180deg, hsl(var(--btn-hue), 29%, 22%) 0%, hsl(var(--btn-hue), 32%, 15%) 38%, hsl(var(--btn-hue), 36%, 9%) 62%, hsl(var(--btn-hue), 33%, 14%) 100% );--btn-secondary-bg: linear-gradient( 180deg, hsl(var(--btn-hue), 24%, 18%) 0%, hsl(var(--btn-hue), 28%, 13%) 45%, hsl(var(--btn-hue), 29%, 9%) 60%, hsl(var(--btn-hue), 25%, 14%) 100% );--btn-secondary-bg-hover: linear-gradient( 180deg, hsl(var(--btn-hue), 24%, 22%) 0%, hsl(var(--btn-hue), 28%, 16%) 42%, hsl(var(--btn-hue), 30%, 10%) 62%, hsl(var(--btn-hue), 26%, 15%) 100% );--tab-track-bg: linear-gradient( 180deg, hsl(var(--btn-hue), 22%, 10%) 0%, hsl(var(--btn-hue), 25%, 7%) 100% );--tab-track-border: hsla(var(--btn-hue), 12%, 22%, .8);--tab-active-bg: var(--btn-secondary-bg);--tab-active-bg-hover: var(--btn-secondary-bg-hover);--tab-active-border: var(--btn-accent-border);--tab-active-lip: var(--btn-accent-dim);--tab-active-glow: var(--btn-accent-glow);--tab-active-text-glow: hsla(var(--btn-hue), 71%, 61%, .3)}html,body{height:100%;width:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--ds-bg)!important;color:var(--ds-text)!important}body{background-color:var(--ds-bg)!important;color:var(--ds-text)!important;font-family:var(--ds-font);font-feature-settings:"cv11","ss01";-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;transition:background-color .15s ease,color .15s ease;color-scheme:dark}body.desktop-ui{background-color:var(--ds-bg)!important;font-family:var(--ds-font);-webkit-font-smoothing:antialiased}.animate-in{opacity:1!important;animation:dsFadeIn .25s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes dsFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.min-h-0{min-height:0px!important}.min-w-0{min-width:0px!important}.sidebar-slider-wrapper{width:100%;height:100%;overflow:hidden;position:relative;flex:1}.sidebar-view-container{display:flex;width:500%;height:100%;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-panel{width:20%;height:100%;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-danger,.btn--primary,.btn--secondary,.btn--outline,.btn--ghost,.btn--danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;height:32px;font-family:var(--ds-font);font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-outline:active,.btn-ghost:active,.btn-danger:active,.btn--primary:active,.btn--secondary:active,.btn--outline:active,.btn--ghost:active,.btn--danger:active{transform:scale(.97)}.btn__icon{width:13px;height:13px;flex-shrink:0}.btn--xs,.btn-xs{padding:2px 7px!important;font-size:11px!important;height:22px!important;border-radius:4px!important;gap:4px!important}.btn--sm,.btn-sm{padding:4px 10px!important;font-size:11.5px!important;height:26px!important;border-radius:5px!important;gap:5px!important}.btn--md,.btn-md{padding:5px 13px!important;font-size:12px!important;height:30px!important;border-radius:6px!important;gap:6px!important}.btn--lg,.btn-lg{padding:6px 15px!important;font-size:13px!important;height:34px!important;border-radius:6px!important;gap:7px!important}.btn--icon,.btn-icon{padding:0!important;width:28px!important;height:28px!important;border-radius:6px!important}.btn--icon-sm,.btn-icon-sm{padding:0!important;width:24px!important;height:24px!important;border-radius:5px!important}.btn--primary,.btn-primary{color:var(--ds-text)!important;background:var(--btn-primary-bg)!important;border:1px solid var(--btn-accent-border)!important;box-shadow:inset 0 1px #ffffff59,inset 0 -1.5px 0 var(--btn-accent-dim),0 1px 2px #00000040!important}.btn--primary:hover,.btn--primary:focus-visible,.btn--primary.is-active,.btn-primary:hover,.btn-primary:focus-visible{background:var(--btn-primary-bg-hover)!important;border-color:var(--btn-accent-hover-border)!important;box-shadow:inset 0 1px #ffffff73,inset 0 -1.5px 0 var(--btn-accent-hover-border),0 0 0 1px var(--btn-accent-ring),0 2px 4px #00000059!important}.btn--secondary,.btn-secondary{color:hsl(var(--btn-hue),32%,88%)!important;background:var(--btn-secondary-bg)!important;box-shadow:inset 0 1.5px #ffffff29,inset 0 -1.5px 3px #0009,inset 0 0 0 1px #ffffff0d!important}.btn--secondary:hover,.btn--secondary.is-active,.btn-secondary:hover{background:var(--btn-secondary-bg-hover)!important;color:var(--ds-text)!important;box-shadow:inset 0 1.5px #fff3,inset 0 -1.5px 3px #000000a6,inset 0 0 0 1px var(--btn-accent-glow)!important}.btn--outline,.btn-outline{color:hsl(var(--btn-hue),22%,77%)!important;background:transparent!important;box-shadow:inset 0 0 0 1px hsl(var(--btn-hue),22%,21%)!important}.btn--outline:hover,.btn--outline.is-active,.btn-outline:hover{color:var(--ds-text)!important;background:#ffffff08!important;box-shadow:inset 0 0 0 1px var(--btn-accent-dim)!important}.btn--ghost,.btn-ghost{color:#8a97a6!important;background:transparent!important;box-shadow:none!important}.btn--ghost:hover,.btn--ghost.is-active,.btn-ghost:hover{color:var(--ds-text)!important;background:#ffffff0f!important}.btn--danger,.btn-danger{color:#fed7d7!important;background:linear-gradient(180deg,#3d1416,#2a0c0e 45%,#1c0708 60%,#280b0d)!important;box-shadow:inset 0 1.5px #ffffff40,inset 0 -1.5px #e53e3e,inset 0 -3px 5px -2px #e53e3e80,inset 1.5px 0 #e53e3e66,inset -1.5px 0 #e53e3e66,0 4px 10px -2px #e53e3e40!important}.btn--danger:hover,.btn--danger.is-active,.btn-danger:hover{background:linear-gradient(180deg,#4f1b1e,#381113 40%,#1f0709 62%,#350f11)!important;box-shadow:inset 0 2px #ffffff59,inset 0 -2px 4px #000000b3,0 0 0 1.5px #f56565,0 0 16px 3px #e53e3e80,0 0 28px 6px #e53e3e40!important}.btn:disabled,.btn.is-disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-danger:disabled{cursor:not-allowed!important;opacity:.4!important;box-shadow:none!important;transform:none!important;pointer-events:none!important}.tabs,.tabs-container{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--tab-track-bg);border-radius:6px;border:1px solid var(--tab-track-border);box-shadow:inset 0 1px #ffffff0a,inset 0 2px 5px #00000073}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--ds-text-dim);font-family:var(--ds-font);font-size:11.5px;font-weight:500;padding:3px 9px;height:24px;border-radius:4px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;line-height:1}.tab:hover{color:var(--ds-text)}.tab.is-active,.tab--active{color:#fff!important;background:var(--tab-active-bg)!important;border:1px solid var(--tab-active-border)!important;text-shadow:0 0 10px var(--tab-active-text-glow);box-shadow:inset 0 1px #fff3,inset 0 -1.5px 0 var(--tab-active-lip),0 1px 3px #0006!important}.tab.is-active:hover,.tab--active:hover{background:var(--tab-active-bg-hover)!important;border-color:var(--btn-accent-hover-border)!important;box-shadow:inset 0 1px #ffffff40,inset 0 -1.5px 0 var(--btn-accent-hover-border),0 0 8px var(--tab-active-glow),0 1px 3px #00000073!important}.tabs-underline{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--ds-border);padding-bottom:0;margin-bottom:16px}.tab-underline{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--ds-text-dim);font-family:var(--ds-font);font-size:13.5px;font-weight:500;padding:10px 2px;cursor:pointer;position:relative;transition:color .18s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:6px}.tab-underline:hover{color:var(--ds-text)}.tab-underline.is-active,.tab-underline--active{color:var(--ds-text)!important;font-weight:600}.tab-underline.is-active:after,.tab-underline--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--btn-accent);box-shadow:0 0 8px var(--btn-accent-glow)}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:40px;height:22px;border-radius:9999px;background:#181d26;border:1px solid #2a3544;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:inset 0 1px 3px #0006;padding:2px;flex-shrink:0}.toggle-switch.is-active,.toggle-switch[data-state=checked],.toggle-switch.bg-active{background:linear-gradient(180deg,hsl(var(--btn-hue),29%,18%),hsl(var(--btn-hue),35%,15%));border-color:var(--btn-accent-dim);box-shadow:0 0 10px var(--btn-accent-glow),inset 0 1px 1px #fff3}.toggle-switch-thumb{width:16px;height:16px;border-radius:9999px;background:#717e8c;box-shadow:0 1px 2px #0000004d;transform:translate(0);transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s ease}.toggle-switch.is-active .toggle-switch-thumb,.toggle-switch[data-state=checked] .toggle-switch-thumb,.toggle-switch.bg-active .toggle-switch-thumb{transform:translate(18px);background:#fff;box-shadow:0 0 6px var(--btn-accent-glow),0 1px 2px #0006}.panel,.glass,.liquid-glass,.glass-card,.bento-card,body.desktop-ui .liquid-glass-card{background:var(--ds-panel)!important;border:1px solid var(--ds-border)!important;border-radius:10px!important;overflow:hidden;box-shadow:none!important;font-family:var(--ds-font);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.panel__header{padding:14px 20px;font-size:13px;color:var(--ds-text);background:var(--ds-panel);border-bottom:1px solid var(--ds-border)}.panel__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--ds-panel);border-top:1px solid var(--ds-border);font-size:12.5px;color:var(--ds-text-dim)}.panel table{width:100%;border-collapse:collapse;color:var(--ds-text)}.panel thead th{text-align:left;font-size:11px;font-weight:500;color:var(--ds-text-faint);padding:10px 16px;border-bottom:1px solid var(--ds-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.panel tbody tr{border-bottom:1px solid var(--ds-border);transition:background .15s ease}.panel tbody tr:last-child{border-bottom:none}.panel tbody tr:hover{background:var(--ds-panel-alt)}.panel tbody tr.is-highlighted{box-shadow:inset 3px 0 0 var(--ds-accent)}.panel td{padding:12px 16px;font-size:13.5px;vertical-align:middle}.pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:var(--status-success-fg);background:var(--status-success-bg);border:1px solid rgba(34,197,94,.2);padding:2px 8px;border-radius:9999px}.pager{display:flex;align-items:center;gap:6px}.pager-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:linear-gradient(180deg,#161d29,#131a24);box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0f;color:var(--ds-text-dim);cursor:pointer;transition:box-shadow .2s ease,background .2s ease,color .2s ease}.pager-btn svg{width:13px;height:13px}.pager-btn:hover:not(:disabled){color:var(--ds-text);background:linear-gradient(180deg,#1b232f,#171f29);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px var(--btn-accent-glow)}.pager-btn:disabled{opacity:.35;cursor:not-allowed}.pager-page{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:26px;border-radius:6px;background:var(--ds-panel);box-shadow:inset 0 0 0 1px var(--btn-accent-border);color:var(--ds-text);font-size:12.5px;font-weight:500}.field,.field-input,input[type=text]:not([class*=bg-transparent]):not([class*=border-none]),input[type=number]:not([class*=bg-transparent]):not([class*=border-none]),input[type=email]:not([class*=bg-transparent]):not([class*=border-none]),input[type=password]:not([class*=bg-transparent]):not([class*=border-none]),input[type=date]:not([class*=bg-transparent]):not([class*=border-none]),input[type=search]:not([class*=bg-transparent]):not([class*=border-none]),textarea:not([class*=bg-transparent]):not([class*=border-none]){font-family:var(--ds-font);color:var(--ds-text);background-color:var(--field-bg);border:1px solid var(--field-border);border-radius:6px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.field:hover,.field-input:hover,input[type=text]:not([class*=bg-transparent]):not([class*=border-none]):hover,input[type=number]:not([class*=bg-transparent]):not([class*=border-none]):hover,input[type=email]:not([class*=bg-transparent]):not([class*=border-none]):hover,input[type=password]:not([class*=bg-transparent]):not([class*=border-none]):hover,input[type=date]:not([class*=bg-transparent]):not([class*=border-none]):hover,input[type=search]:not([class*=bg-transparent]):not([class*=border-none]):hover,textarea:not([class*=bg-transparent]):not([class*=border-none]):hover{border-color:var(--field-border-hover)}.field:focus,.field-input:focus,input[type=text]:not([class*=bg-transparent]):not([class*=border-none]):focus,input[type=number]:not([class*=bg-transparent]):not([class*=border-none]):focus,input[type=email]:not([class*=bg-transparent]):not([class*=border-none]):focus,input[type=password]:not([class*=bg-transparent]):not([class*=border-none]):focus,input[type=date]:not([class*=bg-transparent]):not([class*=border-none]):focus,input[type=search]:not([class*=bg-transparent]):not([class*=border-none]):focus,textarea:not([class*=bg-transparent]):not([class*=border-none]):focus{border-color:var(--field-border-focus)!important;box-shadow:0 0 0 1px var(--field-border-focus),0 0 8px var(--field-focus-glow)!important}input[class*=bg-transparent],input[class*=border-none],textarea[class*=bg-transparent],textarea[class*=border-none],.input-reset{border:none!important;outline:none!important;box-shadow:none!important;background-color:transparent!important}input[class*=bg-transparent]:focus,input[class*=border-none]:focus,textarea[class*=bg-transparent]:focus,textarea[class*=border-none]:focus,.input-reset:focus{border:none!important;outline:none!important;box-shadow:none!important}@keyframes border-beam-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shining-beam-wrapper{position:relative;border-radius:10px;overflow:hidden;padding:1px;background:var(--border-default);transition:all .3s ease}.shining-beam-wrapper:before{content:"";position:absolute;top:-150%;left:-150%;width:400%;height:400%;background:conic-gradient(transparent 0deg,transparent 280deg,rgba(227,153,61,.25) 315deg,rgba(255,255,255,.95) 345deg,rgba(227,153,61,.9) 356deg,transparent 360deg);animation:border-beam-rotate 5s linear infinite;pointer-events:none;z-index:0}.shining-beam-wrapper:hover:before,.shining-beam-wrapper:focus-within:before{animation-duration:3.5s;background:conic-gradient(transparent 0deg,transparent 270deg,rgba(227,153,61,.4) 305deg,rgba(255,255,255,1) 340deg,rgba(227,153,61,1) 356deg,transparent 360deg)}.shining-beam-inner{position:relative;z-index:1;background:var(--field-bg);border-radius:9px;width:100%}@keyframes heroTextSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroComposePop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes heroBottomSlideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.animate-hero-text-up{animation:heroTextSlideUp .65s cubic-bezier(.16,1,.3,1) .08s both}.animate-hero-compose{animation:heroComposePop .45s cubic-bezier(.16,1,.3,1) 0s both}.animate-hero-bottom-down{animation:heroBottomSlideDown .7s cubic-bezier(.16,1,.3,1) .16s both}
