:root{color-scheme:dark;color:#e5e7eb;background:#101216;--primary:#3b82f6;--border:#34373d;--muted:#8b95a7;--sidebar:#1a1c20}body{background:#101216;color:#e5e7eb}.app{background:#101216}.sidebar{width:225px;background:#1a1c20;border-right:1px solid #303238;box-shadow:none}.logo{height:45px;padding:0 13px;border-bottom:1px solid #303238;gap:9px}.logo img{width:32px;height:32px;border-radius:8px}.logo b{font-size:17px;color:#f8fafc}.sidebar nav{padding:9px 8px;overflow:auto}.nav-section{margin-bottom:4px}.section-button{width:100%;height:42px;border:0;background:transparent;color:#f1f5f9;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:7px;cursor:pointer;text-align:left;font-weight:600}.section-button:hover{background:#22252a}.section-button svg,.nav-item svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8}.section-button .chevron{margin-left:auto;font-size:14px;transition:transform .2s}.nav-section.collapsed .chevron{transform:rotate(-90deg)}.nav-section.collapsed .section-children{display:none}.section-children{display:grid;gap:2px;padding:1px 0 4px}.nav-item{height:42px;padding:0 12px 0 36px;border-radius:8px;color:#c7ccd5;font-size:14px;gap:10px}.nav-item:hover{background:#24272c;color:#fff}.nav-item.active{background:#303237;color:#fff;box-shadow:none;font-weight:600}.nav-icon{width:19px;height:19px;background:transparent;font-size:0}.sidebar-foot{border-top:1px solid #303238;background:#17191d}.workspace{margin-left:225px;background:#101216;min-height:100vh}.workspace header{height:45px;padding:0 14px;background:#1a1c20;border-bottom:1px solid #303238;position:sticky;top:0}.breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:#adb5c2}.breadcrumb b{color:#f8fafc}.header-actions{gap:4px}.header-actions .icon-btn{color:#d2d6dd;font-size:17px;padding:7px}.avatar{width:31px;height:31px;border-radius:50%;background:#a8b0bd;color:#fff;display:grid;place-items:center;font-size:11px;margin-left:7px}.tabbar{height:39px;background:#1a1c20;border-bottom:1px solid #34373d;display:flex;align-items:flex-end;padding-left:10px;position:sticky;top:45px;z-index:9}.active-tab{height:35px;min-width:125px;padding:0 16px;display:flex;align-items:center;gap:8px;background:#303237;border-radius:8px 8px 0 0;font-size:13px;color:#e5e7eb}.content{padding:0;max-width:none}.page-head{height:69px;margin:0;padding:18px 23px;border-bottom:1px solid #34373d;align-items:center}.page-head h1{font-size:19px;margin:0;color:#f8fafc}.page-head p{display:none}.page-head .badge{margin-left:10px}.content>.metrics,.content>.card{margin-left:16px;margin-right:16px}.metrics{padding-top:16px;gap:16px}.card{background:#1b1d21;border-color:#383b41;border-radius:8px;box-shadow:none}.metric{min-height:130px;padding:20px}.metric span{color:#7183a4;font-size:14px}.metric b{font-size:30px;color:#f8fafc}.metric:after{height:4px;width:39px;background:#1677ff;margin-top:14px}.metric:nth-child(even):after{background:#63d3a2}.panel{margin-top:16px!important;margin-bottom:16px;padding:18px}.panel h3{color:#f1f5f9}.notice{background:#17243a;border-color:#294a78;color:#91bfff}.badge{background:#15345e;color:#77b4ff}.badge.adapter{background:#49311b;color:#f4b96c}.badge.partial{background:#493d19;color:#eaca67}.login-shell{background:#101216}.login-panel{background:#14161a}.login-card{background:#1b1d21;border:1px solid #383b41;padding:34px;border-radius:12px}.login-card h2{color:#fff}.login-card input,.field input,.field textarea,.field select,.toolbar input{background:#15171b;border-color:#3a3d44;color:#f1f5f9}.switch-row{background:#17191d;border-color:#383b41}.table-wrap{border-color:#383b41}table{background:#1b1d21}th{background:#202227;color:#aeb6c3}th,td{border-color:#34373d}.ghost{background:#2c2f35;color:#e5e7eb}.modal-card{background:#1b1d21}.modal-head{border-color:#34373d}.toast{background:#303237;color:#fff}.toast.success{background:#16a34a;color:#fff;border-color:#4ade80}.error{color:#f87171}
@media(max-width:760px){.workspace{margin-left:0}.sidebar{width:225px}.tabbar{top:45px}.page-head{padding:16px}.content>.metrics,.content>.card{margin-left:12px;margin-right:12px}}
.logo b{font-size:14px;white-space:nowrap}.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
.variable-center-hero{background:linear-gradient(135deg,#172a44,#1b1d21 62%);border-color:#315785}.variable-center-hero small,.variable-center-stats b,.variable-card-head code{color:#77b4ff}.variable-center-stats span{border-color:#315785;background:#17243a}.variable-toolbar input{background:#15171b;border-color:#3a3d44}.variable-toolbar input:focus{border-color:#4d91f7;box-shadow:0 0 0 3px #20395b}.variable-category-tabs button:hover,.variable-category-tabs button.active,.variable-card-head span{border-color:#315785;background:#172a44;color:#91bfff}.variable-card{background:#17191d;border-color:#383b41}.variable-card:hover{border-color:#4d91f7;box-shadow:0 8px 24px #0004}.variable-card p{color:#d6dae1}.variable-copy{background:#20395b;color:#91bfff}.variable-copy:hover{background:#294a78}
.license-card-command-help code,.license-card-code code{color:#77b4ff}.license-card-generate-form input,.license-card-list select{background:#15171b;border-color:#3a3d44;color:#f1f5f9}.license-card-status.used{background:#30343b;color:#cbd5e1}.license-card-status.unused,.license-card-auth{background:#173b2a;color:#72dda8}.license-card-auth.disabled{background:#482326;color:#fca5a5}
.variable-center-summary{border-color:#315785;background:#17243a}.variable-center-summary b{color:#77b4ff}.variable-card-title{color:#f1f5f9}.variable-card-code{border-color:#315785;background:#141d2b}.variable-card-code code{color:#91bfff}.variable-code-toggle{background:#24272c;color:#d6dae1}.variable-code-toggle:hover{background:#30343b}
.variable-category-tabs button b{background:#293241;color:#aebdce}.variable-category-tabs button.active b{background:#4d91f7;color:#fff}