:root{--primary:#4f46e5;--primary-dark:#4338ca;--bg:#f4f5f9;--surface:#fff;--border:#e3e5ec;--text:#1f2433;--muted:#6b7280;--danger:#dc2626;--radius:14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang TC,Microsoft JhengHei,system-ui,Segoe UI,sans-serif;line-height:1.55}h1{margin:0 0 4px;font-size:1.7rem}h2{margin:0 0 12px;font-size:1.15rem}h3{margin:0;font-size:1rem}.muted{color:var(--muted)}.error-text{color:var(--danger);margin:8px 0 0;font-size:.9rem}code{background:#eef0f6;border-radius:6px;padding:1px 6px;font-size:.9em}.page-center{min-height:60vh;color:var(--muted);place-items:center;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:12px 24px;display:flex}.brand{letter-spacing:.04em;color:var(--primary);font-size:1.1rem;font-weight:700}.brand-lg{font-size:1.6rem}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-user{color:var(--muted);font-size:.9rem}.page{max-width:1040px;margin:0 auto;padding:28px 24px 80px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-header-title-row{align-items:center;gap:12px;display:flex}.back-link{color:var(--primary);margin-bottom:10px;font-size:.9rem;text-decoration:none;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 1px 2px #1018280d}.card.notice{background:#eef2ff;border-color:#c7d2fe}.page>.card+.card,.page>.field-stack+.card{margin-top:20px}.field-stack{gap:12px;display:grid}.field span{color:var(--muted);margin-bottom:6px;font-size:.85rem;display:block}.field-inline{align-items:center;gap:8px;display:flex}.field-inline span{margin:0}.field-inline .input{width:auto}.input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;min-width:0;padding:9px 12px}.input:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:#0000}select.input{cursor:pointer}textarea.input{resize:vertical}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:#f0f1f6}.btn-danger{color:var(--danger);background:#fef2f2;border-color:#fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2}.btn-google{border-color:var(--border);color:#333;background:#fff}.btn-google:hover:not(:disabled){background:#f8f9fc}.btn-sm{border-radius:8px;padding:5px 10px;font-size:.85rem}.btn-block{width:100%}.chip{color:#4b5563;white-space:nowrap;background:#eef0f6;border-radius:999px;align-items:center;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.chip-done{color:#15803d;background:#dcfce7}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{width:100%;max-width:420px}.auth-brand{text-align:center;margin-bottom:16px}.auth-brand .muted{margin:4px 0 0}.tab-row{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-weight:600}.tab-active{color:var(--primary);border-bottom-color:var(--primary)}.divider{color:var(--muted);align-items:center;gap:12px;margin:18px 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.notice-list{gap:6px;margin:0 0 10px;padding-left:20px;font-size:.95rem;display:grid}@media (width<=640px){.page{padding:20px 14px 60px}.topbar-inner{padding:10px 14px}}.login-sub{margin:-6px 0 16px;font-size:.9rem}.login-hint{margin:14px 0 0;font-size:.78rem;line-height:1.7}.select-input{appearance:auto;min-height:42px}.select-input optgroup{color:var(--muted);font-style:normal;font-weight:600}.select-input option{color:var(--text);font-weight:400}.notice-heading{margin:18px 0 8px;font-size:1rem}.identity-id{color:var(--muted);margin-left:6px;font-size:.82rem}.monitor-actions{flex-wrap:wrap;gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.kpi-label{color:var(--muted);margin:0 0 4px;font-size:.82rem}.kpi-value{margin:0;font-size:1.7rem;font-weight:700;line-height:1.2}.kpi-value-warn{color:#b45309}.kpi-value-danger{color:var(--danger)}.filter-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.monitor-table-wrap{overflow-x:auto}.monitor-table{border-collapse:collapse;width:100%;font-size:.9rem}.monitor-table th,.monitor-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.monitor-table th{color:var(--muted);font-size:.8rem;font-weight:600}.monitor-row{cursor:pointer}.monitor-row:hover{background:#f8f9fc}.monitor-unit-name{font-weight:600}.monitor-detail-row td{white-space:normal;background:#f8f9fc}.plan-detail-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.plan-detail{border-left:3px solid var(--border);padding-left:10px}.plan-detail-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.timeline-list{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.timeline-item{flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.timeline-name{min-width:120px}.state-chip{border-radius:999px;padding:2px 10px;font-size:.76rem;font-weight:600;display:inline-block}.state-overdue{color:#b91c1c;background:#fee2e2}.state-dueSoon{color:#b45309;background:#fef3c7}.state-onTrack,.state-done{color:#15803d;background:#dcfce7}.state-in_progress{color:#4338ca;background:#e0e7ff}.state-selected{color:#b45309;background:#fef3c7}.state-not_started,.state-noDate{color:#6b7280;background:#eef0f6}.empty-state{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;margin:0 0 14px;padding:14px 16px}.empty-state h3{margin:0 0 6px}.empty-state p{margin:0 0 4px}.pull-feedback{color:#15803d;margin:12px 0 0;font-size:.88rem}.source-badge{color:#4338ca;background:#eef2ff;border-radius:999px;margin:0 0 12px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.unit-filter{margin-top:16px}.log-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-height:60vh;overflow:auto}.log-table{border-collapse:collapse;width:100%;font-size:.88rem}.log-table th{z-index:1;color:var(--muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);background:#f8f9fc;padding:8px 10px;font-size:.78rem;font-weight:600;position:sticky;top:0}.log-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.log-table tbody tr:last-child td{border-bottom:none}.log-table tbody tr:hover{background:#f8f9fc}.log-col-date,.log-col-time,.log-col-person{white-space:nowrap}.log-col-activity{width:100%;min-width:240px}.log-col-action{white-space:nowrap;width:1%}.log-who{font-weight:600}.log-summary{color:#333a4a}.log-cell-unit,.log-cell-flow{color:var(--muted);font-size:.76rem;display:block}.log-cell-flow{overflow-wrap:anywhere}.log-table .log-action{margin-right:6px}@media (width<=640px){.log-table-wrap{max-height:55vh}.log-col-activity{min-width:180px}}.log-details{color:var(--muted);gap:3px;margin:4px 0 0;padding-left:20px;font-size:.82rem;list-style:outside;display:grid}.log-action{color:#4b5563;white-space:nowrap;background:#eef0f6;border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600;display:inline-block}.log-action-created{color:#15803d;background:#dcfce7}.log-action-updated{color:#4338ca;background:#e0e7ff}.log-action-selected{color:#b45309;background:#fef3c7}.log-action-deleted{color:#b91c1c;background:#fee2e2}.my-plan-list{gap:8px;margin:0 0 4px;padding:0;list-style:none;display:grid}.my-plan-item{border:1px solid var(--border);background:#f8f9fc;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;display:flex}.my-plan-action{margin-left:auto}.topbar-brand{text-decoration:none}.topbar-nav{align-items:center;gap:2px;display:flex}.nav-link{color:var(--muted);white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:.9rem;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--text);background:#f0f1f6}.nav-link-active,.nav-link-active:hover{color:var(--primary);background:#eef2ff}.workflow-desc{margin:-4px 0 14px;font-size:.92rem}.workflow-note{margin:12px 0 0;font-size:.9rem}.workflow-results{margin-top:18px}.workflow-results .muted{margin:0 0 8px;font-size:.9rem}.workflow-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.workflow-item{border:1px solid var(--border);background:#f8f9fc;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.92rem;display:flex}.flow-code{color:var(--muted);flex-shrink:0;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.78rem}.flow-name{color:#333a4a;min-width:0}.flow-unit{color:var(--muted);text-align:right;flex-shrink:0;margin-left:auto;font-size:.78rem}.workflow-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,background .12s}.workflow-item:hover{border-color:#c7d2fe}.workflow-item-selected,.workflow-item-selected:hover{border-color:var(--primary);background:#eef2ff}.workflow-radio{width:18px;color:var(--primary);text-align:center;flex-shrink:0;font-size:.85rem}.flow-badge{flex-shrink:0}.flow-readonly .flow-badge{vertical-align:middle;margin-left:8px}.workflow-next{border-top:1px dashed var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.workflow-next .muted{margin:0;font-size:.9rem}.hint-text{margin:4px 0 12px;font-size:.85rem}.input-area{min-height:110px;line-height:1.5}.ai-plan-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.workflow-results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.workflow-results-head .muted{margin:0;font-size:.9rem}.wizard-stepper{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0 0 16px;display:grid}.wizard-chip{height:100%;min-height:64px;font:inherit;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:8px 12px;font-size:.82rem;transition:border-color .12s,background .12s,color .12s;display:flex}.wizard-chip:hover{color:var(--text);border-color:#c7d2fe}.wizard-chip-active,.wizard-chip-active:hover{border-color:var(--primary);background:var(--primary);color:#fff}.wizard-chip-done:not(.wizard-chip-active){color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.wizard-chip-line{white-space:nowrap;font-weight:600}.wizard-chip-name{opacity:.85;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;font-weight:400;display:-webkit-box;overflow:hidden}.wizard-done .btn{margin-top:16px}.wizard-done-list{gap:8px;margin:10px 0 4px;padding:0;list-style:none;display:grid}.wizard-done-list li{border:1px solid var(--border);background:#f8f9fc;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.92rem;display:flex}.wizard-done-list .chip{flex-shrink:0}.plan-lead-head{margin-bottom:14px}.plan-lead-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.plan-lead-label{color:var(--muted);margin:0 0 2px;font-size:.78rem}.plan-lead-unit{margin:0;font-size:1rem;font-weight:600}.plan-lead-unit .muted{margin-left:6px;font-size:.76rem;font-weight:400}.plan-lead-app{color:var(--primary);margin:0;font-size:1.05rem}.plan-lead-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.field-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.flow-readonly{color:#333a4a;overflow-wrap:anywhere;background:#f6f7fb;border-radius:10px;margin:0;padding:9px 12px;font-weight:600}.partition-card{border:1px solid var(--border);background:#fbfcfe;border-radius:12px;margin-bottom:10px;padding:12px}.partition-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.partition-head h3{margin:0;font-size:.96rem}.partition-dates{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:10px;display:grid}.state-planning{color:#4b5563;background:#eef0f6}.state-on_hold{color:#b45309;background:#fef3c7}.form-status{border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:.88rem;font-weight:600;line-height:1.45}.form-status-ok{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.form-status-warn{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.form-status-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.field-warning{color:#b45309;margin:8px 0 0;font-size:.85rem;font-weight:600}@media (width<=640px){.partition-dates,.plan-lead-grid{grid-template-columns:1fr}}.modal-overlay{z-index:50;background:#1018288c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 20px 50px #10182847}.modal-title{margin:0 0 12px;font-size:1.1rem}.modal-hint{color:var(--muted);margin:14px 0;font-size:.85rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.danger-box{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:.88rem}.danger-list{margin:6px 0 0;padding-left:20px}.keep-note{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:.85rem;line-height:1.5}.backup-note{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:.85rem;line-height:1.5}.workflow-list-readonly .workflow-item{cursor:default}
