:root{color:#1d2633;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;background:#eef2f5;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.login-page{background:linear-gradient(135deg,#101820 0%,#173948 52%,#0000 52%),linear-gradient(135deg,#eef2f5 0% 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fffffff5;border:1px solid #ffffff2e;border-radius:8px;width:min(440px,100%);padding:28px;box-shadow:0 22px 80px #00000038}.login-brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.login-brand .brand-mark{background:#102a36}.login-brand h1{color:#172331;margin:0;font-size:22px}.login-brand span{color:#607080;font-size:12px}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label{color:#4f5f6e;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.login-input{color:#607080;background:#fff;border:1px solid #c8d4dc;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.login-input input{color:#172331;border:0;outline:0;width:100%;min-width:0}.login-error{color:#9b2424;background:#fff1f1;border-radius:6px;padding:9px 10px;font-size:13px}.login-button{color:#fff;background:#0f7ea6;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;display:inline-flex}.login-button:hover{background:#0a6d92}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f7fafc;background:#101820;flex-direction:column;gap:22px;padding:22px 18px;display:flex}.brand-block{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#9ce4f0;background:#183644;border:1px solid #4b9fb7;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brand-block h1{margin:0;font-size:17px;line-height:1.25}.brand-block span{color:#91a2b2;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;line-height:1.5;display:block;overflow:hidden}.nav-list,.sidebar-actions,.content-stack{flex-direction:column;gap:10px;display:flex}.nav-list{flex:1}.nav-item,.ghost-button,.primary-button,.secondary-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.nav-item{color:#c8d4dc;background:0 0;justify-content:flex-start;padding:0 12px}.nav-expand{place-items:center;margin-left:auto;display:inline-grid}.nav-children{border-left:1px solid #41515e;flex-direction:column;gap:4px;margin:-6px 0 4px 30px;padding-left:12px;display:flex}.nav-child{color:#9eafbc;text-align:left;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 10px}.nav-child:hover,.nav-child.active,.nav-item:hover,.nav-item.active{color:#fff;background:#25323d}.primary-button{color:#fff;background:#0f7ea6;padding:0 14px;font-weight:700}.primary-button:hover{background:#0a6d92}.secondary-button{color:#233244;background:#fff;border:1px solid #c8d4dc;padding:0 14px;font-weight:700}.ghost-button{color:#d8e3ea;background:#22303a;padding:0 14px}.main-area{flex-direction:column;min-width:0;padding:18px 22px 28px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;min-height:52px;margin-bottom:14px;display:flex}.search-box{color:#607080;background:#fff;border:1px solid #c8d4dc;border-radius:8px;align-items:center;gap:10px;width:min(620px,100%);min-height:42px;padding:0 12px;display:flex}.search-box input{color:#1d2633;border:0;outline:0;width:100%;min-width:0}.topbar-meta{color:#5c6b78;white-space:nowrap;align-items:center;gap:14px;font-size:13px;display:flex}.logout-button{color:#506171;background:#fff;border:1px solid #c8d4dc;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.logout-button:hover{color:#0f7ea6;background:#eef5f7}.error-strip{color:#8d1e1e;background:#fff1f1;border-left:4px solid #c93b3b;margin-bottom:12px;padding:10px 12px}.metric-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;display:grid}.metric{color:#1d2633;text-align:left;background:#fff;border:1px solid #d6e0e7;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;min-height:88px;padding:16px;display:grid}.metric:hover,.metric.active{background:#f3f8fa;border-color:#8bb8c8;transform:translateY(-1px)}.metric svg{color:#0f7ea6;grid-row:span 2}.metric span{color:#607080;font-size:13px}.metric strong{font-size:26px;line-height:1}.metric.warning svg,.metric.warning strong{color:#c93b3b}.metric.dueSoon svg,.metric.dueSoon strong{color:#a86a00}.table-panel,.node-panel,.product-profile,.product-matrix{background:#fff;border:1px solid #d6e0e7;border-radius:8px}.panel-title,.detail-header,.product-block-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-title{border-bottom:1px solid #e3e9ee;padding:14px 16px}.panel-title h2,.detail-header h2{margin:0;font-size:18px}.panel-title span,.eyebrow{color:#687887;font-size:12px}.detail-header{background:#fff;border:1px solid #d6e0e7;border-radius:8px;min-height:92px;padding:18px 20px}.eyebrow{margin-bottom:5px;font-weight:700;display:block}.header-facts,.profile-grid{flex-wrap:nowrap;gap:10px;display:flex;overflow-x:auto}.header-facts .fact{flex:0 0 140px;min-width:140px}.fact{min-width:0}.fact span{color:#687887;font-size:12px;display:block}.fact strong{color:#1d2633;text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.project-list{flex-direction:column;display:flex;overflow-x:auto}.project-filter-bar{background:#fff;border:1px solid #d6e0e7;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.project-filter-bar label{color:#506171;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.project-filter-bar select{color:#243242;background:#fff;border:1px solid #c8d4dc;border-radius:6px;min-width:128px;min-height:34px;padding:0 8px}.ghost-light-button{color:#506171;background:#f7f9fb;border:1px solid #c8d4dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.ghost-light-button:hover{color:#0f7ea6;background:#eef7fa;border-color:#8bb8c8}.project-row{color:#25313f;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f4;grid-template-columns:160px 90px 110px 110px 80px 92px 66px 86px 110px 92px;align-items:center;gap:12px;min-width:1120px;min-height:54px;padding:0 16px;display:grid}.project-row:hover,.project-row.selected{background:#f3f8fa}.project-head{color:#687887;background:#f7f9fb;min-height:38px;font-size:12px;font-weight:800}.project-head:hover{background:#f7f9fb}.project-head-cell{cursor:grab;-webkit-user-select:none;user-select:none;border:1px dashed #0000;border-radius:6px;align-items:center;width:100%;min-height:30px;padding:0 6px;display:inline-flex}.project-head-cell:hover{color:#0b6894;background:#eef8fc;border-color:#b9d6e4}.project-head-cell.dragging{color:#0f7ea6;cursor:grabbing;background:#e5f3fb;border-color:#0f7ea6}.project-code{font-weight:800}.count-warning{color:#c93b3b;font-weight:900}.count-due-soon{color:#a86a00;font-weight:900}.detail-sticky-actions{z-index:4;background:#eef2f5;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:12px;min-height:48px;padding:8px 0;display:grid;position:sticky;top:0}.detail-sticky-actions>strong{color:#25313f;font-size:15px;font-weight:800}.back-button{color:#25313f;background:#fff;border:1px solid #c8d4dc;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:800;display:inline-flex}.back-button:hover{color:#0f7ea6;background:#f3f8fa;border-color:#8bb8c8}.product-drill-list{flex-direction:column;display:flex}.product-drill-row{color:#25313f;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f4;grid-template-columns:130px minmax(260px,1.4fr) 100px 150px 120px 100px;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:grid}.product-drill-row:hover{background:#f3f8fa}.product-drill-head{color:#687887;background:#f7f9fb;min-height:38px;font-size:12px;font-weight:800}.product-drill-head:hover{background:#f7f9fb}.mini-status{justify-content:flex-end;display:flex}.tone-pill{border-radius:999px;justify-content:center;align-items:center;width:78px;min-height:26px;font-size:12px;font-weight:800;display:inline-flex}.tone-pill.normal{color:#0b6894;background:#e5f3fb}.tone-pill.dueSoon{color:#805000;background:#fff0c9}.tone-pill.warning{color:#a22323;background:#ffe0df}.single-layout{flex-direction:column;gap:12px;display:flex}.single-summary-header{background:#fff;border:1px solid #d6e0e7;border-radius:8px;min-height:96px;padding:16px 20px}.single-header-facts{flex-wrap:nowrap;align-items:start;gap:12px 16px;padding-bottom:4px;display:flex;overflow-x:auto}.single-header-facts .fact{flex:0 0 130px;min-width:130px}.single-header-facts .fact-wide{flex-basis:260px;min-width:260px}.single-header-facts .fact-compact{flex-basis:150px;min-width:150px}.single-header-facts .fact-remark{flex-basis:320px;min-width:320px}.single-header-facts .fact strong{white-space:normal;overflow-wrap:anywhere}.product-matrix{flex-direction:column;display:flex}.product-block{border-bottom:1px solid #edf1f4}.product-block:last-child{border-bottom:0}.product-block-head{min-height:58px;padding:0 16px}.product-block-head strong,.product-block-head span{display:block}.product-block-head strong{font-size:14px}.product-block-head span{color:#5c6b78;font-size:13px}.owner-line{color:#506171;align-items:center;gap:6px;display:flex}.node-table{scroll-snap-type:x proximity;align-items:stretch;gap:12px;padding:14px;display:flex;overflow-x:auto}.node-card{scroll-snap-align:start;background:#fff;border:1px solid #c9d8e1;border-top-width:5px;border-radius:7px;flex-direction:column;gap:12px;width:330px;min-width:330px;min-height:370px;padding:14px;display:flex}.node-card.warning{background:#fff8f8;border-top-color:#c93b3b}.node-card.dueSoon{background:#fffbf2;border-top-color:#d59416}.node-card.normal{background:#f7fcff;border-top-color:#2781ad}.node-card-head{border-bottom:1px solid #dfe7ec;min-height:54px;padding-bottom:10px}.node-card-head strong,.node-card-head small{display:block}.node-card-head strong{color:#172331;font-size:16px}.node-card-head small,.node-card-field>span,.node-card-meta small{color:#687887;margin-top:4px;font-size:11px;font-weight:700}.node-card-meta{grid-template-columns:minmax(0,1fr) 58px;gap:10px;display:grid}.node-card-meta>span,.node-card-field{flex-direction:column;gap:6px;min-width:0;display:flex}.node-card-meta strong{color:#25313f;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.node-card input[type=date]{color:#243242;background:#fff;border:1px solid #c8d4dc;border-radius:6px;width:100%;min-height:36px;padding:0 8px}.node-card .node-remark{margin-top:auto}.node-card .node-remark textarea{min-height:66px}.node-card-product{color:#687887;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #dfe7ec;padding-top:8px;font-size:11px;overflow:hidden}.node-card-product.product{color:#0b6894}.node-card-product.project{color:#5f4b86;font-weight:800}.node-card .attachment-list{max-height:104px;overflow-y:auto}.node-card .attachment-chip{grid-template-columns:minmax(0,1fr) auto auto}.node-card .attachment-action.preview{display:none}.node-row{border-bottom:1px solid #edf1f4;grid-template-columns:minmax(180px,1.1fr) 110px 150px 96px 74px minmax(300px,1.35fr) minmax(260px,1.2fr);align-items:center;gap:10px;min-width:1320px;min-height:52px;padding:8px 16px;display:grid}.node-panel.compact{border:0;border-top:1px solid #edf1f4;border-radius:0}.node-panel.compact .node-row{grid-template-columns:minmax(180px,1fr) 100px 144px 96px 74px minmax(280px,1.2fr) minmax(220px,1fr)}.node-row.has-product-context,.node-panel.compact .node-row.has-product-context{grid-template-columns:190px 110px 150px 96px 74px 300px 260px 120px 130px 240px 160px 130px 130px 140px 150px 110px 110px 110px 100px 100px 100px;min-width:3360px}.node-row.has-product-context>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.node-row:last-child{border-bottom:0}.node-head{color:#687887;background:#f7f9fb;min-height:38px;font-size:12px;font-weight:800}.node-row strong,.node-row small{display:block}.node-row small{color:#758594;margin-top:3px;font-size:12px}.node-row input[type=date]{color:#243242;border:1px solid #c8d4dc;border-radius:6px;width:140px;min-height:34px;padding:0 8px}.icon-toggle{color:#8a98a6;background:#fff;border:1px solid #c8d4dc;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-toggle.checked{color:#0f7ea6;background:#e5f3fb;border-color:#0f7ea6}.node-remark{color:#506171;font-size:13px}.node-remark textarea{resize:vertical;color:#243242;border:1px solid #c8d4dc;border-radius:6px;width:100%;min-width:0;min-height:42px;padding:7px 8px;line-height:1.35}.node-attachments{align-items:flex-start;gap:7px;min-width:0;display:flex}.attachment-upload{color:#506171;cursor:pointer;background:#fff;border:1px solid #c8d4dc;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:inline-grid}.attachment-upload:hover{color:#0f7ea6;background:#f3f8fa;border-color:#8bb8c8}.attachment-upload input{display:none}.attachment-count{color:#506171;background:#edf1f4;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.attachment-list{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.attachment-chip{background:#f7f9fb;border:1px solid #d6e0e7;border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;width:100%;min-height:32px;padding:3px 4px 3px 8px;display:grid}.attachment-file-info{flex-direction:column;gap:2px;min-width:0;display:flex}.attachment-file-info small{color:#758594;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.attachment-name{color:#25313f;align-items:center;gap:5px;min-width:0;display:inline-flex}.attachment-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.attachment-action{background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;min-width:42px;height:26px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.attachment-action.preview{color:#0b6894}.attachment-action.download{color:#176b50;min-width:30px;padding:0 6px}.attachment-action.download:hover{background:#eefaf6;border-color:#a7d7c8}.attachment-action.preview:hover{background:#eef8fc;border-color:#b9d6e4}.attachment-action.delete{color:#a22323}.attachment-action.delete:hover{background:#fff1f1;border-color:#f1b0a8}.preview-backdrop{z-index:20;background:#1018206b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-modal{background:#fff;border:1px solid #c8d4dc;border-radius:8px;flex-direction:column;width:min(980px,100%);height:min(760px,90vh);display:flex;overflow:hidden;box-shadow:0 24px 70px #00000038}.preview-head{border-bottom:1px solid #e3e9ee;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.preview-head strong,.preview-head span{display:block}.preview-head strong{color:#1d2633;font-size:14px}.preview-head span{color:#687887;text-overflow:ellipsis;white-space:nowrap;max-width:760px;font-size:12px;overflow:hidden}.preview-head button{color:#506171;background:#fff;border:1px solid #c8d4dc;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.preview-body{background:#f7f9fb;flex:1;place-items:center;min-height:0;display:grid}.preview-body iframe,.preview-body img{border:0;width:100%;height:100%}.preview-body img{object-fit:contain;padding:12px}.preview-empty{color:#506171;text-align:center;place-items:center;gap:8px;display:grid}.preview-empty strong{color:#25313f}.preview-actions{border-top:1px solid #e3e9ee;justify-content:flex-end;gap:10px;padding:12px 14px;display:flex}.workflow-grid,.todo-grid,.report-grid{border-bottom:1px solid #edf1f4;align-items:center;gap:12px;min-height:46px;padding:0 16px;display:grid}.workflow-grid{grid-template-columns:minmax(170px,1.15fr) 86px minmax(150px,1fr) 128px 116px 100px}.todo-grid{grid-template-columns:130px minmax(240px,1.5fr) 120px 180px minmax(260px,1fr)}.report-grid{grid-template-columns:150px 90px 110px 110px 110px 90px minmax(160px,1fr) minmax(190px,1.2fr)}.workflow-head,.todo-head,.report-head{color:#687887;background:#f7f9fb;min-height:38px;font-size:12px;font-weight:800}.workflow-grid input,.workflow-grid select{color:#243242;background:#fff;border:1px solid #c8d4dc;border-radius:6px;width:100%;min-width:0;min-height:34px;padding:0 8px}.workflow-head span{min-width:0}.todo-row{color:#25313f;text-align:left;background:#fff;border-top:0;border-left:0;border-right:0;width:100%}.todo-row:hover{background:#f3f8fa}.todo-row.tone-warning{background:#fff7f7;border-left:4px solid #c93b3b}.todo-row.tone-dueSoon{background:#fffaf0;border-left:4px solid #d59416}.todo-row.tone-normal{border-left:4px solid #2781ad}.project-node-strip{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.node-color-chip{white-space:nowrap;border-radius:5px;align-items:center;min-width:0;min-height:25px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.node-color-chip.warning{color:#a22323;background:#ffe0df}.node-color-chip.dueSoon{color:#805000;background:#fff0c9}.node-color-chip.normal{color:#0b6894;background:#dceff8}.project-modal{background:#fff;border:1px solid #c8d4dc;border-radius:8px;width:min(820px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 70px #00000038}.project-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.project-form-grid label{color:#506171;flex-direction:column;gap:6px;min-width:0;font-size:12px;font-weight:800;display:flex}.project-form-grid input,.project-form-grid select{color:#243242;background:#fff;border:1px solid #c8d4dc;border-radius:6px;width:100%;min-height:38px;padding:0 9px}.master-actions,.master-metrics,.master-row-actions{align-items:center;gap:8px;display:flex}.master-metrics{overflow-x:auto}.master-metrics>span{background:#fff;border:1px solid #d6e0e7;border-left:4px solid #607080;border-radius:7px;flex-direction:column;justify-content:center;min-width:150px;min-height:72px;padding:12px 16px;display:flex}.master-metrics>span.customer{border-left-color:#2781ad}.master-metrics>span.own{border-left-color:#19845f}.master-metrics>span.unknown{border-left-color:#d59416}.master-metrics small{color:#687887}.master-metrics strong{margin-top:3px;font-size:22px}.master-table-wrap{overflow-x:auto}.master-row{color:#25313f;border-bottom:1px solid #edf1f4;grid-template-columns:110px 110px repeat(26,150px) 220px;align-items:center;gap:10px;width:max-content;min-width:100%;min-height:54px;padding:7px 14px;font-size:12px;display:grid}.master-head{z-index:2;color:#687887;background:#f7f9fb;min-height:40px;font-weight:800;position:sticky;top:0}.master-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.master-row>span:nth-child(2) small{color:#687887;margin-top:3px;display:block}.ownership-tag,.approval-tag{border-radius:5px;align-items:center;min-height:25px;padding:0 8px;font-size:11px;display:inline-flex}.ownership-tag.customer{color:#0b6894;background:#dceff8}.ownership-tag.own{color:#176b50;background:#dff4eb}.ownership-tag.unknown{color:#805000;background:#fff0c9}.approval-tag.draft{color:#506171;background:#edf1f4}.approval-tag.pending{color:#805000;background:#fff0c9}.approval-tag.approved{color:#176b50;background:#dff4eb}.approval-tag.rejected{color:#a22323;background:#ffe0df}.master-row-actions button,.approval-step button{color:#0b6894;background:#fff;border:1px solid #c8d4dc;border-radius:5px;min-height:28px;padding:0 8px;font-size:11px;font-weight:800}.master-row-actions button.danger{color:#a22323}.master-editor,.flow-editor{background:#fff;border:1px solid #c8d4dc;border-radius:8px;width:min(1120px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 70px #00000038}.flow-editor{width:min(760px,100%)}.master-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px;display:grid}.master-editor-grid label{color:#506171;flex-direction:column;gap:5px;min-width:0;font-size:11px;font-weight:800;display:flex}.master-editor-grid input,.master-editor-grid select,.approval-step input{color:#243242;background:#fff;border:1px solid #c8d4dc;border-radius:6px;width:100%;min-width:0;min-height:36px;padding:0 8px}.approval-step-list{flex-direction:column;gap:8px;padding:18px 18px 8px;display:flex}.approval-step{grid-template-columns:34px minmax(150px,1fr) minmax(150px,1fr) 60px;align-items:center;gap:10px;display:grid}.approval-step>b{color:#0b6894;background:#dceff8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.flow-add-step{color:#0b6894;background:#f7fcff;border:1px dashed #8bb8c8;border-radius:6px;align-items:center;gap:6px;min-height:34px;margin:8px 18px 16px;padding:0 10px;font-weight:800;display:inline-flex}.brand-analysis{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.brand-analysis>div{background:#fff;border:1px solid #d6e0e7;border-radius:7px;grid-template-columns:1fr auto;gap:3px 10px;padding:14px;display:grid}.brand-analysis span{color:#687887;font-size:12px}.brand-analysis strong{grid-row:span 2;font-size:24px}.brand-analysis small{color:#687887}.brand-analysis .customer strong{color:#2781ad}.brand-analysis .own strong{color:#19845f}.brand-analysis .unknown strong{color:#d59416}.brand-report-row{border-bottom:1px solid #edf1f4;grid-template-columns:150px 110px 160px 110px minmax(220px,1fr) 120px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:grid}.legend{gap:8px;display:flex}.todo-actions{align-items:center;gap:10px;display:flex}.integration-message{color:#506171;background:#fff;border:1px solid #d6e0e7;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.integration-message.success{color:#0f684c;background:#eefaf6;border-color:#a7d7c8}.integration-message.error{color:#9b2424;background:#fff1f1;border-color:#f1b0a8}.integration-message.pushing{color:#0b6894;background:#eef8fc;border-color:#b9d6e4}.filter-chip{color:#506171;background:#fff;border:1px solid #c8d4dc;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.filter-chip.active,.filter-chip:hover{background:#f3f8fa;border-color:#8bb8c8}.empty-row{color:#687887;padding:22px 16px;font-size:13px}.flow-toolbar{background:#fff;border:1px solid #d6e0e7;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.flow-toolbar label{color:#506171;align-items:center;gap:8px;font-size:13px;display:inline-flex}.flow-toolbar select{color:#243242;background:#fff;border:1px solid #c8d4dc;border-radius:6px;min-width:150px;min-height:34px;padding:0 8px}.flow-source{color:#0a6675;background:#edf7f8;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.permission-toggle{margin-left:auto}.workflow-grid input:disabled,.workflow-grid select:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.58}@media (width<=1080px){.app-shell{grid-template-columns:80px minmax(0,1fr)}.brand-block div:not(.brand-mark),.nav-item span,.sidebar-actions span,.nav-children{display:none}.sidebar{align-items:center}.nav-item,.primary-button,.ghost-button{width:44px;padding:0}.metric-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}.project-form-grid,.master-editor-grid,.brand-analysis{grid-template-columns:repeat(2,minmax(0,1fr))}.single-layout,.header-facts{grid-template-columns:1fr}.single-header-facts{grid-template-columns:repeat(6,minmax(0,1fr))}.single-header-facts .fact,.single-header-facts .fact-compact{grid-column:span 2}.single-header-facts .fact-wide,.single-header-facts .fact-remark{grid-column:span 3}}@media (width<=760px){.project-form-grid,.master-editor-grid,.brand-analysis{grid-template-columns:1fr}.master-actions{flex-wrap:wrap}.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;flex-direction:row;align-items:center;padding:10px;position:sticky;top:0;overflow-x:auto}.brand-block{min-width:54px}.nav-list,.sidebar-actions{flex-direction:row;flex:none}.main-area{padding:12px}.topbar,.detail-header,.panel-title,.project-filter-bar,.flow-toolbar{flex-direction:column;align-items:flex-start}.project-filter-bar label,.project-filter-bar select,.project-filter-bar .secondary-button,.project-filter-bar .ghost-light-button{width:100%}.single-header-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.single-header-facts .fact,.single-header-facts .fact-wide,.single-header-facts .fact-compact,.single-header-facts .fact-remark{grid-column:span 1}.detail-sticky-actions{grid-template-columns:1fr;justify-items:start}.permission-toggle{margin-left:0}.metric-grid{grid-template-columns:1fr}.project-row,.product-drill-row,.node-row,.workflow-grid,.todo-grid,.report-grid{grid-template-columns:1fr;gap:6px;min-width:0;padding-top:12px;padding-bottom:12px}.node-head,.workflow-head,.todo-head,.report-head{display:none}}