:root{--conoc-blue: #0099cc;--conoc-action: #007dff;--conoc-action-hover: #2691ff;--conoc-drawer: #52555f;--conoc-drawer-heading: #333333;--conoc-bg: #f5f5f5;--conoc-border: #d8d8d8;--conoc-text: #222222;--conoc-muted: #666666;color:var(--conoc-text);background:var(--conoc-bg);font-family:Inter,Noto Sans JP,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--conoc-bg)}button,select,input{font:inherit}button{min-height:34px;border:1px solid var(--conoc-action);border-radius:4px;background:var(--conoc-action);color:#fff;padding:0 14px;cursor:pointer;font-size:14px;font-weight:600}button:hover{border-color:var(--conoc-action-hover);background:var(--conoc-action-hover)}button:disabled{border-color:#c6c6c6;color:#8a8a8a;background:#eee;cursor:not-allowed}.secondary-button{border-color:var(--conoc-border);background:#fff;color:var(--conoc-text)}.secondary-button:hover{border-color:var(--conoc-blue);background:#eef8fb;color:var(--conoc-text)}.loading{min-height:100vh;display:grid;place-items:center;font-size:18px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef2f6}.login-panel{width:min(420px,100%);display:grid;gap:22px;padding:28px;border:1px solid #d6dce4;border-radius:6px;background:#fff;box-shadow:0 8px 24px #1118271f}.login-logo{width:148px;height:42px;object-fit:contain}.login-heading{display:grid;gap:6px}.login-heading h1{margin:0;font-size:24px;line-height:1.3}.login-heading p{margin:0;color:var(--conoc-muted)}.login-form{display:grid;gap:16px}.login-form input,.login-form button{width:100%;min-height:42px}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--conoc-drawer);color:#fff;padding:0;border-right:1px solid #42454d}.brand{display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px 18px;margin-bottom:0;background:#fff;border-bottom:4px solid var(--conoc-blue);color:var(--conoc-text)}.brand-mark{display:block;width:142px;height:40px;border-radius:0;background:transparent;flex:0 0 auto}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}nav{display:grid;gap:10px;padding:12px 0}.nav-group{display:grid;gap:0}.nav-group-title{padding:10px 22px 5px;color:#ffffffb8;font-size:12px;font-weight:700}nav a{display:block;color:#fff;padding:10px 22px;border-radius:0;border:0;background:transparent;text-align:left;min-height:42px;text-decoration:none;font-size:14px;font-weight:600;border-left:5px solid transparent}nav a.active,nav a:hover{color:#fff;background:var(--conoc-drawer-heading);border-left-color:var(--conoc-blue)}main{min-width:0;padding:0 18px 18px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-height:64px;margin:0 -18px 16px;padding:13px 18px;color:#fff;background:var(--conoc-blue);box-shadow:0 1px 4px #0003}.topbar-title{display:flex;align-items:center;gap:14px;min-width:0}.topbar-logo{display:none;width:132px;height:38px;object-fit:contain;flex:0 0 auto;padding:4px 8px;background:#fff;border-radius:2px}.topbar h1{font-size:22px;line-height:1.25;margin:0 0 6px;font-weight:700}.topbar p{margin:0;color:#ffffffe6;font-size:13px}.topbar-tools{display:flex;align-items:flex-start;flex-wrap:wrap;justify-content:flex-end;gap:10px}.password-login-form{display:flex;align-items:center;gap:8px}.password-login-form input{width:180px;min-height:34px;border:1px solid rgba(255,255,255,.6);border-radius:4px;padding:0 10px}.password-login-form button,.ghost-button.on-primary{min-height:34px;border:1px solid rgba(255,255,255,.8);border-radius:4px;background:#fff;color:var(--conoc-blue);padding:0 12px;font-weight:700}.role-switcher{display:grid;gap:6px;min-width:260px;color:#fff;font-size:13px}.role-switcher select{min-height:34px;border:1px solid #c6c6c6;border-radius:4px;background:#fff;padding:0 10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}.form-grid label{display:grid;gap:4px;min-width:0;color:var(--conoc-muted);font-size:12px;font-weight:700}.form-grid input,.form-grid select{width:100%;min-width:0;min-height:34px;border:1px solid #c6c6c6;border-radius:4px;background:#fff;color:var(--conoc-text);padding:0 14px}.form-grid>button,.filter-bar>button{justify-self:start;align-self:end;width:auto;max-width:100%;white-space:normal}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:8px;margin:0 0 12px;padding:12px;background:#fff;border:1px solid var(--conoc-border)}.filter-bar.inline{margin:8px 0 12px}.filter-bar label{display:grid;gap:4px;min-width:0;color:var(--conoc-muted);font-size:12px;font-weight:700}.filter-bar input,.filter-bar select{width:100%;min-height:34px;border:1px solid #c6c6c6;border-radius:4px;background:#fff;color:var(--conoc-text);padding:0 14px}.list-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px;background:#fff;border:1px solid var(--conoc-border);border-left:4px solid var(--conoc-blue)}.list-toolbar h2{margin:0 0 4px;font-size:16px}.list-toolbar h3{margin:0 0 4px;font-size:15px}.list-toolbar.compact{align-items:center;padding:10px 12px}.list-toolbar p{margin:0;color:var(--conoc-muted);font-size:13px}.notice,.warning{border-radius:2px;padding:9px 12px;margin-bottom:12px;font-size:14px}.notice{background:#e8f6fb;border:1px solid #8fd0e4}.notice.compact{margin-bottom:8px;font-size:13px}.warning{background:#fff8e7;border:1px solid #e5be72}.project-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:12px;margin-bottom:10px}.project-context{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:0 0 12px;padding:10px 12px;background:#fff;border:1px solid var(--conoc-border)}.project-context label{display:grid;gap:4px;min-width:min(360px,100%)}.project-context select{width:100%;min-height:34px;border:1px solid #c6c6c6;border-radius:4px;background:#fff;color:var(--conoc-text);padding:0 14px}.project-context>span:not(.badge){display:inline-flex;align-items:center;min-height:34px;color:var(--conoc-muted);font-size:13px}.mobile-workspaces{display:none;gap:8px;overflow-x:auto;margin:0 0 12px;padding:0 0 10px}.mobile-workspaces a{display:inline-flex;align-items:center;min-height:34px;border:1px solid #c6c6c6;border-radius:4px;background:#fff;color:var(--conoc-text);padding:0 12px;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:600}.mobile-workspaces a.active{border-color:var(--conoc-blue);color:#fff;background:var(--conoc-blue);box-shadow:none}.project-tab{display:flex;align-items:center;gap:10px;min-width:260px;justify-content:space-between;background:#fff;border-color:#c6c6c6;color:var(--conoc-text);font-weight:600}.project-tab:hover{background:#eef8fb;border-color:var(--conoc-blue);color:var(--conoc-text)}.project-tab.selected{border-color:var(--conoc-blue);box-shadow:inset 4px 0 0 var(--conoc-blue)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:12px}.summary-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.dashboard-overview-grid .panel{margin-bottom:0}.dashboard-list,.dashboard-status-list{display:grid;gap:8px}.dashboard-action-row,.dashboard-status-row,.dashboard-info-row,.dashboard-project-row{min-width:0;border:1px solid var(--conoc-border);border-radius:2px;background:#fff;padding:9px 10px}.dashboard-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.dashboard-action-row button,.dashboard-panel-footer button{min-height:30px;padding:0 10px;font-size:12px}.dashboard-action-row>.badge,.dashboard-status-row>.badge,.dashboard-project-row>.badge,.panel-header>.badge{justify-self:start}.dashboard-status-row,.dashboard-project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;color:var(--conoc-text);text-align:left}.dashboard-status-row:hover,.dashboard-project-row:hover{border-color:var(--conoc-blue);background:#eef8fb}.dashboard-project-row.selected{border-color:var(--conoc-blue);box-shadow:inset 4px 0 0 var(--conoc-blue)}.dashboard-action-row strong,.dashboard-action-row span,.dashboard-info-row strong,.dashboard-info-row span,.dashboard-project-row strong,.dashboard-project-row span{display:block;overflow-wrap:anywhere}.dashboard-action-row span,.dashboard-info-row span,.dashboard-project-row span{color:var(--conoc-muted);font-size:12px;margin-top:3px}.dashboard-panel-footer{display:flex;justify-content:flex-end;margin-top:10px}.metric{background:#fff;border:1px solid var(--conoc-border);border-radius:2px;padding:10px 12px;min-width:0}.metric-label{color:var(--conoc-muted);font-size:12px;margin-bottom:6px}.metric-value{font-size:19px;line-height:1.1;font-weight:700;overflow-wrap:anywhere}.metric-strong{border-left:4px solid var(--conoc-blue)}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:12px;margin-bottom:12px}.content-grid.single{grid-template-columns:1fr}.panel{background:#fff;border:1px solid var(--conoc-border);border-radius:2px;padding:14px 15px;margin-bottom:12px;min-width:0}.panel-wide{min-height:170px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.panel-header.compact{margin-bottom:8px}.page-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0 0 12px;border-bottom:2px solid var(--conoc-blue)}.page-tabs a{display:inline-flex;align-items:center;min-height:36px;border:1px solid var(--conoc-border);border-bottom:0;background:#f7f7f7;color:var(--conoc-text);padding:0 16px;text-decoration:none;font-size:14px;font-weight:700}.page-tabs a+a{border-left:0}.page-tabs a.active,.page-tabs a:hover{border-color:var(--conoc-blue);background:var(--conoc-blue);color:#fff}.panel-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.action-control{display:inline-grid;gap:4px;justify-items:start;max-width:260px}.action-control small{color:var(--conoc-muted);font-size:11px;line-height:1.35;white-space:normal}.panel-actions .action-control,.workflow .action-control,.order-next-action .action-control{align-self:start}.panel h2{font-size:16px;margin:0 0 4px;padding-left:8px;border-left:4px solid var(--conoc-blue)}.panel p{margin:0;color:var(--conoc-muted);font-size:13px}.field-label{display:inline-flex;align-items:center;gap:6px;color:var(--conoc-muted);font-size:12px;font-weight:700}.required{color:#a02323;font-size:11px;font-weight:700}.field-hint{display:block;color:var(--conoc-muted);font-size:12px;line-height:1.5}.master-sections{display:grid;gap:12px;margin-top:12px}.master-intro{max-width:780px}.master-section{border-top:1px solid var(--conoc-border);border-left:4px solid var(--conoc-blue);background:#fbfbfb;padding:12px 0 2px 14px}.master-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.master-section h3{margin:0 0 4px;font-size:15px}.master-section p{margin:0;line-height:1.6}.master-form{grid-template-columns:repeat(3,minmax(170px,1fr));align-items:end}.master-action{display:grid;gap:6px;align-self:stretch}.master-action button{justify-self:start;min-width:160px}.crud-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.detail-grid>div{border:1px solid var(--conoc-border);border-radius:2px;background:#fff;padding:10px 12px}.detail-grid span{display:block;color:var(--conoc-muted);font-size:12px;margin-bottom:4px}.detail-grid strong{display:block;font-size:15px;overflow-wrap:anywhere}.detail-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--conoc-border)}.project-detail-summary{display:grid;gap:12px;margin-bottom:14px}.project-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.project-hub-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:76px;border:1px solid var(--conoc-border);border-radius:2px;background:#fff;color:var(--conoc-text);padding:10px 12px;text-align:left}.project-hub-item:hover{border-color:var(--conoc-blue);background:#eef8fb}.project-hub-item strong,.project-hub-item span,.project-hub-item small{display:block;overflow-wrap:anywhere}.project-hub-item span,.project-hub-item small{color:var(--conoc-muted);font-size:12px;margin-top:4px}.project-hub-item small{grid-column:1 / -1;color:var(--conoc-blue);font-weight:700}.project-hub-item>.badge{justify-self:start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:22px;background:#2222226b}.modal-panel{width:min(860px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;border:1px solid var(--conoc-border);border-radius:4px;background:#fff;padding:16px;box-shadow:0 18px 48px #0000003d}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.modal-header h2{margin:0 0 4px;padding-left:8px;border-left:4px solid var(--conoc-blue);font-size:16px}.modal-header p{margin:0;color:var(--conoc-muted);font-size:13px}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--conoc-border)}.section-block,.operation-panel,.next-step-panel,.demo-readiness-panel{border:1px solid var(--conoc-border);border-radius:2px;background:#fbfbfb;padding:12px}.section-block{margin-top:12px}.operation-panel{display:grid;gap:10px}.operation-panel summary{cursor:pointer;color:var(--conoc-text);font-size:14px;font-weight:700}.operation-panel summary::marker{color:var(--conoc-blue)}.next-step-panel,.demo-readiness-panel{display:grid;gap:10px;margin:12px 0}.next-step-list,.demo-count-list{display:grid;gap:6px}.next-step-item,.demo-count-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.next-step-item strong,.demo-count-item strong{overflow-wrap:anywhere}.next-step-item small,.demo-readiness-panel small{color:var(--conoc-muted);line-height:1.45}.next-step-status{width:18px;height:18px;border:1px solid var(--conoc-border);border-radius:50%;background:#fff}.next-step-item.done .next-step-status{border-color:var(--conoc-blue);background:var(--conoc-blue);box-shadow:inset 0 0 0 4px #fff}.work-section-layout{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:16px;align-items:start}.work-section-list{display:grid;gap:8px;border-right:1px solid var(--conoc-border);padding-right:14px}.work-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.work-section-heading h3{margin:0 0 4px;font-size:15px}.work-section-heading p{margin:0;color:var(--conoc-muted);font-size:12px}.work-section-item,.detail-pick-list button{display:grid;gap:4px;width:100%;min-height:0;border:1px solid var(--conoc-border);border-radius:2px;background:#fff;color:var(--conoc-text);padding:10px 12px;text-align:left}.work-section-item:hover,.work-section-item.active,.detail-pick-list button:hover,.detail-pick-list button.active{border-color:var(--conoc-blue);background:#e8f6fb;color:var(--conoc-text)}.work-section-item strong,.detail-pick-list strong{display:block;overflow-wrap:anywhere}.work-section-item span,.detail-pick-list span{display:block;color:var(--conoc-muted);font-size:12px;font-weight:500}.work-section-editor{display:grid;gap:16px;min-width:0}.work-editor-section{border-top:1px solid var(--conoc-border);padding-top:12px}.work-editor-section:first-child{border-top:0;padding-top:0}.work-form{grid-template-columns:repeat(3,minmax(160px,1fr))}.work-actions{display:flex;align-items:end;flex-wrap:wrap;gap:8px}.detail-pick-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:10px}.dense-text{line-height:1.7;margin-bottom:14px!important}.workflow{display:flex;flex-wrap:wrap;gap:8px}.import-box{border:1px solid var(--conoc-border);border-radius:2px;padding:12px;margin:12px 0;background:#fbfbfb}.import-box h3{margin:0 0 4px;font-size:14px}.import-box textarea{width:100%;min-height:96px;border:1px solid #c6c6c6;border-radius:4px;padding:10px;resize:vertical;font:inherit}.import-preview{display:grid;gap:8px;margin-top:10px}.row-actions{display:flex;gap:6px}.row-actions button{min-height:30px;padding:0 8px;font-size:12px}.process-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:12px 0}.process-rail span{min-height:32px;display:grid;place-items:center;border:1px solid var(--conoc-border);border-radius:2px;background:#f7f7f7;color:var(--conoc-muted);font-size:12px;font-weight:700;text-align:center}.process-rail span.done{border-color:var(--conoc-blue);background:#e8f6fb;color:#006e94}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:8px;border-bottom:1px solid #dddddd;text-align:left;vertical-align:top;white-space:nowrap;font-size:14px}th{color:#fff;font-size:13px;font-weight:700;background:var(--conoc-blue)}tbody tr:nth-child(2n){background:#f8f8f8}.badge{display:inline-flex;align-items:center;min-height:22px;border-radius:2px;padding:0 9px;font-size:12px;font-weight:700;white-space:nowrap}.badge-neutral{background:#eee;color:#424242}.badge-info{background:#e1f4fb;color:#006e94}.badge-success{background:#e5f3e9;color:#176b34}.badge-warning{background:#fff2d8;color:#8a5500}.badge-danger{background:#fde7e7;color:#a02323}.stack{display:grid;gap:10px}.list-row{display:grid;grid-template-columns:1fr repeat(5,auto);align-items:center;gap:8px;border:1px solid var(--conoc-border);border-radius:2px;padding:9px 10px;background:#fff}.list-row.compact{grid-template-columns:1fr auto}.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--conoc-border);border-radius:2px;padding:10px 12px;background:#fff}.order-row strong,.order-row span{display:block}.order-row span{color:var(--conoc-muted);font-size:13px;margin-top:3px}.order-next-action{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.list-row strong,.list-row span{display:block}.list-row span{color:var(--conoc-muted);font-size:13px;margin-top:3px}.profit-card{border:1px solid var(--conoc-border);border-radius:2px;padding:12px;background:#fbfbfb}.profit-card span,.profit-card small{display:block;color:var(--conoc-muted)}.profit-card strong{display:block;font-size:24px;margin:6px 0}.finance-ledger{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-ledger h3{margin:0 0 8px;font-size:14px}.finance-ledger>div{min-width:0}.ledger-row,.audit-row{border:1px solid var(--conoc-border);border-radius:2px;padding:9px 10px;margin-bottom:8px;background:#fff}.ledger-row span,.ledger-row small,.audit-row span,.audit-row small,.empty-text{display:block;color:var(--conoc-muted);font-size:13px}.ledger-row strong,.audit-row strong{display:block;margin:4px 0}.compact-ledger-row{display:grid;gap:4px}.ledger-summary-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ledger-summary-line span{min-width:0}.ledger-details{margin-top:4px;border-top:1px solid var(--conoc-border);padding-top:6px}.ledger-details summary{cursor:pointer;color:var(--conoc-text);font-size:12px;font-weight:700}.audit-list{max-height:520px;overflow:auto}.change-log{margin-top:14px;border-top:1px solid var(--conoc-border);padding-top:12px}.change-log h3{margin:0 0 8px;font-size:14px}.change-row{border:1px solid var(--conoc-border);border-radius:2px;padding:9px 10px;margin-bottom:8px;background:#fff}.change-row strong,.change-row span,.change-row small{display:block}.change-row span,.change-row small{color:var(--conoc-muted);font-size:12px;overflow-wrap:anywhere}.change-diff{display:grid;gap:2px;margin-top:6px}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.summary-grid,.content-grid{grid-template-columns:1fr 1fr}.mobile-workspaces{display:flex}.topbar-logo{display:block}}@media (max-width: 760px){html,body,#root{max-width:100%;overflow-x:hidden}main{padding:12px;overflow-x:hidden}button{min-height:40px}.topbar{gap:12px;margin:0 -12px 12px;padding:12px}.topbar-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.topbar-logo{width:104px;height:32px;padding:3px 6px}.topbar h1{margin-bottom:0;font-size:18px}.topbar p{display:none}.topbar-tools,.password-login-form{width:100%}.password-login-form{display:grid;grid-template-columns:1fr}.password-login-form input,.password-login-form button{width:100%}.topbar,.panel-header,.master-section-header,.list-toolbar{display:grid}.topbar-tools{display:grid;justify-content:stretch}.role-switcher,.summary-grid,.dashboard-overview-grid,.content-grid,.detail-grid,.next-step-item,.demo-count-item,.dashboard-action-row,.work-section-layout,.order-row,.form-grid,.master-form,.work-form,.summary-grid.compact{grid-template-columns:1fr;min-width:0}.mobile-workspaces,.project-strip,.page-tabs{max-width:100%}.list-toolbar{gap:8px;padding:10px}.list-toolbar>button{justify-self:start;width:auto;max-width:100%}.panel-actions,.workflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:start}.action-control{width:100%;max-width:none}.action-control button{width:100%}.work-section-list{border-right:0;border-bottom:1px solid var(--conoc-border);padding-right:0;padding-bottom:12px}.filter-bar,.summary-grid{display:grid}.process-rail{grid-template-columns:1fr 1fr}.list-row,.finance-ledger{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:10px}.modal-panel{width:100%;max-height:calc(100vh - 20px);padding:12px;border-radius:8px 8px 0 0}.modal-header,.modal-actions{display:grid;justify-content:stretch}.modal-actions button{width:100%}}