:root{--font-geist-sans:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-noto-sans-sc:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-geist-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--bg:#f4f5f7;--panel:#fff;--text:#1c2028;--muted:#667085;--subtle:#98a2b3;--line:#e7e9ee;--line-strong:#d7dbe3;--primary:#4f46d8;--primary-dark:#3d35bd;--sidebar:#17181d;--green:#087a5c;--red:#c4320a;--amber:#a15c00;--shadow:0 1px 2px #10182808, 0 2px 12px #10182806}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-noto-sans-sc), var(--font-geist-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;margin:0;font-size:14px}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:30;color:#d7d9df;background:radial-gradient(circle at 10% 0%, #5b5ce22e, transparent 28%), var(--sidebar);border-right:1px solid #ffffff0a;flex-direction:column;width:236px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:11px;height:72px;padding:0 18px;display:flex}.brand-symbol{color:#fff;background:linear-gradient(145deg,#716cf0,#4a42c8);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 22px #5b5ce24d}.brand>div,.workspace-switcher>div,.account-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.brand strong{color:#fff;font:650 17px/1.25 var(--font-geist-sans), sans-serif;letter-spacing:-.02em}.brand span:last-child,.workspace-switcher span,.account-card span{color:#8e929d;margin-top:2px;font-size:11px}.mobile-close{display:none}.workspace-switcher{background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:9px;margin:16px 12px 10px;padding:10px;display:flex}.workspace-switcher strong{color:#f2f3f6;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.workspace-logo{background:linear-gradient(145deg,#5068dd,#5b5ce2);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-weight:650;display:grid;color:#fff!important;margin:0!important}.sidebar nav{flex:1;padding:4px 10px 16px;overflow-y:auto}.nav-group{margin-top:17px}.nav-group:first-child{margin-top:2px}.nav-label{color:#6f737e;letter-spacing:.08em;text-transform:uppercase;padding:0 10px 7px;font-size:10px;font-weight:600;display:block}.nav-group button,.sidebar-foot>button{color:#aeb2bc;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;height:40px;margin:2px 0;padding:0 10px;transition:all .15s;display:flex}.nav-group button:hover,.sidebar-foot>button:hover{color:#f1f2f5;background:#ffffff0e}.nav-group button.active{color:#fff;background:linear-gradient(90deg,#5b5ce257,#5b5ce22e);box-shadow:inset 2px 0 #8583f8}.nav-group button b{color:#f4f4ff;background:#5b5ce2;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:auto;font-size:10px;display:grid}.sidebar-foot{border-top:1px solid #ffffff12;padding:8px 10px 14px}.account-card{border-top:1px solid #ffffff0f;align-items:center;gap:9px;margin:6px 2px 0;padding:10px 8px 0;display:flex}.account-card strong{color:#e9eaed;font-size:12px;font-weight:550}.avatar{color:#36318d;background:#dad9ff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.avatar.small{width:28px;height:28px;font-size:10px}.main-area{min-height:100vh;margin-left:236px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 28px;display:flex;position:sticky;top:0}.title-wrap{align-items:center;gap:12px;display:flex}.title-wrap h1{color:#20232a;letter-spacing:-.025em;margin:0;font-size:20px;font-weight:650}.title-wrap p{color:var(--muted);margin:2px 0 0;font-size:11px}.menu-button{display:none}.top-actions,.toolbar-actions{align-items:center;gap:8px;display:flex}.environment-pill,.live-indicator{color:#4d5360;align-items:center;gap:7px;font-size:11px;font-weight:550;display:inline-flex}.environment-pill{border:1px solid var(--line);background:#f7f7f9;border-radius:8px;height:32px;padding:0 10px}.environment-pill span,.live-indicator i{background:#20a36a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #20a36a1a}.top-icon,.menu-button,.icon-button,.mobile-close,.copy-button{color:#5e6470;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.top-icon:hover,.icon-button:hover,.copy-button:hover{color:var(--primary);border-color:#c9c8ed}.notification{position:relative}.notification i{background:#e44848;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.content{width:min(1440px,100%);margin:0 auto;padding:24px 28px 40px}.page-stack{flex-direction:column;gap:18px;display:flex}.panel,.metric-card,.notice-strip,.summary-band,.privacy-card,.role-card,.integration-card,.integration-intro{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.notice-strip{background:linear-gradient(90deg,#f5f4ff,#fff);border-color:#dedcf9;align-items:center;gap:11px;min-height:52px;padding:10px 14px;display:flex}.notice-icon{width:30px;height:30px;color:var(--primary);background:#e8e7ff;border-radius:8px;flex:none;place-items:center;display:grid}.notice-strip>div{flex:1;min-width:0}.notice-strip strong{margin-right:10px;font-size:12px}.notice-strip div span{color:var(--muted);font-size:11px}.notice-strip button,.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;font-size:11px;font-weight:600;display:inline-flex}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{padding:17px 18px 15px;position:relative;overflow:hidden}.metric-card:after{content:"";background:radial-gradient(circle,#5b5ce20f,#0000 67%);border-radius:50%;width:96px;height:96px;position:absolute;bottom:-45px;right:-22px}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-icon,.role-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.metric-delta{color:var(--green);font-size:10px;font-weight:650}.metric-label{color:var(--muted);margin-top:14px;font-size:11px}.metric-value{color:#151820;font:660 25px/1.3 var(--font-geist-sans), var(--font-noto-sans-sc), sans-serif;letter-spacing:-.025em;margin-top:2px}.metric-note{color:var(--subtle);margin-top:5px;font-size:9px}.overview-grid{grid-template-columns:minmax(0,2.05fr) minmax(270px,.8fr);gap:18px;display:grid}.overview-grid.lower{grid-template-columns:1fr 1fr}.panel{min-width:0}.panel-head{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:15px 18px;display:flex}.panel h2,.table-toolbar h2{color:#252932;margin:0;font-size:13px;font-weight:650}.panel-head p,.table-toolbar p{color:var(--subtle);margin:3px 0 0;font-size:9px}.chart-legend{color:var(--muted);gap:14px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{background:#5b5ce2;width:15px;height:2px}.chart-legend .legend-dashed{background:repeating-linear-gradient(90deg,#22a06b 0 4px,#0000 4px 7px)}.chart-shell{height:250px;padding:20px 18px 29px;position:relative}.chart-shell svg{z-index:2;width:100%;height:190px;position:relative;overflow:visible}.chart-grid{z-index:1;position:absolute;inset:20px 18px 36px}.chart-grid span{border-top:1px dashed #eceef2;width:100%;position:absolute;left:0}.chart-axis{color:#a0a5b0;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:12px;left:18px;right:18px}.live-panel{padding-bottom:16px}.live-panel .live-indicator{color:#149360;font-size:9px}.live-number{text-align:center;font:680 40px/1 var(--font-geist-sans), sans-serif;letter-spacing:-.04em;margin-top:30px}.live-label{color:var(--muted);text-align:center;margin-top:7px;font-size:10px}.live-stats{background:#f8f9fb;border-radius:9px;grid-template-columns:repeat(3,1fr);margin:28px 18px 18px;padding:14px 0;display:grid}.live-stats div{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.live-stats div:last-child{border:0}.live-stats strong{font-size:17px}.live-stats span{color:var(--subtle);margin-top:3px;font-size:9px}.danger-text{color:var(--red)}.secondary-button,.primary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.secondary-button{color:#4f5663;border:1px solid var(--line-strong);background:#fff}.secondary-button:hover{color:var(--primary);background:#fafaff;border-color:#b9b7e7}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary);box-shadow:0 2px 6px #4f46d82e}.primary-button:hover{background:var(--primary-dark)}.primary-button:disabled{color:#aeb1bc;box-shadow:none;cursor:not-allowed;background:#ebecef;border-color:#e2e3e7}.full{width:calc(100% - 36px);margin:0 18px}.rank-list,.recent-orders{padding:5px 18px 10px}.rank-row,.recent-order{border-bottom:1px solid #f0f1f4;align-items:center;gap:10px;min-height:58px;display:flex}.rank-row:last-child,.recent-order:last-child{border:0}.rank-index{color:#a0a5af;width:17px;font:600 10px var(--font-geist-mono), monospace}.skill-mark{border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid}.skill-mark.sm{width:29px;height:29px;font-size:11px}.skill-mark.md{width:36px;height:36px;font-size:13px}.rank-name,.rank-value,.recent-order>div{flex-direction:column;min-width:0;display:flex}.rank-name{flex:1}.rank-name strong,.recent-order strong{color:#353a45;font-size:10px;font-weight:600}.rank-name span,.rank-value span,.recent-order span{color:var(--subtle);margin-top:3px;font-size:8px}.rank-value,.recent-order>div:last-child{align-items:flex-end}.recent-order>div:nth-child(2){flex:1}.order-dot{background:#d79a36;border-radius:50%;flex:none;width:7px;height:7px}.order-dot.ok{background:#20a36a}.order-dot.bad{background:#e15151}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;width:fit-content;min-height:20px;padding:0 7px;font-size:9px;font-weight:550;display:inline-flex}.status-pill span{background:currentColor;border-radius:50%;width:5px;height:5px;margin:0}.status-pill.success{color:#087a5c;background:#eaf8f2}.status-pill.warning{color:#a15c00;background:#fff5df}.status-pill.danger{color:#c4320a;background:#fff0eb}.status-pill.neutral{color:#656b77;background:#f1f2f4}.summary-band{grid-template-columns:repeat(4,1fr);padding:16px 20px;display:grid}.summary-band>div{border-right:1px solid var(--line);flex-direction:column;display:flex}.summary-band>div:not(:first-child){padding-left:28px}.summary-band>div:last-child{border:0}.summary-band span{color:var(--muted);font-size:10px}.summary-band strong{font:650 20px var(--font-geist-sans), var(--font-noto-sans-sc), sans-serif;margin-top:5px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:13px 16px;display:flex}.search-field{color:#8b919c;border:1px solid var(--line-strong);background:#fafafa;border-radius:8px;align-items:center;gap:7px;width:230px;height:34px;padding:0 10px;display:flex}.search-field.wide{width:330px}.search-field input{color:#333842;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.select-wrap{color:#636975;border:1px solid var(--line-strong);background:#fff;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 8px 0 10px;display:flex;position:relative}.select-wrap select{color:#4f5663;appearance:none;cursor:pointer;background:0 0;border:0;outline:0;min-width:84px;font-size:10px}.data-table{overflow-x:auto}.table-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eff0f3;align-items:center;gap:14px;min-width:970px;min-height:70px;padding:0 16px;display:grid}.table-row:last-child{border-bottom:0}.table-head-row{color:#818793;background:#fafbfc;min-height:36px;font-size:9px;font-weight:600}.skill-table .table-row{grid-template-columns:minmax(260px,1.55fr) .75fr .75fr .75fr .75fr .55fr 32px}.order-table .table-row{grid-template-columns:minmax(235px,1.4fr) minmax(140px,.85fr) minmax(160px,1fr) .45fr .55fr .45fr 22px}.user-table .table-row{grid-template-columns:minmax(190px,1.2fr) 1fr .5fr .5fr .65fr .65fr}.team-table .table-row{grid-template-columns:1fr .75fr .8fr 1.1fr .6fr .65fr 32px}.skill-cell,.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.skill-cell>div,.user-cell>div{flex-direction:column;min-width:0;display:flex}.skill-cell strong,.user-cell strong{color:#2a2e37;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:620;overflow:hidden}.skill-cell span,.skill-cell small,.user-cell span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.skill-cell small{color:#9da2ad;font-family:var(--font-geist-mono), monospace}.cell-main{color:#343943;font-size:10px;font-weight:580;display:block}.cell-sub{color:var(--subtle);margin-top:4px;font-size:8px;display:block}.mono{font-family:var(--font-geist-mono), "SFMono-Regular", monospace}.clickable-row{cursor:pointer;width:100%}.clickable-row:hover{background:#fbfbff}.row-chevron{color:#b0b4bd}.fulfill-state{color:#9a5d13;font-size:9px}.fulfill-state.ok{color:var(--green)}.privacy-card{color:#5b5ce2;background:#fafaff;border-color:#dedcf9;gap:11px;padding:14px 16px;display:flex}.privacy-card>div{flex-direction:column;display:flex}.privacy-card strong{color:#35366d;font-size:11px}.privacy-card span{color:#73758c;margin-top:3px;font-size:9px}.log-panel{overflow:hidden}.log-toolbar{background:#fff}.live-title{align-items:center;gap:10px;display:flex}.live-title .live-indicator{color:#087a5c;background:#eaf8f2;border-radius:999px;padding:4px 7px;font-size:9px}.terminal-head,.terminal-row{grid-template-columns:105px 55px 85px 145px 1fr 82px;align-items:center;gap:12px;min-width:1070px;display:grid}.terminal-head{color:#8e939e;background:#f5f6f8;border-bottom:1px solid #dedfe3;height:34px;padding:0 15px;font-size:8px}.terminal-body{color:#c9ccd3;min-height:480px;font:9px/1.5 var(--font-geist-mono), monospace;background:#191b20;overflow-x:auto}.terminal-row{border-bottom:1px solid #ffffff0e;min-height:42px;padding:0 15px}.terminal-row:hover{background:#ffffff06}.log-level{border-radius:4px;width:fit-content;padding:2px 5px;font-size:8px;font-weight:700}.log-level.info{color:#85a5ff;background:#476cdd2e}.log-level.warn{color:#efbd63;background:#cf8f2529}.log-level.error{color:#ff8d88;background:#da4a4a29}.trace{color:#868c99}.role-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.role-card{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;display:grid}.role-card>div{flex-direction:column;display:flex}.role-card strong{font-size:11px}.role-card span{color:var(--muted);margin-top:3px;font-size:8px}.role-card b{color:var(--muted);font-size:9px}.integration-intro{color:#fff;background:radial-gradient(circle at 95% 0,#7c77ff47,#0000 44%),#242531;border:0;grid-template-columns:minmax(0,1.2fr) minmax(420px,1fr);align-items:center;gap:28px;min-height:158px;padding:22px;display:grid}.eyebrow{color:#8580ff;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700;display:block}.integration-intro h2{letter-spacing:-.03em;margin:8px 0 5px;font-size:20px}.integration-intro p{color:#aaadb8;max-width:600px;margin:0;font-size:10px;line-height:1.7}.binding-example{font:9px var(--font-geist-mono), monospace;background:#ffffff0e;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:70px 1fr;gap:6px 9px;padding:12px 14px;display:grid}.binding-example span{color:#858995}.binding-example strong{color:#e5e6eb;font-weight:500}.binding-example i{border-top:1px dashed #ffffff17;grid-column:1/-1}.integration-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.integration-card{padding:17px}.integration-card-head{justify-content:space-between;align-items:center;display:flex}.integration-logo{width:38px;height:38px;color:var(--primary);background:#efefff;border-radius:10px;place-items:center;display:grid}.integration-card h3{margin:15px 0 4px;font-size:13px}.integration-card p{min-height:32px;color:var(--muted);margin:0;font-size:9px;line-height:1.7}.integration-fields{background:#f8f9fa;border-radius:8px;margin:14px 0;padding:6px 10px}.integration-fields div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:31px;font-size:9px;display:flex}.integration-fields div:last-child{border:0}.integration-fields span{color:var(--muted)}.integration-fields strong{color:#9ca1ac;font-weight:500}.integration-card .full{width:100%;margin:0}.integration-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.integration-test-result{color:#53566f;background:#f5f5ff;border:1px solid #e4e3fb;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:9px;line-height:1.5}.integration-drawer-footer>span{flex:1}.integration-drawer-footer button:disabled{opacity:.5;cursor:not-allowed}.flow-steps{justify-content:center;align-items:center;gap:11px;padding:21px 20px 24px;display:flex}.flow-steps>div{grid-template-columns:24px 1fr;column-gap:8px;max-width:190px;display:grid}.flow-steps>div>span{width:24px;height:24px;color:var(--primary);background:#eeedff;border-radius:7px;grid-row:1/3;place-items:center;font-size:9px;font-weight:700;display:grid}.flow-steps strong{font-size:10px}.flow-steps p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.5}.flow-steps>svg{color:#c2c6cf}.overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c0e146b;justify-content:flex-end;animation:.18s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.drawer{background:#fff;flex-direction:column;width:min(600px,100%);height:100%;animation:.22s drawer-in;display:flex;box-shadow:-18px 0 50px #10182829}.drawer.narrow{width:min(480px,100%)}@keyframes drawer-in{0%{opacity:.5;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;min-height:102px;padding:20px 22px;display:flex}.drawer-head h2{letter-spacing:-.025em;margin:5px 0 3px;font-size:19px}.drawer-head p{color:var(--muted);margin:0;font-size:9px}.drawer-head .status-pill{margin-top:8px}.stepper{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:8px;min-height:58px;padding:0 24px;display:flex}.stepper span{color:#9ba0aa;align-items:center;gap:6px;font-size:9px;display:flex}.stepper i{background:#eef0f3;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;display:grid}.stepper span.active{color:var(--primary);font-weight:600}.stepper span.active i{color:#fff;background:var(--primary)}.stepper b{border-top:1px solid #dfe1e6;width:34px}.skill-form{flex-direction:column;flex:1;gap:17px;padding:20px 22px 28px;display:flex;overflow-y:auto}.skill-form label,.skill-form fieldset{border:0;flex-direction:column;gap:7px;min-width:0;margin:0;display:flex}.skill-form label>span,.skill-form legend{color:#454a55;font-size:10px;font-weight:600}.skill-form input,.skill-form textarea,.skill-form select{color:#343943;border:1px solid var(--line-strong);background:#fff;border-radius:8px;outline:none;width:100%;min-height:38px;padding:0 11px;font-size:10px}.skill-form textarea{resize:vertical;min-height:86px;padding-top:10px}.skill-form input:focus,.skill-form textarea:focus,.skill-form select:focus{border-color:#9591e6;box-shadow:0 0 0 3px #5b5ce214}.skill-form small{color:var(--subtle);font-size:8px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-affix,.money-input{border:1px solid var(--line-strong);border-radius:8px;align-items:center;height:38px;display:flex;overflow:hidden}.input-affix>span,.money-input>span,.money-input>b{color:#818793;border-right:1px solid var(--line);white-space:nowrap;background:#f7f8fa;align-items:center;height:100%;padding:0 9px;display:flex;font-size:9px!important;font-weight:500!important}.money-input>b{border-right:0;border-left:1px solid var(--line)}.input-affix input,.money-input input{border:0;border-radius:0;height:100%;min-height:0}.input-affix:focus-within,.money-input:focus-within{border-color:#9591e6;box-shadow:0 0 0 3px #5b5ce214}.billing-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.billing-options button{color:#636975;border:1px solid var(--line-strong);cursor:pointer;text-align:left;background:#fff;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:25px 1fr;column-gap:8px;min-height:70px;padding:11px;display:grid}.billing-options button svg{grid-row:1/3;margin-top:3px}.billing-options button strong{color:#343943;font-size:10px}.billing-options button span{color:var(--muted);font-size:8px}.billing-options button.selected{color:var(--primary);background:#f8f7ff;border-color:#8e89e8;box-shadow:0 0 0 2px #5b5ce212}.upload-zone{min-height:102px;color:var(--primary);background:#fafaff;border:1px dashed #bbb8ea;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.upload-zone strong{color:#474b55;margin-top:7px;font-size:10px}.upload-zone span{color:var(--subtle);margin-top:4px;font-size:8px}.upload-zone input{opacity:0;cursor:pointer;position:absolute;inset:0}.binding-preview{color:var(--primary);background:#f5f4ff;border:1px solid #e1dff9;border-radius:9px;gap:10px;padding:11px 12px;display:flex}.binding-preview>div{flex-direction:column;display:flex}.binding-preview strong{color:#484975;font-size:9px}.binding-preview span{color:#747590;margin-top:3px;font-size:8px;line-height:1.5}.drawer-footer{border-top:1px solid var(--line);background:#fafafa;justify-content:flex-end;align-items:center;gap:8px;min-height:66px;padding:13px 20px;display:flex}.drawer-footer .full{width:100%;margin:0}.detail-section{border-bottom:1px solid var(--line);padding:18px 22px}.detail-section h3{margin:0 0 13px;font-size:11px}.detail-row{border-bottom:1px solid #f0f1f3;grid-template-columns:105px 1fr auto;align-items:center;gap:8px;min-height:37px;display:grid}.detail-row:last-child{border:0}.detail-row>span{color:var(--muted);font-size:9px}.detail-row strong{color:#3a3f48;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:550;overflow:hidden}.copy-button{width:24px;height:24px}.timeline{margin-left:4px}.timeline>div{grid-template-columns:1fr auto;align-content:start;gap:2px 12px;min-height:52px;padding-left:25px;display:grid;position:relative}.timeline>div:before{content:"";background:#e0e2e6;width:1px;position:absolute;top:12px;bottom:-10px;left:5px}.timeline>div:last-child:before{display:none}.timeline i{background:#fff;border:2px solid #c8cbd2;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:0}.timeline .done i{background:#20a36a;border-color:#20a36a;box-shadow:0 0 0 3px #eaf8f2}.timeline .current i{background:#d89a31;border-color:#d89a31;box-shadow:0 0 0 3px #fff5df}.timeline strong{font-size:9px}.timeline span{color:var(--subtle);font:8px var(--font-geist-mono), monospace}.sidebar-backdrop{display:none}.login-page{background:#fff;grid-template-columns:minmax(420px,1fr) minmax(500px,.9fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background-color:#060d22;background-image:linear-gradient(90deg,#040a1ca3,#040a1c29 72%,#040a1c52),linear-gradient(#040a1c14,#040a1c4d),url(/images/skillops-pixel-control-center.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;min-height:100vh;padding:42px 54px;display:flex}.login-brand{align-items:center;gap:10px;display:flex}.login-brand>span,.login-mobile-brand>span{background:linear-gradient(145deg,#716cf0,#4a42c8);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.login-brand strong,.login-mobile-brand strong{font:650 18px var(--font-geist-sans), sans-serif}.login-copy{max-width:650px;margin:auto 0}.login-copy h1{color:#f7f7fa;letter-spacing:-.055em;margin:15px 0 20px;font-size:clamp(38px,4vw,58px);font-weight:620;line-height:1.2}.login-copy p{color:#aeb1bc;max-width:520px;margin:0;font-size:13px;line-height:1.8}.login-security-list{color:#aeb1bc;gap:24px;font-size:10px;display:flex}.login-security-list div{align-items:center;gap:7px;display:flex}.login-security-list svg{color:#8580ff}.login-form-panel{place-items:center;padding:40px;display:grid}.login-form{flex-direction:column;gap:18px;width:min(390px,100%);display:flex}.login-form h2{letter-spacing:-.035em;margin:0;font-size:28px}.login-heading{margin-bottom:2px}.login-form label{flex-direction:column;gap:7px;display:flex}.login-form label>span{color:#464b55;font-size:10px;font-weight:600}.login-form input{border:1px solid var(--line-strong);border-radius:9px;outline:none;height:43px;padding:0 12px;font-size:11px}.login-form input:focus{border-color:#9591e6;box-shadow:0 0 0 3px #5b5ce214}.login-submit{color:#fff;background:var(--primary);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:43px;font-size:11px;font-weight:650;display:flex;box-shadow:0 5px 16px #4f46d833}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{color:#a53719;background:#fff0eb;border:1px solid #fed5c7;border-radius:8px;padding:9px 10px;font-size:9px}.login-mobile-brand{align-items:center;gap:9px;display:none}@media (max-width:1100px){.metrics-grid,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.overview-grid.lower,.integration-intro{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}.flow-steps{flex-direction:column;align-items:stretch}.flow-steps>div{max-width:none}.flow-steps>svg{margin-left:3px;transform:rotate(90deg)}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px}.login-mobile-brand{margin-bottom:32px;display:flex}.login-mobile-brand>span{color:#fff;width:32px;height:32px}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-close{color:#aeb2bc;background:0 0;border:0;display:grid}.sidebar-backdrop{z-index:25;background:#0c0e1473;border:0;display:block;position:fixed;inset:0}.main-area{margin-left:0}.menu-button{display:grid}.content{padding:18px 16px 32px}.topbar{padding:10px 16px}.title-wrap p,.environment-pill,.top-actions .primary-button{display:none}.table-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{flex-wrap:wrap}.search-field,.search-field.wide{width:100%}.summary-band{grid-template-columns:1fr 1fr;row-gap:18px}.summary-band>div:nth-child(2){border-right:0}.summary-band>div:nth-child(3){padding-left:0}.integration-intro{min-height:auto;padding:18px}}@media (max-width:560px){.metrics-grid,.role-grid,.integration-grid{grid-template-columns:1fr}.notice-strip{align-items:flex-start}.notice-strip div span{margin-top:3px;display:block}.notice-strip button,.chart-legend{display:none}.form-row,.billing-options{grid-template-columns:1fr}.stepper{justify-content:flex-start;overflow-x:auto}.top-actions .top-icon:first-of-type{display:none}}