:root{--brand: #175cd3;--brand-hover: #2e6fe8;--brand-soft: #eff5ff;--ink: #172033;--ink-2: #58657a;--ink-3: #8b96a8;--line: #e4e9f2;--surface: #fff;--canvas: #f4f7fb;--success: #087a55;--warning: #b54708;--danger: #c4320a;color:var(--ink);background:var(--canvas);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{width:20px;height:20px}.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}.overline{margin:0;color:var(--brand);font-size:11px;font-weight:700;letter-spacing:.14em}.primary-button,.secondary-button,.ghost-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:8px;font-size:14px;font-weight:600;transition:.15s ease-out}.primary-button{border:1px solid var(--brand);color:#fff;background:var(--brand);box-shadow:0 1px 2px #10182814}.primary-button:hover:not(:disabled){background:var(--brand-hover)}.primary-button:disabled{opacity:.65}.secondary-button{border:1px solid #cfd7e5;color:#344054;background:#fff}.secondary-button:hover{border-color:#aab5c7;background:#fafbfc}.ghost-button{border:0;color:var(--ink-2);background:transparent}.ghost-button:hover{background:#f2f4f7}.text-button{padding:7px 9px;border:0;border-radius:6px;color:var(--brand);background:transparent;font-size:13px;font-weight:600}.text-button:hover{background:var(--brand-soft)}:focus-visible{outline:3px solid rgba(46,111,232,.28);outline-offset:2px}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,44%) 1fr;background:#fff}.login-brand{position:relative;overflow:hidden;padding:48px 8vw 60px 6vw;color:#fff;background:linear-gradient(145deg,#0b3f9a,#175cd3 54%,#4384f1)}.brand-logo,.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-logo>span,.sidebar-brand>span,.brand-symbol,.mobile-logo{display:grid;place-items:center;color:var(--brand);background:#fff;border-radius:10px;font-weight:800}.brand-logo>span{width:42px;height:42px;font-size:21px}.brand-logo div,.sidebar-brand div{display:flex;flex-direction:column}.brand-logo strong{font-size:18px}.brand-logo small{margin-top:2px;color:#cfe0ff}.brand-copy{position:relative;z-index:1;max-width:520px;margin-top:23vh}.brand-copy .eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff1a;font-size:11px;font-weight:700;letter-spacing:.16em}.brand-copy h1{margin:28px 0 20px;font-size:clamp(36px,4vw,60px);line-height:1.14;letter-spacing:-.04em}.brand-copy p{max-width:430px;margin:0;color:#d7e5ff;font-size:16px;line-height:1.8}.brand-orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.orbit-one{right:-220px;bottom:-260px;width:650px;height:650px}.orbit-two{right:-50px;bottom:-100px;width:380px;height:380px;background:#ffffff0b}.login-panel{display:grid;place-items:center;padding:48px;background:linear-gradient(180deg,#fbfcfe,#f5f8fc)}.login-card{width:min(440px,100%);padding:42px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 64px #1a31591a}.login-card header{margin-bottom:28px}.login-card h2{margin:8px 0;font-size:30px;letter-spacing:-.03em}.login-card header>p:last-child{margin:0;color:var(--ink-2);font-size:14px}.mobile-logo{display:none}.feishu-button{display:flex;width:100%;min-height:60px;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink-2);background:#f8fafc;text-align:left;opacity:.8}.feishu-button .feishu-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#3370ff;background:#e8efff;font-weight:800}.feishu-button>span:nth-child(2){display:flex;flex:1;flex-direction:column;color:var(--ink);font-weight:600}.feishu-button small{margin-top:3px;color:var(--ink-3);font-size:11px;font-weight:400}.coming-tag{padding:4px 8px;border-radius:999px;color:var(--ink-2);background:#eef1f5;font-size:11px}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--ink-3);font-size:12px}.divider:before,.divider:after{height:1px;flex:1;background:var(--line);content:""}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#344054;font-size:13px;font-weight:600}.field input,.field select,.search-field input{width:100%;height:40px;padding:0 12px;border:1px solid #cfd7e5;border-radius:8px;color:var(--ink);background:#fff;outline:0}.field input:focus,.field select:focus,.search-field:focus-within{border-color:var(--brand-hover);box-shadow:0 0 0 3px #2e6fe81f}.field input:disabled{color:var(--ink-3);background:#f5f7fa}.field small{color:var(--ink-3);font-size:11px;font-weight:400}.password-field{position:relative}.password-field input{padding-right:56px}.password-field button{position:absolute;right:5px;top:5px;height:30px;border:0;color:var(--brand);background:transparent;font-size:12px}.login-submit{width:100%;margin-top:4px}.security-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0;color:var(--ink-3);font-size:11px}.security-note svg{width:14px;height:14px}.workspace{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;display:flex;width:240px;flex-direction:column;border-right:1px solid var(--line);background:#fff}.sidebar-brand{height:82px;padding:0 24px}.sidebar-brand>span{width:36px;height:36px;color:#fff;background:linear-gradient(145deg,#175cd3,#4d8af2)}.sidebar-brand strong{font-size:16px}.sidebar-brand small{color:var(--ink-3);font-size:11px}.sidebar nav{padding:10px 14px}.nav-group{margin:20px 12px 7px;color:#98a2b3;font-size:10px;font-weight:700;letter-spacing:.14em}.nav-item{position:relative;display:flex;width:100%;height:42px;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:8px;color:var(--ink-2);background:transparent;font-size:13px;text-align:left}.nav-item svg{width:18px}.nav-item span{flex:1}.nav-item small{font-size:10px}.nav-item:hover:not(:disabled){background:#f6f8fb}.nav-item.active{color:var(--brand);background:var(--brand-soft);font-weight:600}.nav-item.active:before{position:absolute;left:0;width:3px;height:18px;border-radius:3px;background:var(--brand);content:""}.nav-item.planned{opacity:.55}.sidebar-foot{display:flex;align-items:center;gap:7px;margin-top:auto;padding:20px 26px;border-top:1px solid var(--line);color:var(--ink-3);font-size:11px}.environment-dot{width:7px;height:7px;border-radius:50%;background:#12b76a}.main-column{min-width:0;flex:1;margin-left:240px}.topbar{position:sticky;z-index:20;top:0;display:flex;height:64px;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--ink-3);font-size:13px}.breadcrumb b{font-weight:400}.breadcrumb strong{color:var(--ink);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:12px}.company-select{position:relative;display:flex;min-width:220px;height:38px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.company-select>svg{width:16px;color:var(--brand)}.company-select>svg:last-child{width:15px;color:var(--ink-3)}.company-select select{min-width:0;flex:1;border:0;color:#344054;background:transparent;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;font-weight:600}.account-menu{position:relative}.avatar-button{display:flex;align-items:center;gap:9px;padding:3px 4px;border:0;background:transparent;text-align:left}.avatar-button>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#344054;font-size:13px;font-weight:700}.avatar-button>div{display:flex;min-width:100px;flex-direction:column}.avatar-button strong{font-size:12px}.avatar-button small{margin-top:2px;color:var(--ink-3);font-size:10px}.avatar-button>svg{width:15px;color:var(--ink-3)}.account-popover{position:absolute;top:48px;right:0;width:260px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 40px #10182824}.account-popover>div{display:flex;flex-direction:column;padding:8px 10px 12px;border-bottom:1px solid var(--line)}.account-popover span{margin-top:3px;color:var(--ink-3);font-size:11px}.account-popover button{display:flex;width:100%;align-items:center;gap:9px;margin-top:8px;padding:10px;border:0;border-radius:7px;color:var(--danger);background:transparent;text-align:left}.account-popover button:hover{background:#fff4f1}.account-popover svg{width:17px}.mobile-menu{display:none;border:0;background:transparent}.content{position:relative;max-width:1500px;margin:0 auto;padding:32px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-header h1{margin:6px 0 7px;font-size:26px;letter-spacing:-.025em}.page-header>div>p:last-child{max-width:760px;margin:0;color:var(--ink-2);font-size:13px;line-height:1.65}.context-card,.data-card{border:1px solid var(--line);border-radius:12px;background:#fff}.context-card{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:18px 20px}.context-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:var(--brand);background:var(--brand-soft)}.context-card>div:last-child{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.context-card span{color:var(--ink-3);font-size:11px;font-weight:600;text-transform:uppercase}.context-card strong{font-size:14px}.context-card p{grid-column:1/-1;margin:5px 0 0;color:var(--ink-2);font-size:12px}.data-card{overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.card-heading h2{margin:0;font-size:16px}.card-heading p{margin:5px 0 0;color:var(--ink-3);font-size:12px}.filters{display:flex;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid var(--line)}.segmented-control{display:flex;gap:4px;padding:14px 20px 0;border-bottom:0}.segmented-control button{min-width:76px;padding:9px 16px;border:1px solid var(--line);border-radius:8px;color:var(--ink-2);background:#fff;font-weight:600}.segmented-control button.active{border-color:#c7d7fe;color:var(--brand);background:#eff4ff}.filter-select select{height:40px;min-width:128px;padding:0 32px 0 12px;border:1px solid #cfd7e5;border-radius:8px;color:var(--ink-2);background:#fff}.import-panel{overflow:visible}.import-controls{display:flex;align-items:end;gap:14px;padding:22px}.file-field{position:relative;display:grid;min-width:300px;min-height:44px;flex:1;place-items:center;padding:10px 16px;border:1px dashed #98a2b3;border-radius:9px;color:var(--ink-2);background:#fafbfc;cursor:pointer}.file-field input{position:absolute;width:1px;height:1px;opacity:0}.inline-actions{display:flex;align-items:center;gap:10px}.import-data-preview{max-width:620px;overflow:hidden;text-overflow:ellipsis}.search-field{display:flex;width:min(360px,100%);height:40px;align-items:center;gap:8px;padding:0 10px;border:1px solid #cfd7e5;border-radius:8px}.search-field svg{width:17px;color:var(--ink-3)}.search-field input{height:36px;padding:0;border:0;box-shadow:none!important}.result-count{margin-left:auto;color:var(--ink-3);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{height:62px;padding:0 20px;border-bottom:1px solid #edf0f5;text-align:left;font-size:13px}th{height:44px;color:var(--ink-2);background:#fafbfc;font-size:11px;font-weight:600;letter-spacing:.03em}tbody tr:hover{background:#fbfcfe}tbody tr:last-child td{border-bottom:0}.actions-cell{text-align:right}.entity-cell,.person-cell{display:flex;align-items:center;gap:10px}.entity-icon,.person-cell>span{display:grid;width:32px;height:32px;place-items:center;border-radius:8px;color:var(--brand);background:var(--brand-soft)}.entity-icon svg{width:16px}.person-cell>span{border-radius:50%;color:#344054;background:#e9edf3;font-size:12px;font-weight:700}td code{padding:4px 7px;border-radius:5px;color:#475467;background:#f4f6f8;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.muted{color:var(--ink-3)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:600}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.success{color:var(--success);background:#ecfdf3}.status-badge.warning{color:var(--warning);background:#fff7ed}.status-badge.danger{color:var(--danger);background:#fff1ed}.status-badge.neutral{color:var(--ink-2);background:#f2f4f7}.state-panel{display:flex;min-height:300px;align-items:center;justify-content:center;flex-direction:column;padding:48px;text-align:center}.state-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:14px;border-radius:12px;color:var(--brand);background:var(--brand-soft);font-size:20px;font-weight:800}.state-icon.error{color:var(--danger);background:#fff1ed}.state-panel h3{margin:0;font-size:15px}.state-panel p{max-width:460px;margin:8px 0 18px;color:var(--ink-2);font-size:13px}.state-panel code{margin:-8px 0 18px;color:var(--ink-3);font-size:11px}.skeleton-table{display:grid;gap:1px;padding:12px 20px}.skeleton-table span{height:56px;border-radius:7px;background:linear-gradient(90deg,#f3f5f8,#fafbfc,#f3f5f8);background-size:200% 100%;animation:skeleton 1.3s infinite}@keyframes skeleton{to{background-position:-200% 0}}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0b122080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 24px 80px #00000038}.modal>header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 26px 20px;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:20px}.modal header p{margin:6px 0 0;color:var(--ink-2);font-size:12px}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:8px;color:var(--ink-2);background:transparent}.icon-button:hover{background:#f2f4f7}.modal form{padding:24px 26px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.check-field{display:flex;align-items:flex-start;gap:10px;margin:4px 0 18px;padding:14px;border:1px solid var(--line);border-radius:9px}.check-field input{margin-top:3px}.check-field span{display:flex;flex-direction:column;font-size:13px}.check-field small{margin-top:4px;color:var(--ink-3)}.inset-form{margin:-8px 0 18px;padding:16px 16px 0;border-radius:9px;background:#f7f9fc}.info-banner{margin:2px 0 18px;padding:12px 14px;border:1px solid #cfe0ff;border-radius:8px;color:#31598f;background:var(--brand-soft);font-size:12px;line-height:1.6}.compact-field{min-width:280px;margin:0}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:20px}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}@media(max-width:1100px){.two-column-grid{grid-template-columns:1fr}}.permission-section,.scope-section{padding:16px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.permission-section h3,.scope-section h3{margin:0 0 12px;color:var(--ink-2);font-size:13px}.permission-section .check-field,.scope-section .check-field{margin-bottom:8px;background:#fff}.scope-section{margin-bottom:16px}.scope-row{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:13px}.scope-row:last-child{border-bottom:0}.scope-row select{min-width:96px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin:22px -26px 0;padding:16px 26px;border-top:1px solid var(--line);background:#fafbfc}.inline-notice{display:flex;flex-direction:column;gap:3px;margin:0 0 16px;padding:11px 12px;border-radius:8px;font-size:12px}.inline-notice.error{color:#8f2c16;background:#fff1ed}.inline-notice.success{color:#05603f;background:#ecfdf3}.inline-notice small{opacity:.75}.toast{position:fixed;z-index:80;top:76px;right:26px;display:flex;width:min(390px,calc(100vw - 32px));align-items:flex-start;justify-content:space-between;padding:14px 14px 14px 16px;border:1px solid var(--line);border-left:4px solid;border-radius:10px;background:#fff;box-shadow:0 16px 36px #10182824}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast>div{display:flex;flex-direction:column;gap:3px}.toast strong{font-size:12px}.toast span{color:var(--ink-2);font-size:12px}.toast small{color:var(--ink-3);font-size:10px}.toast button{border:0;background:transparent}.toast svg{width:16px}.full-page-state{display:flex;min-height:100vh;align-items:center;justify-content:center;gap:14px;flex-direction:column}.brand-symbol{width:46px;height:46px;color:#fff;background:var(--brand)}.full-page-state p{margin:0;color:var(--ink-2);font-size:13px}.sidebar-scrim{display:none}@media(max-width:1199px){.sidebar{width:76px}.sidebar-brand{justify-content:center;padding:0}.sidebar-brand div,.nav-item span,.nav-item small,.nav-group,.sidebar-foot{display:none}.sidebar nav{padding:10px}.nav-item{justify-content:center;padding:0}.nav-item.active:before{left:-2px}.main-column{margin-left:76px}.content{padding:28px 24px}.avatar-button>div{display:none}.company-select{min-width:190px}}@media(max-width:767px){.login-page{display:block}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px 18px}.login-card{padding:30px 24px}.mobile-logo{display:grid;width:40px;height:40px;margin-bottom:22px;color:#fff;background:var(--brand)}.sidebar{width:260px;transform:translate(-100%);box-shadow:12px 0 40px #10182829;transition:transform .16s ease-out}.sidebar.open{transform:translate(0)}.sidebar.open .sidebar-brand{justify-content:flex-start;padding:0 24px}.sidebar.open .sidebar-brand div,.sidebar.open .nav-item span,.sidebar.open .nav-item small,.sidebar.open .nav-group,.sidebar.open .sidebar-foot{display:flex}.sidebar.open .nav-group{display:block}.sidebar.open .nav-item{justify-content:flex-start;padding:0 12px}.sidebar-scrim{position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;display:block;border:0;background:#0b122061}.main-column{margin-left:0}.mobile-menu{display:grid;width:36px;height:36px;place-items:center}.topbar{padding:0 14px}.breadcrumb span,.breadcrumb b{display:none}.company-select{min-width:0;width:150px}.account-menu .avatar-button>svg{display:none}.topbar-actions{gap:5px}.content{padding:22px 16px}.page-header{align-items:stretch;flex-direction:column}.page-header>.primary-button{align-self:flex-start}.context-card>div:last-child{display:flex;align-items:flex-start;flex-direction:column}.context-card p{margin-top:5px}.filters{align-items:stretch;flex-wrap:wrap}.search-field{width:100%}.result-count{width:100%;margin:2px 0 0}.form-grid{grid-template-columns:1fr}.toast{top:72px;right:16px}.modal{max-height:calc(100vh - 24px)}.modal-backdrop{padding:12px}.avatar-button>span{width:32px;height:32px}.account-popover{right:-2px;width:240px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}