:root{--purple: #6d56d6;--purple-soft: #f0edfb;--surface: #fff;--surface-soft: #f7f7f7;--page: #fafafa;--text: #24232a;--muted: #65636d;--line: #e8e8ec;--card: var(--surface);--radius-card: 16px;--radius-control: 10px;--shadow-card: 0 1px 2px #00000008;--shadow-popup: 0 8px 24px #00000012}:root{font-family:-apple-system,BlinkMacSystemFont,Noto Sans TC,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;color:inherit;font-weight:500}button:disabled{opacity:.46}button>svg,.search>svg,.filter-group>svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b0a3fa;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.9px;font-weight:650;line-height:1.5}h2{font-size:14px;font-weight:600;letter-spacing:-.1px}h3{font-size:14px}small{font-size:12px}input,textarea,select{color:inherit;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px 12px;min-width:0}textarea{resize:vertical;line-height:1.7}select{cursor:pointer}.primary,.secondary{border-radius:7px;padding:10px 14px;white-space:nowrap;transition:background .15s,box-shadow .15s}.primary:hover{background:#6653d0}.primary span{background:#ffffff26;padding:1px 5px;border-radius:4px}.secondary{color:var(--muted)}.secondary:hover{background:var(--surface-soft)}.text-button{font-size:12px;padding:5px 0}.icon{position:relative;padding:5px;color:var(--muted)}.icon:hover{background:var(--surface-soft)}.full{width:100%}.muted{color:var(--muted)}.purple{color:var(--purple)}.app-shell{display:flex;min-height:100dvh}.sidebar{flex-shrink:0;height:100vh;position:sticky;top:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.65px;color:var(--muted);white-space:nowrap}.brand span{color:var(--muted)}.brand strong{font-weight:600;color:var(--text)}.sidebar>.brand{margin-bottom:16px}.workspace{display:flex;align-items:center;gap:9px;margin-bottom:18px}.workspace>svg:first-child{color:var(--muted)}.workspace div{flex:1}.workspace b{font-weight:550;display:block}.workspace small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.sidebar nav{overflow:auto;scrollbar-width:thin;flex:1}.nav-section{font-weight:600;color:var(--muted);margin:19px 10px 9px}.nav-item{display:flex;width:100%;justify-content:flex-start;margin:2px 0}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--surface-soft)}.nav-item.active{font-weight:600}.nav-item em{font-size:12px;font-style:normal;padding:1px 5px;border-radius:4px;background:var(--surface-soft);margin-left:auto}.sidebar-bottom{padding-top:12px}.system-state{display:flex;gap:8px;align-items:center;font-size:12px;background:var(--surface-soft);border-radius:7px;padding:10px;margin-bottom:13px}.user{width:100%;text-align:left;justify-content:flex-start;gap:9px;padding:7px}.user>span:nth-child(2){flex:1}.user b{display:block;font-size:12px}.user small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.avatar{width:30px;height:30px;border-radius:50%;background:#eee8df;color:#7a6d5e;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.avatar.small{width:27px;height:27px;font-size:12px}.main-shell{flex:1;min-width:0;min-height:100dvh;display:flex;flex-direction:column}.notification-dot{position:absolute;top:5px;right:7px;width:5px;height:5px;border-radius:50%;background:#9b88e6}.demo-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface-soft);font-size:12px;padding:7px 33px;gap:10px}.demo-banner button{font-size:12px;white-space:nowrap;padding:0;color:var(--muted)}main#main{flex:1;display:flex;flex-direction:column;min-width:0}main#main>.empty{flex:1;min-height:280px}.page-title{display:flex;align-items:center;justify-content:space-between}.eyebrow{color:var(--muted);font-weight:500;margin-bottom:6px}.page-title p{margin-top:5px;line-height:1.7}.page-actions{display:flex;gap:10px}.page-actions .primary{font-size:12px}.toolbar{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-group{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:0 10px;border-radius:6px;height:34px;background:#fff;color:var(--muted)}.filter-group select,.filter-group input{border:0;padding:6px 0;background:transparent;max-width:210px}.toolbar .secondary{font-size:12px;padding:8px 12px}.toolbar-spacer{flex:1}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 19px 16px;box-shadow:0 2px 8px #2b234802}.kpi-label{display:flex;align-items:center;justify-content:space-between}.kpi-value{color:var(--text)}.kpi-sub{display:flex;align-items:center;gap:3px;font-size:12px;margin-top:10px;color:var(--muted);min-height:13px;flex-wrap:wrap}.kpi-sub small{font-size:12px;color:var(--muted);margin-left:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 3px 12px #29203602;overflow:hidden;padding:21px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-heading p{font-size:12px;color:var(--muted);margin-top:6px}.card-heading .muted{font-size:12px}.chart{margin:10px -5px 0 -6px}.chart-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:17px;padding-top:12px;color:var(--muted);font-size:12px}.chart-footer>span{display:flex;align-items:center;gap:6px}.chart-footer small{font-size:12px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.donut{position:relative;margin-top:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center strong{font-size:27px;letter-spacing:-1px;font-weight:550}.donut-center span{font-size:12px;margin-top:4px}.mix-legend{display:flex;flex-direction:column;padding:4px 14px 7px}.mix-legend>span{display:flex;align-items:center;gap:8px}.mix-legend b{margin-left:auto;font-weight:550;color:var(--muted)}.mix-legend small{font-size:12px;color:var(--muted);width:28px;text-align:right}.count{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:2px 5px;background:var(--surface-soft);font-size:12px;margin-left:5px}.priority-row{display:flex;text-align:left;width:100%;justify-content:flex-start;border-top:1px solid var(--line);gap:10px}.priority-row:hover{background:var(--surface-soft)}.priority-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-soft);color:var(--muted);flex-shrink:0}.priority-icon.p1{background:#ecf5f2;color:#80a99b}.priority-icon.p2{background:#f8f0e5;color:#b9a180}.priority-copy{flex:1;min-width:0}.priority-copy b{font-weight:500;display:block}.priority-copy small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.priority-row>svg{color:var(--muted)}.badge{display:inline-flex;align-items:center;white-space:nowrap;background:var(--surface-soft)}.badge.pending,.badge.warning,.badge.replenish,.badge.blocked{background:#faf2e4}.badge.approved,.badge.verified,.badge.complete,.badge.connected,.badge.sent,.badge.healthy{background:#eaf4ef}.badge.failed,.badge.error,.badge.urgent,.badge.uncertain{background:#fbecec;color:#ad6b6b}.badge.running,.badge.queued{background:var(--surface-soft);color:var(--muted)}.automation-status{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:12px}.automation-status>div{min-width:0;line-height:1.6}.automation-emblem{background:var(--surface-soft);color:var(--muted);border-radius:10px;width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center}.automation-status b{font-size:14px;font-weight:550}.automation-status p{font-size:12px;color:var(--muted);margin-top:5px}.stat-line{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line)}.stat-line>span{color:var(--muted)}.stat-line b{font-weight:450}.automation>.secondary{margin-top:17px;font-size:12px}.page-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:24px;color:var(--muted)}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:46px 15px;min-height:200px;gap:12px}.empty>svg{color:var(--muted)}.empty h3{font-size:14px;font-weight:500}.empty p{font-size:12px;line-height:1.8;max-width:370px}.empty .secondary{font-size:12px;margin-top:6px}.data-toolbar{display:flex;align-items:center;border-bottom:1px solid var(--line)}.data-toolbar>.muted{font-size:12px;margin-left:auto}.search{display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--muted)}.search input{border:0;background:transparent;padding:6px 0;font-size:12px;width:235px}.table-scroll{overflow:auto;position:relative}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:13px 21px}td{padding:15px 21px;border-top:1px solid var(--line)}td.muted{font-size:12px}.row-link{text-align:left;display:block;padding:0;max-width:420px;white-space:normal}.row-link small{display:block;color:var(--muted);margin-top:4px}.row-link:hover{color:var(--muted)}.connector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connector-card{position:relative}.connector-symbol{color:var(--muted);width:46px;height:46px;display:flex;align-items:center;justify-content:center;margin-bottom:21px}.connector-card>.badge{position:absolute;right:18px;top:26px}.connector-card p{font-size:12px;color:var(--muted);margin:9px 0 16px;line-height:1.7}.connector-card>small{font-size:12px;color:var(--muted)}.connector-actions{display:flex;justify-content:space-between;align-items:center;margin-top:23px;border-top:1px solid var(--line);padding-top:17px;gap:8px}.connector-actions button{font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid p{font-size:12px;margin:9px 0 20px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field>span{font-size:12px}.field input,.field select,.field textarea{width:100%;font-size:12px}.check-field{display:flex;align-items:center;gap:8px;font-size:12px;margin:20px 0}.check-field input{accent-color:var(--purple)}dialog{padding:0;max-height:88vh;width:540px;max-width:calc(100vw - 32px);color:var(--muted)}dialog::backdrop{background:#24232a66}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.modal-form,.detail{padding:23px}.modal-form .muted{font-size:12px;line-height:1.8;margin-bottom:20px;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.detail-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:23px}.detail-field{margin:17px 0}.detail-field b{font-size:12px;font-weight:500}.detail-field pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:12px;background:var(--surface-soft);border:1px solid var(--line);padding:11px 13px;border-radius:7px}.readable-data{line-height:1.6;overflow-wrap:anywhere;color:var(--text)}.readable-fields{display:grid;gap:0;margin:0}.readable-fields>div{padding:12px 0;border-bottom:1px solid var(--line)}.readable-fields>div:last-child{border-bottom:0}.readable-fields dt{margin-bottom:4px;color:var(--muted);font-size:12px;font-weight:600}.readable-fields dd{margin:0;font-size:14px;white-space:pre-wrap}.readable-fields .readable-fields{padding-left:12px;border-left:2px solid var(--line)}.readable-list{margin:4px 0;padding-left:20px}.readable-list li{margin:5px 0}.readable-empty{color:var(--muted)}.readable-source{padding:12px 14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.readable-source p{margin:0 0 6px}.readable-source p:last-of-type{margin-bottom:0}.readable-source small{display:block;margin-top:7px;color:var(--muted)}.detail>.muted{font-size:12px;overflow-wrap:anywhere;line-height:1.8}.notice{display:flex;gap:10px;align-items:center;padding:13px;background:var(--surface-soft);border-radius:8px;margin-bottom:18px;font-size:12px}.notice>span{flex:1}.error{color:#a84e5f;background:#fcf0f2;padding:12px;border-radius:7px;font-size:12px;line-height:1.7}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#443650;color:#fff;border-radius:9px;box-shadow:0 8px 30px #2b1c3820;display:flex;align-items:center;gap:9px;padding:13px 20px;font-size:12px;max-width:90vw;z-index:100}.toast svg{color:var(--muted);flex-shrink:0}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px}.auth-card{border-radius:var(--radius-card);width:430px;max-width:100%}.auth-card .brand{margin-bottom:36px}.auth-card .eyebrow{font-size:12px;display:block}.auth-card h1{font-size:24px;line-height:1.55;margin-top:10px}.auth-card>p{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 28px}.auth-card .primary{margin-top:8px}.preview-button{margin:25px auto 9px;display:flex}.auth-card>small{display:block;text-align:center;color:var(--muted);font-size:12px}.auth-caption{margin-top:25px;color:var(--muted);font-size:12px;letter-spacing:1px}.nav-backdrop{display:none}.skip{position:fixed;top:-80px;left:20px;z-index:999;background:#fff;padding:12px}.skip:focus{top:10px}.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}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.sidebar{width:230px}.kpi{padding:23px}.kpi-value{font-size:32px}.card{padding:25px}.nav-item{font-size:12px;padding:11px}.priority-row{padding:20px 0}}@media(max-width:1100px){.sidebar{width:176px;padding:20px 10px 10px}.sidebar>.brand{font-size:16px;padding:0 6px}.nav-item{font-size:12px;gap:7px;padding:8px}.workspace{padding:8px}.workspace b,.workspace small{font-size:12px}.kpi{padding:14px}.kpi-value{font-size:23px}.kpi-sub small{display:none}.page-title h1{font-size:22px}.dashboard-grid{gap:14px}.card{padding:17px}.priority-row{gap:7px}.priority-copy b{font-size:12px}.priority-row>.badge{font-size:12px}.connector-grid{grid-template-columns:1fr 1fr}.demo-banner{padding:7px 23px}}@media(max-width:760px){.sidebar{display:none;position:fixed;z-index:80;left:0;width:220px;height:100dvh}.sidebar.open{display:flex}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#30234066;z-index:70}.demo-banner{padding:8px 16px;line-height:1.7;font-size:12px}.demo-banner button{font-size:12px}.page-title{align-items:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}.page-title>div:first-child{flex:1 1 220px;min-width:0}.page-actions{flex-wrap:wrap;flex-shrink:0}.page-title h1{font-size:20px;letter-spacing:-.7px}.page-title p{font-size:12px;max-width:240px}.page-title .eyebrow{font-size:12px;letter-spacing:1px}.page-actions>.primary{font-size:12px;padding:10px 12px;gap:7px}.page-actions>.primary svg{width:18px;height:18px}.page-actions>.primary span{font-size:12px;margin-left:4px}.toolbar{gap:7px;flex-wrap:wrap;margin-bottom:17px}.filter-group{height:40px;flex:1 1 140px;min-width:0}.filter-group select{max-width:145px;width:100%;font-size:12px}.filter-group input{font-size:12px;max-width:130px}.toolbar-spacer{display:none}.toolbar>.secondary{height:40px;font-size:12px;padding:8px 12px;gap:7px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.kpi{padding:15px}.kpi-label{font-size:12px;margin-bottom:9px}.kpi-value{font-size:25px}.kpi-sub{font-size:12px;margin-top:8px}.dashboard-grid{grid-template-columns:1fr;gap:14px}.card{padding:18px}.card h2{font-size:14px}.mix-card{display:block}.chart{margin-top:0}.priorities{order:2}.automation{order:3}.priority-row{padding:15px 0}.priority-copy b{font-size:12px}.priority-row>.badge{font-size:12px}.page-footer{font-size:12px;line-height:1.8}.page-footer>span:last-child{max-width:220px;text-align:right}.connector-grid,.settings-grid{grid-template-columns:1fr}.connector-card{padding:22px}.data-card{padding:0}.data-toolbar{padding:12px;gap:7px}.search{flex:1;min-width:0}.search input{width:100%;font-size:12px}.data-toolbar>.muted{font-size:12px}td,th{padding:13px}.row-link{min-width:150px}.auth-shell{padding:20px}.auth-card{padding:30px 25px}.auth-card h1{font-size:22px}.modal-form,.detail{padding:20px}.form-grid{gap:0 12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.workspace small,.nav-section,.user small,.live-label,.breadcrumb,.page-title p,.eyebrow,.card-heading p,.kpi-sub,.kpi-sub small,.chart-footer,.mix-legend small,.priority-copy small,.automation-status p,.stat-line>span,.page-footer,.connector-card p,.connector-card>small,.auth-card>p,.auth-card>small,.auth-caption,.row-link small,.detail-meta{color:var(--muted)}.nav-item,.kpi-label{color:var(--muted)}.badge.pending,.badge.warning,.badge.replenish,.badge.blocked{color:#7c632f}.badge{color:var(--muted)}.badge.approved,.badge.verified,.badge.complete,.badge.connected,.badge.sent,.badge.healthy{color:#3f765e}.count,.system-state,.demo-banner{color:var(--muted)}.mix-legend>span{color:var(--muted)}.donut-center span,.empty,.empty h3,.stat-line b{color:var(--muted)}.primary{border-color:#654bca}.text-button{color:var(--purple)}.field>span{color:var(--muted)}.detail-field b{color:var(--muted)}@media(min-width:761px)and (max-width:1100px){.page-title{margin-bottom:15px}.page-title p{margin-top:2px}.toolbar{padding:10px 0;margin-bottom:16px}.kpi-grid{gap:10px;margin-bottom:15px}.kpi-label{margin-bottom:9px}.kpi-sub{margin-top:7px}.kpi{padding:12px}.chart .recharts-responsive-container{height:180px!important}.donut .recharts-responsive-container{height:168px!important}.mix-legend{padding:0}.mix-legend>span{padding:7px}.chart-footer{margin-top:12px}.card-heading{margin-bottom:12px}}.donut{height:205px}@media(min-width:761px)and (max-width:1100px){.chart{height:190px}.donut{height:170px}}@media(max-width:760px){.toolbar .backfill-action{display:none}}.knowledge-layout,.knowledge-main{display:grid;gap:20px;min-width:0}.knowledge-summary{display:flex;align-items:center;justify-content:space-between;gap:16px}.knowledge-columns{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:20px}.knowledge-products{align-self:start;min-width:0}.knowledge-product{display:grid;width:100%;text-align:left;gap:6px;background:transparent;border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:12px;color:var(--text);overflow-wrap:anywhere}.knowledge-product.active{background:var(--purple-soft);border-color:#7563e8}.knowledge-product span,.knowledge-product small{font-size:12px}.knowledge-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.knowledge-version{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.knowledge-version pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;font-size:12px;background:var(--surface-soft);padding:12px}.knowledge-layout summary{cursor:pointer;padding:12px 0;font-weight:600}.knowledge-files{display:flex;flex-wrap:wrap;gap:12px;align-items:start;margin-top:12px}.knowledge-files figure{margin:0;max-width:180px}.knowledge-files img{width:160px;height:140px;object-fit:contain;border:1px solid var(--line);border-radius:8px}.knowledge-files a{color:var(--muted)}.knowledge-layout .card{padding:22px}.knowledge-layout .dialog-actions,.knowledge-main .card-heading{flex-wrap:wrap}.knowledge-main .card-heading h2{overflow-wrap:anywhere}@media(max-width:900px){.knowledge-columns{grid-template-columns:minmax(0,1fr)}.knowledge-products{max-height:360px;overflow:auto}}@media(max-width:540px){.knowledge-filters{grid-template-columns:1fr}.knowledge-summary{align-items:start;flex-direction:column}.knowledge-layout .card{padding:16px}}.shop-create-modes{display:flex;gap:10px;margin-bottom:18px}.shop-create>label,.shop-create .form-grid label,.shop-import-fields label{display:flex;flex-direction:column;gap:8px;margin-top:14px}.shop-import-list{display:grid;gap:12px;margin-top:16px}.shop-import-item{border:1px solid var(--border,var(--line));border-radius:12px;padding:14px;min-width:0;overflow-wrap:anywhere}.shop-import-item .check-field{align-items:flex-start;margin:0 0 8px}.shop-import-item .check-field span{min-width:0}.shop-import-item small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.shop-import-fields{border-top:1px solid var(--line);margin-top:12px}.shop-create .dialog-actions{position:sticky;bottom:0;background:#fff;padding:16px 0 0}.shop-create .form-grid>*{min-width:0}.shop-create input{min-width:0}.shop-create input:not([type=checkbox]){width:100%}:root{font-size:14px;color:var(--text);background:var(--page)}.app-shell{background:var(--page);width:100%}.sidebar{width:236px;background:var(--surface);padding:22px 14px 12px;border-right:1px solid var(--line)}.sidebar>.brand{font-size:20px;padding:0 10px}.workspace{background:var(--surface-soft);border:0;border-radius:12px;padding:12px}.workspace b{font-size:14px}.nav-item{min-height:36px;font-size:14px;border-radius:var(--radius-control);padding:8px 10px;gap:9px}.nav-item.active{color:#fff;background:linear-gradient(180deg,#7861e3,var(--purple));box-shadow:inset 0 1px #fff3,0 1px 2px #00000010}.nav-item:not(.active):hover{background:var(--surface-soft);color:var(--text)}.nav-section{letter-spacing:.06em;font-size:12px}main#main{max-width:none;width:100%}.page-title{margin-bottom:20px;gap:16px}.page-title h1{font-size:24px;letter-spacing:-.025em;line-height:1.4}.page-title p{font-size:14px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.06em}button.primary,button.secondary,.primary,.secondary{min-height:36px;border-radius:var(--radius-control);font-size:14px;padding:8px 12px}.primary{color:#fff;background:linear-gradient(180deg,#7861e3,var(--purple));border:1px solid #654bca;box-shadow:inset 0 1px #fff3,0 1px 2px #00000010}.secondary{min-height:32px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card)}button:enabled{transition:background-color .15s ease,color .15s ease,transform .12s ease}button.primary:enabled:active,button.secondary:enabled:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px}button:disabled{cursor:not-allowed}.icon{width:36px;height:36px;border-radius:10px}.field input,.field select,.field textarea,.filter-group,.search,.data-toolbar select{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--text);min-height:36px}.toolbar{gap:10px;padding:0;margin-bottom:20px;flex-wrap:wrap}.filter-group select,.filter-group input{font-size:14px;color:var(--text)}.card,.kpi{border:0;border-radius:var(--radius-card);background:var(--surface-soft);box-shadow:none;padding:20px}.card h2{font-size:16px;font-weight:600}.card-heading{margin-bottom:16px}.card-heading p,.kpi-label,.kpi-sub{font-size:12px;color:var(--muted)}.kpi-label{font-size:14px;margin-bottom:12px}.kpi-label svg{background:var(--surface);padding:5px;box-sizing:content-box;border-radius:8px;color:var(--text)}.kpi-value{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.kpi-grid{gap:16px;margin-bottom:16px}.kpi-sub.positive{color:#34734e}.dashboard-grid{gap:16px}.chart{height:245px}.chart-enter{animation:chart-enter .16s ease-out}@keyframes chart-enter{0%{opacity:0}to{opacity:1}}.legend-dot{background:var(--purple)}.legend-dot.light{background:#61a6dc}.mix-legend>span{background:var(--surface);border-radius:10px;padding:10px;font-size:14px}.mix-legend{gap:8px}.priority-copy b{font-size:14px;line-height:1.5}.priority-row{padding:14px 0}.priority-icon{border-radius:12px}.automation-status{background:var(--surface);border-radius:12px}.stat-line{font-size:14px;gap:12px}.sync-status{min-width:0;margin-bottom:20px}.sync-status-copy,.sync-status-footer{display:grid;gap:8px;line-height:1.65;overflow-wrap:anywhere}.sync-status-copy{margin-bottom:16px}.sync-status-copy p{color:var(--muted);font-size:14px}.sync-status .table-scroll{border:1px solid var(--line);border-radius:12px;background:var(--surface)}.sync-status table{min-width:640px;table-layout:fixed}.sync-status th:first-child{width:22%}.sync-status th:last-child{width:26%}.sync-status td{white-space:normal;overflow-wrap:anywhere;line-height:1.6;vertical-align:top}.sync-status-footer{margin-top:16px;font-size:14px}.sync-status-footer summary{cursor:pointer}.sync-status-footer ul{padding-left:20px;margin:8px 0 0}.data-card{padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--line)}.data-toolbar{padding:16px;gap:10px;flex-wrap:wrap;background:var(--surface-soft)}.data-toolbar .search{flex:1;min-width:180px}.data-toolbar input{font-size:14px;width:100%}.data-toolbar select{font:inherit;padding:6px 10px;max-width:100%}th{background:var(--surface-soft);font-size:12px;color:var(--muted);font-weight:500}td{font-size:14px}td,th{padding:14px 16px;border-color:var(--line)}.row-link{font-size:14px;line-height:1.5}.row-link small{font-size:12px}.table-pagination{padding:14px 16px;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:12px}.table-pagination>span:first-child{margin-right:auto}.badge{font-size:12px;border-radius:6px;padding:4px 8px}.connector-card{padding:24px}.connector-card p,.connector-card small{font-size:14px;line-height:1.65}.connector-symbol{background:var(--surface);border-radius:12px}dialog{border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-popup)}.modal-header,.modal-form,.detail{padding:24px}.modal-header h2{font-size:20px}.auth-shell{background:var(--page)}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow-card);background:var(--surface);padding:36px}.auth-card p{font-size:14px;color:var(--muted)}.page-footer{font-size:12px;gap:12px;line-height:1.5}.route-loading{display:grid;place-content:center;min-height:300px;padding:24px;color:var(--muted);background:var(--surface-soft);border-radius:16px}@media(max-width:1100px)and (min-width:761px){.sidebar{width:212px;padding:18px 10px}.nav-item{font-size:14px;padding:8px}.kpi-grid{gap:12px}.kpi{padding:16px}.kpi-value{font-size:28px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.card{padding:18px}}@media(max-width:760px){.sidebar{width:256px}.page-title h1{font-size:24px}.page-title p{font-size:14px;max-width:none}.page-title>div:first-child{flex-basis:100%}.page-actions{width:100%}.page-actions>.primary,.toolbar>.secondary,.primary,.secondary,button.icon{min-height:44px;font-size:14px}.icon{min-width:44px}.filter-group{min-height:44px}input,select,textarea,.filter-group input,.filter-group select,.data-toolbar input{font-size:16px}.kpi-grid{gap:12px}.kpi{padding:16px}.kpi-label{font-size:12px}.kpi-value{font-size:28px}.kpi-sub{font-size:12px}.card{padding:16px}.data-card{padding:0}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.page-footer{flex-wrap:wrap}.page-footer>span:last-child{max-width:none;text-align:left}.data-toolbar .search{flex-basis:100%}.table-pagination{gap:8px}.table-pagination>span:first-child{width:100%}.modal-header,.modal-form,.detail{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.nav-agent-heading{display:flex;align-items:center;gap:10px;min-width:0;padding:18px 10px 8px;color:var(--text, #24232a)}.nav-agent-heading .ao-portrait{width:23px;height:36px;flex-shrink:0;image-rendering:pixelated}.nav-agent-heading span{min-width:0}.nav-agent-heading b{display:block;overflow-wrap:anywhere;font-size:14px}.nav-agent-heading small{display:block;margin-top:3px;color:var(--muted, #65636d);font-size:12px}main#main{padding:10px 12px}.mobile-nav-toggle{display:none}.account-center{display:flex;align-items:center;gap:4px;padding:4px;border-radius:12px;background:var(--surface-soft)}.account-center .user{flex:1;min-width:0;padding:6px 2px}.account-center .user>span:nth-child(2){min-width:0}.account-center .user b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-center .avatar{flex-shrink:0}.account-notifications{position:relative;flex:none;min-width:36px;min-height:36px}.account-notification-link{width:100%;margin:16px 0;justify-content:flex-start;gap:8px}.account-notification-link>span{margin-left:auto;color:var(--muted);font-size:12px}@media(max-width:760px){.mobile-nav-toggle{display:flex;align-self:flex-start;margin:8px 12px 0;min-height:44px;gap:6px}.account-notifications{min-width:44px;min-height:44px}main#main{padding:10px 12px}}
