html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-subset.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+4E00-9FFF,U+3000-303F,U+FF00-FFEF,U+2018-201D,U+2014}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-var.woff2) format("woff2");font-weight:100 800;font-display:swap}:root{--bg: #F6F7F9;--surface: #FFFFFF;--surface-warm: #F0F2F5;--fg: #1B2432;--fg-2: #3D4756;--muted: #5C6572;--meta: #8A93A3;--border: #E4E8EE;--border-soft: #EEF1F5;--accent: #04803A;--accent-brand: #05A045;--accent-on: #FFFFFF;--accent-hover: #036B30;--accent-active: #025626;--accent-50: #EAF7EF;--accent-100: #D2F0DF;--navy-900: #16202E;--navy-800: #222B3A;--success: #05A045;--success-bg: #E7F4EC;--success-text: #036B30;--warn: #D97706;--warn-bg: #FDF3E3;--warn-text: #B45309;--danger: #DC2626;--danger-bg: #FDEBEB;--danger-text: #B91C1C;--info: #2F6FBF;--info-bg: #EAF1FB;--info-text: #2F6FBF;--font-ui: "Inter", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--leading-body: 1.6;--leading-table: 1.5;--leading-tight: 1.3;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-tight: -.01em;--tracking-caps: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 4px 16px rgba(27, 36, 50, .08);--elev-overlay: 0 8px 32px rgba(27, 36, 50, .14);--motion-instant: .1s;--motion-fast: .15s;--motion-base: .2s;--motion-slow: .25s;--motion-modal: .3s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--sidebar-width: 240px;--sidebar-collapsed: 64px;--topbar-height: 56px;--content-padding: 24px;--container-max: 1440px;--control-height: 36px;--control-height-lg: 44px;--tap-target: 44px;--table-row-compact: 36px;--table-row-default: 44px;--table-row-comfortable: 52px;--z-dropdown: 1000;--z-sticky: 1100;--z-drawer: 1200;--z-modal: 1300;--z-toast: 1400;--focus-ring: 0 0 0 3px rgba(5, 160, 69, .25);color-scheme:light}:root[data-theme=dark]{--bg: #0F141B;--surface: #161B22;--surface-warm: #21262D;--fg: #F0F6FC;--fg-2: #D0D6E0;--muted: #8B949E;--border: #30363D;--border-soft: rgba(255, 255, 255, .05);--accent: #3FB950;--accent-on: #0F141B;--navy-900: #0B0F14;color-scheme:dark}body{margin:0;font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-frame{display:flex;height:100dvh;overflow:hidden;background:var(--bg)}.app-body{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.app-container{max-width:var(--container-max);margin:0 auto;padding:var(--content-padding)}@media (max-width: 767px){.app-container{padding:var(--space-4)}}.app-main::-webkit-scrollbar,.scroll-x::-webkit-scrollbar{width:8px;height:8px}.app-main::-webkit-scrollbar-thumb,.scroll-x::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.app-main::-webkit-scrollbar-thumb:hover,.scroll-x::-webkit-scrollbar-thumb:hover{background:var(--meta)}.app-main::-webkit-scrollbar-track,.scroll-x::-webkit-scrollbar-track{background:transparent}.scroll-x{overflow-x:auto}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes skeleton-shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.skeleton-block{background:var(--surface-warm);border-radius:var(--radius-sm);animation:skeleton-shimmer 1.4s var(--ease-standard) infinite}.mobile-tabbar{padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-fab{bottom:calc(64px + env(safe-area-inset-bottom,0px) + var(--space-4))}.ant-table-wrapper .ant-table{background:var(--surface)}.ant-card{border-color:var(--border)}.kanban-scroll{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);align-items:flex-start}.timeline-dot-custom{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--accent-50);color:var(--accent)}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.app-sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--border-soft);font-weight:var(--weight-semibold);color:var(--fg)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--accent-50);color:var(--accent);flex-shrink:0}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-2)}.nav-group{margin-bottom:var(--space-4)}.nav-group-label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);color:var(--meta);text-transform:uppercase;padding:0 var(--space-3);margin-bottom:var(--space-1)}.nav-item{width:100%;display:flex;align-items:center;gap:var(--space-3);height:38px;padding:0 var(--space-3);border:none;background:transparent;color:var(--fg-2);font-size:var(--text-md);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard);text-align:left}.app-sidebar.collapsed .nav-item{justify-content:center;padding:0}.nav-item:hover{background:var(--surface-warm);color:var(--fg)}.nav-item.active{background:var(--accent-50);color:var(--accent)}.nav-item.active:hover{background:var(--accent-100)}.sidebar-foot{padding:var(--space-3) var(--space-2);border-top:1px solid var(--border-soft)}.scope-chip{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--muted);background:var(--surface-warm);padding:var(--space-2);border-radius:var(--radius-sm)}.app-topbar{height:var(--topbar-height);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);gap:var(--space-3)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--space-2)}.topbar-center{flex:1;display:flex;justify-content:center}.search-box{display:flex;align-items:center;gap:var(--space-2);width:360px;max-width:40vw;height:34px;padding:0 var(--space-3);border:1px solid var(--border);background:var(--surface-warm);border-radius:var(--radius-full);color:var(--muted);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard)}.search-box:hover{border-color:var(--accent)}.search-box kbd{margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--meta);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--fg-2);border-radius:var(--radius-md);cursor:pointer;position:relative;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.icon-btn:hover{background:var(--surface-warm);color:var(--fg)}.dot-badge{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:var(--radius-full);background:var(--danger);border:2px solid var(--surface)}.role-btn,.user-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-2);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);color:var(--fg);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.role-btn:hover,.user-chip:hover{border-color:var(--accent);background:var(--accent-50)}.user-chip{padding-left:var(--space-1)}.user-meta{display:flex;flex-direction:column;line-height:1.2;align-items:flex-start}.user-name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.user-title{font-size:11px;color:var(--muted)}.mobile-tabbar{display:none;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom,0px)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 0;border:none;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;transition:color var(--motion-fast) var(--ease-standard)}.tab-item.active{color:var(--accent)}.notif-list{max-height:60vh;overflow-y:auto}.notif-item{display:block;width:100%;text-align:left;border:none;background:transparent;border-bottom:1px solid var(--border-soft);padding:var(--space-3) 0;cursor:pointer}.notif-item.unread{background:var(--accent-50)}.notif-title{font-size:var(--text-md);color:var(--fg);font-weight:var(--weight-medium)}.notif-item.unread .notif-title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent);margin-right:var(--space-2);vertical-align:middle}.notif-at{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.gsearch-results{margin-top:var(--space-3);max-height:50vh;overflow-y:auto}.gsearch-group{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);color:var(--meta);text-transform:uppercase;margin:var(--space-3) 0 var(--space-1)}.gsearch-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;border-radius:var(--radius-sm);color:var(--fg);font-size:var(--text-md);cursor:pointer;text-align:left}.gsearch-item:hover{background:var(--surface-warm)}.gsearch-meta{margin-left:auto;font-size:var(--text-xs);color:var(--muted)}.gsearch-hint{font-size:var(--text-sm);color:var(--muted);padding:var(--space-3);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--fg);transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface)}.only-mobile{display:none!important}@media (max-width: 767px){.only-desktop{display:none!important}.only-mobile{display:inline-flex!important}.app-sidebar{display:none}.mobile-tabbar{display:flex}.brand-name.only-mobile{display:inline!important;font-weight:var(--weight-semibold)}.app-main{padding-bottom:0}}.page-header{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.page-header-main{flex:1;min-width:0}.page-header-title{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-header-title h1{font-size:var(--text-3xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--fg);margin:0}.page-header-desc{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-1);max-width:70ch}.page-header-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-2);width:100%}.crumb-item{display:inline-flex;align-items:center;gap:2px}.crumb-sep{color:var(--meta);display:inline-flex}.crumbs a,.crumb-link{color:var(--muted);background:none;border:none;cursor:pointer;padding:0;font-size:var(--text-sm)}.crumbs a:hover,.crumb-link:hover{color:var(--accent)}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--fg);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.section-title .title-icon{color:var(--accent);display:inline-flex}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);transition:box-shadow var(--motion-fast) var(--ease-standard)}.kpi-card:hover{box-shadow:var(--elev-raised)}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:var(--text-sm);color:var(--muted)}.kpi-icon{color:var(--accent);display:inline-flex}.kpi-value{font-size:var(--text-4xl);font-weight:var(--weight-semibold);color:var(--fg);margin-top:var(--space-2);letter-spacing:var(--tracking-tight)}.kpi-suffix{font-size:var(--text-lg);color:var(--muted);margin-left:4px;font-weight:var(--weight-medium)}.kpi-trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);margin-top:var(--space-1)}.kpi-trend.trend-up{color:var(--success-text)}.kpi-trend.trend-down{color:var(--danger-text)}.kpi-trend.trend-flat{color:var(--meta)}.kpi-hint{font-size:var(--text-xs);color:var(--meta);margin-top:var(--space-1)}.funnel{display:flex;flex-direction:column;gap:var(--space-3)}.funnel-row{display:grid;grid-template-columns:96px 1fr 96px;align-items:center;gap:var(--space-3)}.funnel-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--fg-2)}.funnel-index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--accent-50);color:var(--accent);font-size:11px;font-weight:var(--weight-semibold)}.funnel-track{height:26px;background:var(--surface-warm);border-radius:var(--radius-sm);overflow:hidden}.funnel-fill{height:100%;background:linear-gradient(90deg,var(--accent-100),var(--accent));border-radius:var(--radius-sm);transition:width var(--motion-slow) var(--ease-standard)}.funnel-meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.funnel-count{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg)}.funnel-amount{font-size:var(--text-sm);color:var(--muted)}.approval-steps{display:flex;flex-direction:column;gap:0}.approval-step{display:flex;gap:var(--space-3)}.step-node{display:flex;flex-direction:column;align-items:center}.step-circle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border);color:var(--meta);background:var(--surface);flex-shrink:0;transition:all var(--motion-fast) var(--ease-standard)}.step-line{flex:1;width:2px;background:var(--border);min-height:24px;margin:4px 0}.step-body{padding-bottom:var(--space-4)}.step-label{font-size:var(--text-md);color:var(--fg-2);font-weight:var(--weight-medium)}.step-note{font-size:var(--text-xs);color:var(--muted);margin-top:2px}.state-done .step-circle{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.state-done .step-label{color:var(--fg)}.state-current .step-circle{border-color:var(--accent);color:var(--accent);box-shadow:var(--focus-ring)}.state-current .step-label{color:var(--accent)}.state-error .step-circle{background:var(--danger);border-color:var(--danger);color:var(--danger-bg)}.state-error .step-label{color:var(--danger-text)}.todo-list{display:flex;flex-direction:column}.todo-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.todo-item:last-child{border-bottom:none}.todo-dot{color:var(--accent);display:inline-flex;flex-shrink:0}.todo-item.overdue .todo-dot{color:var(--danger)}.todo-main{flex:1;min-width:0;cursor:pointer}.todo-customer{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--fg)}.todo-content{font-size:var(--text-sm);color:var(--muted)}.todo-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.todo-when{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.todo-when.overdue{color:var(--danger-text);font-weight:var(--weight-medium)}.todo-done{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard)}.todo-done:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-50)}.todo-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--meta)}.density-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3)}.dt-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3);flex-wrap:wrap}.dt-toolbar-right{display:flex;gap:var(--space-2);align-items:center}.filter-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.filter-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end}.filter-actions{display:flex;gap:var(--space-2);align-items:center}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:2px 8px;border-radius:var(--radius-full);border:1px solid transparent}.tone-success{background:var(--success-bg);color:var(--success-text);border-color:color-mix(in srgb,var(--success) 20%,transparent)}.tone-warn{background:var(--warn-bg);color:var(--warn-text);border-color:color-mix(in srgb,var(--warn) 20%,transparent)}.tone-danger{background:var(--danger-bg);color:var(--danger-text);border-color:color-mix(in srgb,var(--danger) 20%,transparent)}.tone-info{background:var(--info-bg);color:var(--info-text);border-color:color-mix(in srgb,var(--info) 20%,transparent)}.tone-accent{background:var(--accent-50);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.tone-neutral{background:var(--surface-warm);color:var(--fg-2);border-color:var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft)}.card-head h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg);margin:0}.ck-span-1{grid-column:span 1}.ck-span-2{grid-column:span 2}.ck-span-3{grid-column:span 3}.ck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.ck-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ck-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-soft)}.ck-section-head h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg);margin:0}.ck-section-head .muted{font-size:var(--text-xs)}.ck-kpi-foot{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap}.ck-kpi-delta{display:inline-flex;align-items:center;gap:2px;font-weight:var(--weight-medium)}.ck-up{color:var(--success-text)}.ck-down{color:var(--danger-text)}.ck-sep{color:var(--border)}.ck-chart{display:block;padding:var(--space-2) 0}.ck-bar{fill:var(--accent-100)}.ck-line{fill:none;stroke:var(--accent-brand);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ck-dot{fill:var(--surface);stroke:var(--accent-brand);stroke-width:2.5}.ck-grid-line{stroke:var(--border-soft);stroke-width:1}.ck-alabel{fill:var(--muted);font-size:11px}.ck-bval{fill:var(--fg-2);font-size:10px;font-weight:600}.ck-legend{display:flex;gap:var(--space-5);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted)}.ck-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:middle}.ck-swatch-bar{background:var(--accent-100)}.ck-swatch-line{background:var(--accent-brand)}.ck-funnel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-5)}.ck-funnel-row{display:grid;grid-template-columns:56px 1fr 150px;align-items:center;gap:var(--space-3)}.ck-funnel-label{font-size:var(--text-sm);color:var(--fg-2)}.ck-funnel-track{height:22px;background:var(--surface-warm);border-radius:var(--radius-sm);overflow:hidden}.ck-funnel-bar{height:100%;background:var(--accent);border-radius:var(--radius-sm);transition:width var(--motion-slow) var(--ease-standard)}.ck-funnel-num{text-align:right;font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.ck-funnel-conv{font-size:var(--text-xs);color:var(--meta);padding-left:56px}.ck-note{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-5) var(--space-4);font-size:var(--text-xs);color:var(--muted)}.ck-qconv-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5)}.ck-qconv-label{width:56px;flex:none;font-size:var(--text-sm);color:var(--fg-2)}.ck-qconv-track{flex:1;height:12px;border-radius:var(--radius-sm);background:var(--surface-warm);overflow:hidden}.ck-qconv-bar{height:100%;border-radius:var(--radius-sm)}.ck-qconv-num{width:104px;flex:none;text-align:right;font-size:var(--text-xs)}.ck-qconv-note{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-5) var(--space-4);font-size:var(--text-xs);color:var(--muted)}.ck-rank-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-5)}.ck-rank-idx{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-warm);color:var(--fg-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex:none}.ck-rank-idx.top{background:var(--accent-50);color:var(--accent)}.ck-rank-track{flex:1;height:16px;background:var(--surface-warm);border-radius:var(--radius-sm);overflow:hidden}.ck-rank-bar{height:100%;background:var(--accent);border-radius:var(--radius-sm);transition:width var(--motion-slow) var(--ease-standard)}.ck-rank-val{width:110px;flex:none;text-align:right;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ck-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);padding:var(--space-4) var(--space-5)}.ck-media-cell{padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-warm)}.ck-media-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium)}.ck-media-metric{margin-top:var(--space-2);display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--muted)}.ck-media-metric b{color:var(--fg);font-variant-numeric:tabular-nums}.ck-media-bar{height:6px;margin-top:var(--space-2);border-radius:3px;background:var(--surface);overflow:hidden}.ck-media-bar>span{display:block;height:100%;background:var(--accent-100)}.ck-goal-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:var(--space-5)}.ck-goal-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--fg);margin:0 0 var(--space-3)}.ck-goal-num{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.ck-goal-num .muted{font-size:var(--text-sm);font-weight:var(--weight-regular)}.ck-progress{height:8px;border-radius:var(--radius-full);background:var(--accent-100);overflow:hidden;margin-top:var(--space-3)}.ck-progress-bar{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width var(--motion-slow) var(--ease-standard)}.ck-progress-label{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted)}@media (max-width: 768px){.ck-grid{grid-template-columns:1fr;gap:var(--space-4)}.ck-span-2,.ck-span-3{grid-column:span 1}.ck-media-grid{grid-template-columns:1fr 1fr}.ck-goal-2col{grid-template-columns:1fr}.ck-funnel-num{width:auto}.ck-funnel-label{width:48px}}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;background:var(--navy-900)}.login-brand{background:linear-gradient(160deg,var(--navy-900),var(--navy-800));color:var(--surface);padding:var(--space-12);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(5,160,69,.18),transparent 70%)}.login-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.login-logo .logo-mark{width:36px;height:36px}.login-title{font-size:40px;line-height:1.25;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:var(--space-8) 0 var(--space-4)}.login-sub{color:#ffffffb3;font-size:var(--text-md);max-width:42ch;margin:0}.login-feat{list-style:none;padding:0;margin:var(--space-8) 0 0;display:flex;flex-direction:column;gap:var(--space-4)}.login-feat li{display:flex;align-items:center;gap:var(--space-3);color:#ffffffeb}.login-feat li>span:first-child{color:var(--accent-brand);display:inline-flex;flex-shrink:0}.login-feat b{display:block;font-weight:var(--weight-medium);font-size:var(--text-md)}.login-feat span span{font-size:var(--text-sm);color:#fff9}.login-foot{margin-top:auto;padding-top:var(--space-8);font-size:var(--text-xs);color:#fff6}.login-panel{display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--space-8)}.login-card{width:100%;max-width:380px}.login-card-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--fg);margin:0 0 var(--space-1)}.login-card-desc{font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-5)}.login-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--meta);font-size:var(--text-xs);margin:var(--space-5) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-demo{margin-top:var(--space-5)}.login-demo-label{font-size:var(--text-xs);color:var(--meta);margin-bottom:var(--space-2)}.login-demo-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.demo-chip{display:inline-flex;flex-direction:column;align-items:flex-start;padding:var(--space-1) var(--space-3);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard)}.demo-chip:hover{border-color:var(--accent);background:var(--accent-50)}.demo-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg)}.demo-role{font-size:11px;color:var(--muted)}.dingtalk-box{text-align:center;padding:var(--space-4) 0}.qr-ph{width:180px;height:180px;margin:0 auto var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:repeating-linear-gradient(0deg,var(--surface-warm) 0 8px,transparent 8px 16px),repeating-linear-gradient(90deg,var(--surface-warm) 0 8px,transparent 8px 16px);position:relative;display:grid;place-items:center}.qr-ph:after{content:"";width:56px;height:56px;border-radius:var(--radius-sm);background:var(--accent-50);border:2px solid var(--accent)}.dingtalk-box p{font-size:var(--text-md);color:var(--fg);margin:var(--space-2) 0}.dingtalk-box p.muted{font-size:var(--text-xs);color:var(--muted)}@media (max-width: 767px){.login-page{grid-template-columns:1fr}.login-brand{display:none}}