:root{color-scheme:light;font-family:PingFang SC,Helvetica Neue,sans-serif;background:#f5f6f8;color:#111827}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(22,119,255,.16),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2f7)}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;min-width:0}.sidebar{padding:24px 20px;border-right:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:grid;grid-gap:8px;gap:8px;margin-bottom:28px}.brand-kicker,.eyebrow{color:#2563eb;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-section+.nav-section{margin-top:24px}.nav-section-title{margin:0 0 10px;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav{display:grid;grid-gap:8px;gap:8px}.nav-link{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:16px;font-weight:600;background:transparent;transition:background .2s ease}.nav-link small{color:#64748b;font-size:12px;font-weight:500;line-height:1.5}.nav-link:hover{background:rgba(37,99,235,.08)}.nav-link-active{background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(14,116,144,.08));border:1px solid rgba(37,99,235,.12)}.content{display:grid;align-content:start;grid-gap:18px;gap:18px;min-width:0;padding:24px 32px 32px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 0 6px}.topbar-copy{display:grid;grid-gap:8px;gap:8px}.topbar-title{margin:0;color:#0f172a;font-size:32px;line-height:1.1}.topbar-description{max-width:720px;margin:0;color:#64748b;line-height:1.7}.context-nav,.top-nav{display:flex;flex-wrap:wrap;gap:10px}.top-nav{justify-content:flex-end}.topbar-tools{display:flex;align-items:flex-start;gap:12px}.context-nav-link,.top-nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;color:#334155;font-weight:600;background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.08)}.context-nav-link-active,.top-nav-link-active{color:#0f172a;background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.18)}.context-nav{padding:14px 16px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:rgba(255,255,255,.82)}.page-card{width:100%;max-width:1080px;padding:32px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 20px 60px rgba(15,23,42,.08)}.page-card h1{margin:0 0 16px;font-size:32px}.page-card p{margin:0;line-height:1.7;color:#475569}.route-label{margin-top:16px!important;color:#0f172a!important;font-size:13px;font-weight:600}.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tag-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;color:#0f172a;font-size:13px;font-weight:600;background:rgba(15,23,42,.06)}.auth-sections,.page-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.panel{display:grid;grid-gap:12px;gap:12px;min-width:280px;padding:20px;border-radius:18px;background:rgba(248,250,252,.9);border:1px solid rgba(15,23,42,.08)}.placeholder-empty{display:grid;grid-gap:8px;gap:8px;margin-top:24px;padding:20px;border-radius:18px;background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(241,245,249,.75));border:1px dashed rgba(15,23,42,.14)}.placeholder-empty strong{color:#0f172a}.auth-card{max-width:980px}.field{display:grid;grid-gap:8px;gap:8px}.section-title{margin:0}.muted{color:#64748b}.section-inline-meta{color:#64748b;font-size:14px;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:14px;gap:14px}.stat-card{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(248,250,252,.92),rgba(241,245,249,.8));border:1px solid rgba(15,23,42,.08)}.stat-card p{color:#64748b;font-size:13px;font-weight:600}.stat-card strong{color:#0f172a;font-size:28px}.button{border-radius:999px}.button:disabled{opacity:.68}.button-primary{color:white;background:linear-gradient(135deg,#2563eb,#0f766e)}.button-secondary{border-color:rgba(15,23,42,.1)}.error-text{margin:0}.data-table{background:rgba(255,255,255,.82)}.data-table td,.data-table th{padding:14px 16px}.data-table th{background:rgba(248,250,252,.95)}.data-table tbody tr:last-child td{border-bottom:none}.table-link{color:#2563eb;font-weight:700}.empty-state{padding:18px;background:linear-gradient(180deg,rgba(248,250,252,.92),rgba(241,245,249,.8));border:1px dashed rgba(15,23,42,.12)}.status-ready{color:#0f172a}.overdue-badge{min-height:24px;padding:0 8px;background:rgba(220,38,38,.12)}.task-table-primary{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.dashboard-column{max-width:none}.dashboard-list{display:grid;grid-gap:12px;gap:12px}.notification-shell{position:relative}.notification-button{gap:8px;min-height:40px;padding:0 14px;border:1px solid rgba(15,23,42,.08);color:#0f172a;background:rgba(255,255,255,.92);cursor:pointer}.notification-badge,.notification-button{display:inline-flex;align-items:center;border-radius:999px;font-weight:700}.notification-badge{justify-content:center;min-width:24px;height:24px;padding:0 6px;color:white;font-size:12px;background:#dc2626}.notification-badge-muted{color:#475569;background:rgba(148,163,184,.18)}.notification-drawer{position:absolute;top:calc(100% + 12px);right:0;z-index:20;width:420px;max-width:calc(100vw - 32px);padding:20px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 20px 60px rgba(15,23,42,.14)}.notification-list{display:grid;grid-gap:12px;gap:12px}.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:rgba(248,250,252,.88);border:1px solid rgba(15,23,42,.08)}.notification-item-read{opacity:.78}.notification-copy{display:grid;grid-gap:8px;gap:8px}.notification-copy p{margin:0}.notification-meta{display:flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:12px;font-weight:600}.notification-actions{display:grid;grid-gap:8px;gap:8px;justify-items:end}.notification-dot{width:10px;height:10px;border-radius:999px;background:#2563eb}.dashboard-list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;background:rgba(248,250,252,.88);border:1px solid rgba(15,23,42,.08)}.dashboard-list-row p{margin-top:4px}.dashboard-list-meta{display:grid;grid-gap:8px;gap:8px;justify-items:end;color:#475569;font-size:13px;font-weight:600}.distribution-row{display:grid;grid-gap:10px;gap:10px}.distribution-copy{display:flex;align-items:center;justify-content:space-between;gap:12px}.distribution-copy span{color:#64748b;font-size:13px;font-weight:600}.distribution-track{height:10px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.22)}.distribution-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0f766e)}.skeleton-block{border-radius:12px;background:linear-gradient(90deg,rgba(226,232,240,.8),rgba(241,245,249,.95),rgba(226,232,240,.8));background-size:200% 100%;animation:skeletonPulse 1.2s ease-in-out infinite}.skeleton-title{width:240px;height:28px;margin-bottom:20px}.skeleton-text{width:90px;height:14px}.skeleton-number{width:70px;height:26px}.table-skeleton{display:grid;grid-gap:12px;gap:12px}.skeleton-row{width:100%;height:52px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgba(15,23,42,.08)}.dashboard-grid{grid-template-columns:1fr}}.field span,.panel h2,.session-panel strong{color:#0f172a}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff;font:inherit}.field textarea{resize:vertical}.field-actions{align-content:end}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:0;border-radius:12px;font:inherit;font-weight:600;cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{background:#2563eb}.button-secondary{background:rgba(15,23,42,.08)}.session-panel{display:grid;grid-gap:10px;gap:10px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(15,23,42,.08)}.muted,.session-copy{margin:0;color:#64748b;line-height:1.6}.error-text{color:#b91c1c}.error-text,.success-text{margin-top:20px;font-weight:600}.success-text{color:#15803d}.page-stack{display:grid;grid-gap:18px;gap:18px;width:100%;max-width:1180px}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title{margin:6px 0 8px;color:#0f172a;font-size:24px}.filters-grid,.form-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field-full{grid-column:1/-1}.inline-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.table-shell{overflow-x:auto;border:1px solid rgba(15,23,42,.08);border-radius:18px}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:16px;text-align:left;border-bottom:1px solid rgba(15,23,42,.08);vertical-align:top}.data-table th{color:#475569;font-size:13px;font-weight:700;background:rgba(248,250,252,.9)}.data-table tbody tr:last-child td{border-bottom:0}.row-selected{background:rgba(219,234,254,.42)}.row-deleted{background:rgba(248,250,252,.88);color:#64748b}.cell-stack{display:grid;grid-gap:4px;gap:4px}.cell-stack span{color:#64748b;font-size:13px}.log-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-link{color:#1d4ed8;font-weight:600}.pill-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.pill-filter{min-height:34px;padding:0 14px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:rgba(248,250,252,.92);color:#334155;font-weight:600;cursor:pointer}.pill-filter-active{color:#0f172a;background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.18)}.pagination-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:700}.status-pill-neutral{background:rgba(100,116,139,.14)}.status-pill-warning{color:#b45309;background:rgba(180,83,9,.14)}.status-pill-success{color:#166534;background:rgba(22,101,52,.12)}.status-pill-danger{color:#b91c1c;background:rgba(185,28,28,.14)}.status-pill-low{color:#166534;background:rgba(22,101,52,.12)}.status-pill-medium{color:#a16207;background:rgba(161,98,7,.14)}.status-pill-high{color:#b45309;background:rgba(180,83,9,.14)}.status-pill-critical{color:#b91c1c;background:rgba(185,28,28,.14)}.empty-state{display:grid;grid-gap:8px;gap:8px;padding:20px;border-radius:18px;border:1px dashed rgba(15,23,42,.14);background:rgba(248,250,252,.72)}.empty-state strong{color:#0f172a}.summary-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.member-card,.metadata-item,.summary-card{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:18px;background:rgba(248,250,252,.9);border:1px solid rgba(15,23,42,.08)}.metadata-item span,.summary-card span{color:#64748b;font-size:13px}.metadata-item strong,.summary-card strong{color:#0f172a;font-size:18px}.metadata-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.member-list{display:grid;grid-gap:16px;gap:16px}.member-card{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.field-checkbox{align-content:center}.field-checkbox input{width:20px;height:20px}.checkbox-field{display:flex;align-items:center;gap:12px}.checkbox-field input{width:18px;height:18px}.workflow-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.workflow-lane{display:grid;grid-gap:12px;gap:12px}.workflow-lane-copy{display:grid;grid-gap:6px;gap:6px}.workflow-lane-copy p{margin:0}.workflow-flow-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.workflow-flow-grid-compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.timeline-card,.workflow-node-card{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.88)}.workflow-node-button{width:100%;text-align:left;cursor:pointer}.workflow-node-kicker{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.workflow-node-current{border-color:rgba(37,99,235,.22);background:linear-gradient(180deg,rgba(219,234,254,.82),rgba(239,246,255,.9))}.workflow-node-done{border-color:rgba(22,101,52,.18);background:rgba(240,253,244,.92)}.workflow-node-rejected{border-color:rgba(185,28,28,.18);background:rgba(254,242,242,.94)}.workflow-node-pending{background:rgba(248,250,252,.9)}.workflow-node-selected{box-shadow:inset 0 0 0 2px rgba(37,99,235,.34)}.overdue-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:28px;padding:0 10px;border-radius:999px;color:#b91c1c;font-size:12px;font-weight:700;background:rgba(185,28,28,.12)}.task-actions{display:flex;flex-wrap:wrap;gap:8px}.gantt-shell{display:grid;grid-gap:16px;gap:16px}.gantt-axis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px;color:#64748b;font-size:12px}.gantt-body,.gantt-row{display:grid;grid-gap:12px;gap:12px}.gantt-row{grid-template-columns:minmax(180px,220px) minmax(0,1fr) auto;align-items:center}.gantt-meta{display:grid;grid-gap:4px;gap:4px}.gantt-meta span{color:#64748b;font-size:12px}.gantt-track{position:relative;min-height:44px;border-radius:18px;background:linear-gradient(180deg,rgba(226,232,240,.65),rgba(241,245,249,.9));border:1px solid rgba(15,23,42,.08)}.gantt-bar{position:absolute;left:0;border-radius:999px}.gantt-bar-plan{top:8px;height:12px;background:rgba(148,163,184,.65)}.gantt-bar-actual{top:22px;height:14px;background:rgba(37,99,235,.78)}.gantt-selected-outline{position:absolute;inset:4px;border-radius:14px;border:2px solid rgba(37,99,235,.26);pointer-events:none}.kanban-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kanban-column{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.78)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.kanban-column-header span{color:#64748b;font-size:12px}.kanban-list{display:grid;grid-gap:10px;gap:10px}.kanban-card{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96);text-align:left;cursor:pointer}.kanban-card span{color:#64748b;font-size:12px}.kanban-card-selected{border-color:rgba(37,99,235,.24);box-shadow:0 12px 28px rgba(37,99,235,.08)}.calendar-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.calendar-card{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.82)}.calendar-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-card-header span{color:#64748b;font-size:12px}.calendar-days,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.calendar-weekdays span{color:#64748b;font-size:12px;text-align:center}.calendar-day{display:grid;grid-gap:8px;gap:8px;min-height:92px;padding:10px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.95)}.calendar-day-muted{background:rgba(241,245,249,.48)}.calendar-day-number{color:#0f172a;font-size:12px;font-weight:700}.calendar-day-events{display:grid;grid-gap:6px;gap:6px}.calendar-event{padding:6px 8px;border-radius:10px;border:1px solid rgba(37,99,235,.12);background:rgba(219,234,254,.72);color:#1d4ed8;font-size:12px;text-align:left;cursor:pointer}.calendar-event-selected{border-color:rgba(37,99,235,.34);background:rgba(191,219,254,.92)}.calendar-event-overdue{border-color:rgba(185,28,28,.18);background:rgba(254,226,226,.92);color:#b91c1c}.double-panel-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grouped-task-list{display:grid;grid-gap:12px;gap:12px}.grouped-task-card{display:grid;grid-gap:8px;gap:8px;padding:16px;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.08)}.grouped-task-chip{min-height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.92);color:#0f172a;font-size:12px;cursor:pointer}.grouped-task-chip-selected{border-color:rgba(37,99,235,.22);background:rgba(219,234,254,.78);color:#1d4ed8}.monthly-review-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.monthly-review-card{display:grid;grid-gap:8px;gap:8px;padding:16px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.9);text-align:left;cursor:pointer}.monthly-review-card-selected{border-color:rgba(37,99,235,.24);box-shadow:0 16px 36px rgba(37,99,235,.08)}.button-small{min-height:34px;padding:0 12px;font-size:13px}.timeline-list{display:grid;grid-gap:14px;gap:14px}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-comment{margin:0;color:#0f172a;line-height:1.6}.detail-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:20px}.detail-item{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.9)}.detail-item span{color:#64748b;font-size:13px}.detail-item strong{color:#0f172a;line-height:1.6}.detail-item-full{grid-column:1/-1}.detail-block{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.9)}.detail-block h3{margin:0;color:#0f172a}.detail-block p{margin:0;color:#334155;line-height:1.7}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700}.status-ready{color:#1d4ed8;background:rgba(37,99,235,.12)}.upload-button{position:relative;overflow:hidden}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}.image-card{display:grid;grid-gap:12px;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.9)}.sample-image{aspect-ratio:4/3;object-fit:cover;background:rgba(226,232,240,.6)}.attachment-preview-image,.sample-image{width:100%;border-radius:14px;border:1px solid rgba(15,23,42,.08)}.attachment-preview-image{max-height:420px;object-fit:contain;background:rgba(248,250,252,.9)}.attachment-preview-frame{width:100%;min-height:520px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.9)}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(15,23,42,.08)}.content{padding:16px}.topbar{flex-direction:column}.top-nav{justify-content:flex-start}.section-header{flex-direction:column}}:root{--ui-status-not-started:#94a3b8;--ui-status-in-progress:#2563eb;--ui-status-review:#c2410c;--ui-status-complete:#15803d;--ui-status-overdue:#b91c1c;--ui-status-returned:#7c3aed;--ui-space-card:20px}.button{min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:14px;box-shadow:0 1px 2px rgba(15,23,42,.08);transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.1)}.button-primary{background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff}.button-secondary{background:rgba(255,255,255,.92);color:#0f172a;border-color:rgba(15,23,42,.12)}.button-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.button-selected{border-color:rgba(37,99,235,.34);box-shadow:inset 0 0 0 1px rgba(37,99,235,.24)}.page-card{padding:30px}.section-title{line-height:1.2}.calendar-card,.detail-block,.detail-item,.kanban-column,.member-card,.metadata-item,.summary-card,.timeline-card,.workflow-node-card{border-radius:20px}.summary-card{gap:10px;padding:var(--ui-space-card)}.detail-block p,.detail-item span,.metadata-item span,.summary-card span,.timeline-card .muted{line-height:1.6}.feedback-banner{display:grid;grid-gap:6px;gap:6px;padding:14px 16px;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.85)}.feedback-banner p,.feedback-banner strong{margin:0}.feedback-banner p{color:#334155;line-height:1.6}.feedback-banner-compact{padding:12px 14px}.feedback-banner-info{border-color:rgba(37,99,235,.16);background:rgba(239,246,255,.88)}.feedback-banner-success{border-color:rgba(22,163,74,.16);background:rgba(240,253,244,.9)}.feedback-banner-warning{border-color:rgba(234,88,12,.16);background:rgba(255,247,237,.92)}.feedback-banner-error{border-color:rgba(220,38,38,.16);background:rgba(254,242,242,.92)}.state-panel{display:grid;grid-gap:12px;gap:12px;padding:20px;border-radius:20px;border:1px dashed rgba(15,23,42,.14);background:linear-gradient(180deg,rgba(248,250,252,.92),rgba(241,245,249,.8))}.state-panel-compact{padding:16px;border-radius:16px}.state-panel-copy{display:grid;grid-gap:6px;gap:6px}.state-panel-copy p,.state-panel-copy strong{margin:0}.state-panel-copy p{color:#475569;line-height:1.6}.state-panel-permission{border-style:solid;border-color:rgba(37,99,235,.14);background:rgba(239,246,255,.88)}.state-panel-error{border-style:solid;border-color:rgba(220,38,38,.14);background:rgba(254,242,242,.92)}.state-panel-actions{display:flex;flex-wrap:wrap;gap:10px}.field input,.field select,.field textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:rgba(37,99,235,.32);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.field textarea{white-space:pre-wrap;overflow-wrap:anywhere}.field-hint{color:#64748b;font-size:12px;line-height:1.5}.field-hint-emphasis{color:#b45309;font-weight:600}.review-form-shell{display:grid;grid-gap:16px;gap:16px}.review-decision-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.review-decision-card{display:grid;grid-gap:6px;gap:6px;padding:16px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.86)}.review-decision-card p,.review-decision-card strong{margin:0}.review-decision-card p{color:#475569;font-size:13px;line-height:1.55}.review-decision-card-active{border-color:rgba(37,99,235,.24);background:linear-gradient(180deg,rgba(219,234,254,.84),rgba(239,246,255,.94));box-shadow:0 12px 32px rgba(37,99,235,.08)}.table-shell-scroll{max-height:420px;overflow:auto}.data-table{min-width:860px}.data-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.data-table td{overflow-wrap:anywhere}.timeline-card-selected{border-color:rgba(37,99,235,.2);box-shadow:0 16px 36px rgba(37,99,235,.08)}.timeline-comment{white-space:pre-wrap;overflow-wrap:anywhere}.monthly-review-card{min-height:168px}.monthly-review-card-pending{border-color:rgba(148,163,184,.18)}.monthly-review-card-active{border-color:rgba(37,99,235,.18);background:linear-gradient(180deg,rgba(219,234,254,.8),rgba(239,246,255,.9))}.monthly-review-card-completed{border-color:rgba(22,163,74,.18);background:rgba(240,253,244,.92)}.monthly-review-card-overdue{border-color:rgba(220,38,38,.18);background:rgba(254,242,242,.92)}.monthly-review-card-current{box-shadow:inset 0 0 0 2px rgba(194,65,12,.2)}.timeline-board-shell{max-width:1320px;min-width:0}.timeline-board-list{display:grid;grid-gap:18px;gap:18px}.timeline-board-filters{margin-bottom:18px}.timeline-board-list-compact{gap:14px}.timeline-board-card{display:grid;grid-gap:16px;gap:16px;min-width:0;padding:20px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:rgba(248,250,252,.88)}.timeline-board-card-header,.timeline-board-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.timeline-board-card h3{margin:4px 0 6px;color:#0f172a;font-size:20px}.timeline-board-card p,.timeline-board-footer span{margin:0;color:#475569}.timeline-board-meta{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.timeline-board-meta div{display:grid;grid-gap:5px;gap:5px;padding:12px;border-radius:14px;background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.06)}.timeline-board-meta span,.timeline-detail-grid span{color:#64748b;font-size:12px}.timeline-board-meta strong,.timeline-detail-grid strong{color:#0f172a;font-size:14px}.timeline-meta-danger strong{color:#b91c1c}.progress-ring{display:grid;place-items:center;width:84px;min-width:84px;height:84px;border-radius:999px;border:8px solid rgba(37,99,235,.16);background:rgba(255,255,255,.92)}.progress-ring strong{color:#0f172a;font-size:18px;line-height:1}.progress-ring span{color:#64748b;font-size:11px}.timeline-board-nodes{display:grid;grid-template-columns:repeat(18,minmax(118px,1fr));grid-gap:10px;gap:10px;width:100%;max-width:100%;min-width:0;overflow-x:auto;padding-bottom:4px}.timeline-board-node{display:grid;align-content:start;grid-gap:6px;gap:6px;min-height:128px;padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.9);position:relative;color:inherit;text-align:left;cursor:pointer}.timeline-board-node:disabled{cursor:not-allowed;opacity:.72}.timeline-board-node strong{color:#0f172a;font-size:13px;line-height:1.35}.timeline-board-node small{color:#475569;font-weight:700}.timeline-board-node em{width:-moz-fit-content;width:fit-content;padding:3px 7px;border-radius:999px;color:#b91c1c;font-size:11px;font-style:normal;font-weight:700;background:rgba(185,28,28,.12)}.timeline-board-step{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;color:#fff;font-size:12px;font-weight:800;background:#94a3b8}.timeline-board-node-current,.timeline-board-node-current .timeline-board-step{border-color:rgba(37,99,235,.22)}.timeline-board-node-current .timeline-board-step{background:#2563eb}.timeline-board-node-done{background:rgba(240,253,244,.92)}.timeline-board-node-done .timeline-board-step{background:#15803d}.timeline-board-node-overdue{background:rgba(254,242,242,.94)}.timeline-board-node-overdue .timeline-board-step{background:#b91c1c}.timeline-board-node-returned{background:rgba(245,243,255,.94)}.timeline-board-node-returned .timeline-board-step{background:#7c3aed}.timeline-board-node-pending .timeline-board-step{background:#c2410c}.timeline-node-selected{box-shadow:inset 0 0 0 2px rgba(79,111,143,.36)}.timeline-node-tooltip{position:absolute;z-index:20;bottom:calc(100% + 10px);left:0;display:none;min-width:240px;max-width:280px;gap:5px;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:8px;background:rgba(255,255,255,.98);box-shadow:0 14px 34px rgba(15,23,42,.12);color:#334155;font-size:12px;line-height:1.45}.timeline-node-tooltip span{display:block}.single-project-node-open:focus-visible .timeline-node-tooltip,.single-project-node-open:hover .timeline-node-tooltip,.timeline-board-node:focus-visible .timeline-node-tooltip,.timeline-board-node:hover .timeline-node-tooltip{display:grid}.single-project-timeline{display:grid;grid-gap:14px;gap:14px}.single-project-node{display:grid;grid-template-columns:54px minmax(0,1fr);grid-gap:14px;gap:14px}.single-project-node-index{display:flex;justify-content:center}.single-project-node-index span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;color:#fff;font-weight:800;background:#94a3b8}.single-project-node-body{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(248,250,252,.9)}.single-project-node-current .single-project-node-index span{background:#2563eb}.single-project-node-done .single-project-node-index span{background:#15803d}.single-project-node-overdue .single-project-node-index span{background:#b91c1c}.single-project-node-returned .single-project-node-index span{background:#7c3aed}.single-project-node-pending .single-project-node-index span{background:#c2410c}.single-project-node-open{position:relative;display:inline-grid;gap:4px;max-width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.single-project-node-open:disabled{cursor:not-allowed;opacity:.72}.single-project-node-open span{color:#64748b;font-size:13px}.timeline-detail-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.timeline-detail-grid div,.timeline-special-block{display:grid;grid-gap:6px;gap:6px;padding:12px;border-radius:14px;background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.06)}.timeline-special-block p{margin:0;color:#334155}.flow-map-activity-card,.flow-map-header-card,.flow-map-loading-card,.flow-map-page{max-width:1680px}.flow-map-portal,.flow-map-portal-card{max-width:1480px}.flow-map-project-picker{display:grid;grid-gap:16px;gap:16px;margin-top:18px}.flow-map-project-picker .field{max-width:560px}.flow-map-project-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.flow-map-project-summary div{display:grid;grid-gap:6px;gap:6px;min-height:78px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.92)}.flow-map-project-summary span{color:#667085;font-size:12px;font-weight:700}.flow-map-project-summary strong{color:#1f2937;font-size:16px}.flow-map-last-updated{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;margin:10px 0 0;padding:6px 10px;border-radius:999px;background:rgba(238,244,255,.95);color:#1d4ed8;font-size:13px;font-weight:700}.flow-map-overview-grid,.flow-map-status-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));grid-gap:10px;gap:10px;margin-top:20px}.flow-map-overview-item,.flow-map-status-item{display:grid;grid-gap:5px;gap:5px;min-height:68px;padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:rgba(248,250,252,.9)}.flow-map-activity-item time,.flow-map-node em,.flow-map-node-tooltip,.flow-map-overview-item span,.flow-map-side-summary p,.flow-map-status-item span{color:#667085}.flow-map-overview-item strong,.flow-map-status-item strong{color:#1f2937;font-size:16px;line-height:1.35}.flow-map-overview-danger strong,.flow-map-status-danger strong{color:#c86b6b}.flow-map-workbench{display:block;max-width:1680px}.flow-map-side-panel{display:none}.flow-map-canvas-card,.flow-map-control-card{max-width:none}.flow-map-canvas-card{display:grid;grid-gap:14px;gap:14px;overflow:visible}.flow-map-control-card{display:grid;grid-gap:18px;gap:18px;padding:22px}.flow-map-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:rgba(248,250,252,.92)}.flow-map-canvas-actions,.flow-map-view-mode-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.flow-map-canvas-actions button,.flow-map-view-mode-bar button{min-height:36px;padding:0 12px;border:1px solid rgba(15,23,42,.1);border-radius:10px;color:#334155;font-weight:800;background:#ffffff;cursor:pointer}.flow-map-canvas-actions button:hover,.flow-map-canvas-actions button[aria-expanded=true],.flow-map-view-mode-bar button:hover{border-color:rgba(91,127,166,.36);color:#1f2937;background:rgba(91,127,166,.1)}.flow-map-filter-menu{position:relative}.flow-map-filter-popover{position:absolute;z-index:12;right:0;top:calc(100% + 10px);display:grid;width:min(380px,calc(100vw - 48px));grid-gap:16px;gap:16px;padding:18px;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:#ffffff;box-shadow:0 24px 60px rgba(15,23,42,.18)}.flow-map-filter-group{display:grid;grid-gap:8px;gap:8px}.flow-map-filter-group button{min-height:38px;padding:0 12px;border:1px solid rgba(15,23,42,.08);border-radius:12px;color:#334155;font-weight:700;text-align:left;background:#ffffff;cursor:pointer}.flow-map-filter-active,.flow-map-filter-group button:hover{border-color:rgba(91,127,166,.35)!important;color:#1f2937!important;background:rgba(91,127,166,.12)!important}.flow-map-legend{display:grid;grid-gap:9px;gap:9px}.flow-map-legend span{display:flex;align-items:center;gap:8px;color:#475569;font-size:13px;font-weight:700}.flow-map-legend-dot{display:inline-block;width:11px;height:11px;border-radius:999px;background:#d1d5db}.flow-map-legend-done{background:#6ea37a}.flow-map-legend-current{background:#5b7fa6}.flow-map-legend-review{background:#d6a85b}.flow-map-legend-overdue{background:#c86b6b}.flow-map-legend-returned{background:#9b7bb6}.flow-map-legend-monthly{background:#5a9ca0}.flow-map-legend-exit{background:#a67c52}.flow-map-legend-not-started{background:#d1d5db}.flow-map-side-summary{display:grid;grid-gap:7px;gap:7px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:rgba(248,250,252,.9)}.flow-map-side-summary strong{color:#1f2937}.flow-map-scroll-shell{width:100%;overflow-x:auto;overflow-y:hidden;padding:10px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#f8fafc}.flow-map-viewport{position:relative;margin-inline:auto}.flow-map-canvas{position:absolute;top:0;left:0;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:20px;background:linear-gradient(90deg,rgba(226,232,240,.58) 1px,transparent 0),linear-gradient(180deg,rgba(226,232,240,.58) 1px,transparent 0),radial-gradient(circle at 50% 8%,rgba(91,127,166,.06),transparent 34%),#f7f9fb;background-size:48px 48px,48px 48px,auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.82);transform-origin:top left}.flow-map-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flow-map-connectors marker path{fill:#5b7fa6}.flow-map-edge path{fill:none;stroke:#b9c2cf;stroke-width:3;stroke-linecap:square;stroke-linejoin:round}.flow-map-edge-completed path{stroke:#6ea37a}.flow-map-edge-active path{stroke:#5b7fa6;stroke-width:4.5}.flow-map-edge-pending path{stroke-dasharray:9 9}.flow-map-edge-rejected path,.flow-map-edge-return path{stroke:#9b7bb6;stroke-dasharray:7 6}.flow-map-edge-nonBlocking path,.flow-map-edge-parallel path{stroke-dasharray:8 7}.flow-map-node{position:absolute;z-index:2;box-sizing:border-box;display:grid;align-content:center;grid-gap:4px;gap:4px;padding:10px 13px;border:2px solid #d1d5db;border-radius:14px;background:rgba(255,255,255,.96);color:#1f2937;text-align:left;box-shadow:0 12px 28px rgba(15,23,42,.08);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.flow-map-node:focus-visible,.flow-map-node:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(15,23,42,.12)}.flow-map-step{position:absolute;top:-13px;left:14px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;color:#ffffff;font-size:12px;font-weight:800;background:#94a3b8}.flow-map-node strong{color:#1f2937;font-size:15px;line-height:1.3;padding-top:7px}.flow-map-node small{color:#475569;font-weight:800;line-height:1.25}.flow-map-node em{font-size:12px;font-style:normal;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-map-node b{position:absolute;top:-10px;right:-10px;padding:4px 8px;border-radius:999px;color:#ffffff;font-size:11px;background:#c86b6b}.flow-map-node-dimmed{opacity:.28}.flow-map-node-selected{outline:4px solid rgba(91,127,166,.22)}.flow-map-node-done{border-color:#6ea37a;background:#f0f8f1}.flow-map-node-done .flow-map-step{background:#6ea37a}.flow-map-node-current{border-color:#5b7fa6;background:#eef5fb}.flow-map-node-current .flow-map-step{background:#5b7fa6}.flow-map-node-review{border-color:#d6a85b;background:#fff7e8}.flow-map-node-review .flow-map-step{background:#d6a85b}.flow-map-node-overdue{border-color:#c86b6b;background:#fff1f1}.flow-map-node-overdue .flow-map-step{background:#c86b6b}.flow-map-node-returned{border-color:#9b7bb6;background:#f6f0fb}.flow-map-node-returned .flow-map-step{background:#9b7bb6}.flow-map-node-monthly{border-color:#5a9ca0;background:#edf8f8}.flow-map-node-monthly .flow-map-step{background:#5a9ca0}.flow-map-node-exit{border-color:#a67c52;background:#fff3e6}.flow-map-node-exit .flow-map-step{background:#a67c52}.flow-map-node-late{border-color:#c79028;background:#fff8e8}.flow-map-node-late .flow-map-step{background:#c79028}.flow-map-node-not-started{border-color:#d1d5db;background:#f8fafc}.flow-map-node-terminal{border-radius:999px;text-align:center}.flow-map-node-terminal .flow-map-step{left:50%;transform:translateX(-50%)}.flow-map-node-decision{border:0;border-color:#d6a85b;background:#fff2d8;-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);padding-inline:28px;text-align:center}.flow-map-node-decision .flow-map-step{top:15px;left:50%;transform:translateX(-50%)}.flow-map-node-decision:focus-visible,.flow-map-node-decision:hover{transform:translateY(-2px)}.flow-map-node-progress{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-top:2px;padding:2px 7px;border-radius:999px;color:#235f62;font-size:11px;font-weight:900;background:rgba(90,156,160,.16)}.flow-map-node-tooltip{position:absolute;z-index:8;bottom:calc(100% + 10px);left:0;display:none;min-width:250px;max-width:310px;gap:5px;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:8px;background:#ffffff;box-shadow:0 18px 38px rgba(15,23,42,.14);font-size:12px;line-height:1.45;text-align:left}.flow-map-node-tooltip span{display:block}.flow-map-node:focus-visible .flow-map-node-tooltip,.flow-map-node:hover .flow-map-node-tooltip{display:grid}.flow-map-branch-label{position:absolute;z-index:1;padding:4px 9px;border:1px solid rgba(91,127,166,.2);border-radius:999px;color:#475569;font-size:12px;font-weight:800;background:rgba(255,255,255,.92)}.flow-map-branch-label-sample{left:864px;top:426px}.flow-map-branch-label-procurement{left:842px;top:556px}.flow-map-branch-label-return{left:948px;top:916px}.flow-map-branch-label-pass{left:735px;top:1087px}.flow-map-mobile-hint{margin-top:10px;color:#64748b;font-size:13px}.flow-map-activity-list{display:grid;grid-gap:12px;gap:12px}.flow-map-activity-item{display:grid;grid-template-columns:190px 120px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(15,23,42,.08)}.flow-map-activity-item:last-child{border-bottom:0}.flow-map-activity-item strong{color:#1f2937}.flow-map-activity-item p{margin:0;color:#475569}.task-detail-drawer-backdrop{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:rgba(15,23,42,.22)}.task-detail-drawer{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(720px,100vw);height:100vh;background:#f8fafc;border-left:1px solid rgba(15,23,42,.12);box-shadow:-20px 0 44px rgba(15,23,42,.16)}.task-detail-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffff}.task-detail-drawer-header h2{margin:4px 0 6px;color:#0f172a;font-size:20px}.task-detail-drawer-body{display:grid;align-content:start;grid-gap:14px;gap:14px;min-height:0;overflow-y:auto;padding:18px 22px 96px}.task-detail-stats,.task-material-summary{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.task-attachment-card,.task-detail-field,.task-detail-section,.task-detail-stat,.task-flow-log-card,.task-review-record{border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#ffffff}.task-detail-field,.task-detail-stat{display:grid;grid-gap:5px;gap:5px;padding:12px}.task-detail-field span,.task-detail-stat span{color:#64748b;font-size:12px}.task-detail-field strong,.task-detail-stat strong{color:#0f172a;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.task-detail-stat-danger strong{color:#b91c1c}.task-detail-section{display:grid;grid-gap:12px;gap:12px;padding:16px}.task-detail-section h3{margin:0;color:#0f172a;font-size:16px}.task-detail-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.task-sla-progress{height:10px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.18)}.task-sla-progress-bar{height:100%;border-radius:inherit;background:var(--ui-primary)}.task-sla-progress-bar-danger{background:var(--ui-status-overdue)}.task-attachment-list,.task-flow-log-list,.task-review-records,.task-subsection{display:grid;grid-gap:10px;gap:10px}.task-material-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.task-material-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;background:rgba(248,250,252,.9)}.task-material-list em,.task-special-actions span{width:-moz-fit-content;width:fit-content;padding:4px 8px;border-radius:999px;color:var(--ui-primary);font-size:12px;font-style:normal;font-weight:700;background:rgba(79,111,143,.12)}.task-attachment-card,.task-flow-log-card,.task-review-record{display:grid;grid-gap:8px;gap:8px;padding:12px}.task-detail-action-bar,.task-special-actions{display:flex;flex-wrap:wrap;gap:8px}.task-detail-action-bar{position:-webkit-sticky;position:sticky;bottom:0;align-items:center;padding:14px 22px;border-top:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.96)}.task-detail-error,.task-detail-skeleton{display:grid;grid-gap:10px;gap:10px;align-content:start;margin:18px 22px;padding:18px;border:1px solid rgba(15,23,42,.08);border-radius:8px;background:#ffffff}.task-detail-skeleton span{min-height:18px;border-radius:999px;color:transparent;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7)}.task-detail-error strong{color:#b91c1c}.calendar-event{line-height:1.4}.empty-state,.state-panel{align-content:start}.status-pill-neutral{color:#475569;background:rgba(148,163,184,.18)}.status-pill-warning{color:var(--ui-status-review);background:rgba(194,65,12,.12)}.status-pill-success{color:var(--ui-status-complete);background:rgba(21,128,61,.12)}.status-pill-danger{color:var(--ui-status-overdue);background:rgba(185,28,28,.12)}@media (max-width:900px){.page-card{padding:24px}.table-shell-scroll{max-height:none}.task-detail-drawer{width:100vw;border-left:0}.task-detail-drawer-header{padding:18px}.task-detail-drawer-body{padding:16px 16px 104px}.task-detail-action-bar{padding:12px 16px}.timeline-node-tooltip{left:0;right:auto}.timeline-board-card-header,.timeline-board-footer{display:grid}.timeline-board-card{padding:16px}.timeline-board-meta{grid-template-columns:1fr}}:root{--ui-bg:#f6f8fa;--ui-surface:#ffffff;--ui-border:#e5e7eb;--ui-text:#1f2937;--ui-muted:#6b7280;--ui-primary:#4f6f8f;--ui-status-not-started:#9ca3af;--ui-status-in-progress:#5b7fa6;--ui-status-review:#d6a85b;--ui-status-complete:#6ea37a;--ui-status-overdue:#c86b6b;--ui-status-returned:#9b7bb6;--ui-accent-teal:#5a9ca0;--ui-accent-brown:#a67c52}body{background:var(--ui-bg);color:var(--ui-text)}.calendar-card,.context-nav,.detail-block,.detail-item,.empty-state,.feedback-banner,.kanban-card,.kanban-column,.member-card,.metadata-item,.monthly-review-card,.page-card,.panel,.placeholder-empty,.sidebar,.summary-card,.table-shell,.timeline-board-card,.timeline-board-node,.timeline-card,.top-nav-link,.workflow-node-card{border-color:var(--ui-border);border-radius:8px;background:var(--ui-surface);box-shadow:0 8px 24px rgba(31,41,55,.06)}.page-card{max-width:1240px}.brand-kicker,.eyebrow,.nav-section-title,.workflow-node-kicker{color:var(--ui-primary);letter-spacing:0;text-transform:none}.metadata-item strong,.page-card h1,.section-title,.summary-card strong,.topbar-title{color:var(--ui-text)}.data-table th,.metadata-item span,.muted,.page-card p,.session-copy,.summary-card span,.topbar-description{color:var(--ui-muted)}.button,.context-nav-link,.nav-link,.status-badge,.status-pill,.tag-chip,.top-nav-link{border-radius:8px}.button-primary{background:var(--ui-primary);color:#ffffff}.button-secondary{background:#ffffff;color:var(--ui-text);border-color:var(--ui-border)}.distribution-bar,.gantt-bar-actual{background:var(--ui-primary)}.context-nav-link-active,.monthly-review-card-active,.nav-link-active,.nav-link:hover,.timeline-board-node-current,.top-nav-link-active,.workflow-node-current{background:rgba(79,111,143,.12);border-color:rgba(79,111,143,.24)}.monthly-review-card-completed,.single-project-node-done .single-project-node-body,.timeline-board-node-done,.workflow-node-done{background:rgba(110,163,122,.14);border-color:rgba(110,163,122,.28)}.single-project-node-returned .single-project-node-body,.timeline-board-node-returned,.workflow-node-rejected{background:rgba(155,123,182,.14);border-color:rgba(155,123,182,.28)}.calendar-event-overdue,.monthly-review-card-overdue,.single-project-node-overdue .single-project-node-body,.timeline-board-node-overdue{background:rgba(200,107,107,.14);border-color:rgba(200,107,107,.32)}.notification-dot,.single-project-node-current .single-project-node-index span,.timeline-board-node-current .timeline-board-step{background:var(--ui-primary)}.single-project-node-done .single-project-node-index span,.timeline-board-node-done .timeline-board-step{background:var(--ui-status-complete)}.notification-badge,.single-project-node-overdue .single-project-node-index span,.timeline-board-node-overdue .timeline-board-step{background:var(--ui-status-overdue)}.single-project-node-returned .single-project-node-index span,.timeline-board-node-returned .timeline-board-step{background:var(--ui-status-returned)}.single-project-node-pending .single-project-node-index span,.timeline-board-node-pending .timeline-board-step{background:var(--ui-status-review)}.system-guide-page{display:grid;grid-gap:24px;gap:24px;width:min(100%,1520px);background:#f6f8fa}.guide-anchor-nav{position:-webkit-sticky;position:sticky;top:0;z-index:8;display:flex;flex-wrap:wrap;gap:10px;padding:12px;border:1px solid var(--ui-border);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px rgba(31,41,55,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guide-anchor-nav a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(79,111,143,.18);border-radius:8px;color:#4f6f8f;font-size:14px;font-weight:700;background:rgba(79,111,143,.08)}.guide-hero,.guide-section{border:1px solid var(--ui-border);border-radius:8px;background:#ffffff;box-shadow:0 10px 28px rgba(31,41,55,.06)}.guide-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);grid-gap:28px;gap:28px;align-items:center;padding:clamp(28px,4vw,48px);overflow:hidden}.guide-hero-copy{display:grid;grid-gap:18px;gap:18px}.guide-hero h2{max-width:760px;margin:0;color:#1f2937;font-size:clamp(34px,4.2vw,58px);line-height:1.08}.guide-hero p{max-width:780px;margin:0;color:#4b5563;font-size:18px;line-height:1.8}.guide-action-row{display:flex;flex-wrap:wrap;gap:12px}.guide-hero-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.guide-lifecycle-step{display:grid;grid-gap:10px;gap:10px;min-height:94px;padding:18px;border:1px solid rgba(79,111,143,.16);border-radius:8px;color:#1f2937;font-size:20px;font-weight:800;background:#f6f8fa}.guide-lifecycle-step small{color:#4f6f8f;font-size:12px}.guide-section{display:grid;grid-gap:22px;gap:22px;padding:clamp(24px,3vw,34px)}.guide-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.guide-faq-list details,.guide-quick-link,.guide-role-card,.guide-rule-card,.guide-stage-card,.guide-step-detail{border:1px solid var(--ui-border);border-radius:8px;background:#ffffff;box-shadow:0 6px 18px rgba(31,41,55,.05)}.guide-stage-card{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:18px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.guide-stage-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(31,41,55,.09)}.guide-stage-primary{border-top:4px solid #4f6f8f}.guide-stage-success{border-top:4px solid #6ea37a}.guide-stage-warning{border-top:4px solid #d6a85b}.guide-stage-teal{border-top:4px solid #5a9ca0}.guide-stage-heading{display:flex;gap:12px;align-items:center}.guide-operation-list>li>span,.guide-role-card>span,.guide-rule-card span,.guide-stage-heading span,.guide-step-number{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#ffffff;font-weight:800;background:#4f6f8f}.guide-stage-heading span{width:38px;height:38px;flex:0 0 auto}.guide-operation-list h3,.guide-role-card h3,.guide-rule-card h3,.guide-stage-heading h3,.guide-step-detail h3{margin:0;color:#1f2937;font-size:18px;line-height:1.35}.guide-faq-list p,.guide-operation-list p,.guide-role-card p,.guide-rule-card p,.guide-stage-card p{margin:0;color:#6b7280;line-height:1.7}.guide-stage-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.guide-stage-list li{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:8px;gap:8px;align-items:center;min-height:36px;padding:8px;border-radius:8px;background:#f6f8fa}.guide-stage-list li span{color:#4f6f8f;font-weight:800}.guide-stage-list li strong{min-width:0;color:#374151;font-size:14px}.guide-stage-list li em{grid-column:2;width:-moz-fit-content;width:fit-content;padding:3px 8px;border-radius:8px;color:#4f6f8f;font-size:12px;font-style:normal;font-weight:800;background:rgba(79,111,143,.12)}.guide-key-review{border-color:rgba(155,123,182,.28)!important;background:rgba(155,123,182,.1)!important}.guide-key-monthly{border-color:rgba(90,156,160,.3)!important;background:rgba(90,156,160,.1)!important}.guide-key-exit{border-color:rgba(166,124,82,.3)!important;background:rgba(166,124,82,.1)!important}.guide-details{border:1px solid rgba(79,111,143,.2);border-radius:8px;background:#f6f8fa}.guide-details summary{cursor:pointer;padding:16px 18px;color:#4f6f8f;font-weight:800}.guide-step-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:0 18px 18px}.guide-step-detail{display:grid;grid-gap:12px;gap:12px;padding:16px}.guide-step-number{width:-moz-fit-content;width:fit-content;min-height:28px;padding:0 10px;font-size:13px}.guide-step-detail dl{display:grid;grid-gap:8px;gap:8px;margin:0}.guide-step-detail dl div{display:grid;grid-gap:3px;gap:3px}.guide-step-detail dt{color:#6b7280;font-size:12px;font-weight:700}.guide-step-detail dd{margin:0;color:#374151;line-height:1.55}.guide-quick-grid,.guide-role-grid,.guide-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.guide-role-card,.guide-rule-card{display:grid;grid-gap:12px;gap:12px;padding:18px}.guide-rule-card span{width:-moz-fit-content;width:fit-content;min-height:34px;padding:0 12px;background:#d6a85b}.guide-operation-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin:0;padding:0;list-style:none}.guide-operation-list li{display:grid;grid-template-columns:44px minmax(0,1fr);grid-gap:12px;gap:12px;min-height:148px;padding:18px;border:1px solid var(--ui-border);border-radius:8px;background:#ffffff}.guide-operation-list>li>span{width:44px;height:44px;background:#6ea37a}.guide-operation-list div{display:grid;align-content:start;grid-gap:8px;gap:8px}.guide-role-card>span{width:48px;min-height:30px;padding:0 8px;background:#5a9ca0}.guide-role-card strong{color:#4f6f8f;font-size:13px}.guide-material-table{display:grid;overflow:hidden;border:1px solid var(--ui-border);border-radius:8px}.guide-material-row{display:grid;grid-template-columns:1.1fr 1.3fr .9fr;grid-gap:12px;gap:12px;padding:14px 16px;border-top:1px solid var(--ui-border);color:#374151;background:#ffffff}.guide-material-row:first-child{border-top:0}.guide-material-head{color:#1f2937;font-weight:800;background:#eef3f7}.guide-quick-section{background:linear-gradient(135deg,rgba(79,111,143,.1),rgba(90,156,160,.08)),#ffffff}.guide-quick-link{display:grid;grid-gap:6px;gap:6px;min-height:86px;padding:18px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.guide-quick-link:hover{transform:translateY(-2px);border-color:rgba(79,111,143,.28);box-shadow:0 14px 26px rgba(31,41,55,.08)}.guide-quick-link span{color:#1f2937;font-weight:800}.guide-quick-link small{color:#6b7280;line-height:1.5}.guide-faq-list{display:grid;grid-gap:10px;gap:10px}.guide-faq-list details{padding:0;overflow:hidden}.guide-faq-list summary{cursor:pointer;padding:16px 18px;color:#1f2937;font-weight:800;background:#ffffff}.guide-faq-list p{padding:0 18px 18px}@media (min-width:1600px){.guide-stage-grid{grid-template-columns:repeat(4,minmax(260px,1fr))}.guide-step-detail-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:1180px){.guide-hero,.guide-operation-list,.guide-quick-grid,.guide-role-grid,.guide-rule-grid,.guide-stage-grid,.guide-step-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.system-guide-page{gap:18px}.guide-anchor-nav{position:static;overflow-x:auto;flex-wrap:nowrap}.guide-hero,.guide-hero-panel,.guide-operation-list,.guide-quick-grid,.guide-role-grid,.guide-rule-grid,.guide-stage-grid,.guide-step-detail-grid{grid-template-columns:1fr}.guide-hero h2{font-size:34px}.guide-material-table{overflow-x:auto}.guide-material-row{grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) minmax(130px,.8fr);min-width:560px}}@media (max-width:1180px){.flow-map-filter-group{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-map-toolbar{display:grid}}@media (max-width:720px){.flow-map-activity-item,.flow-map-filter-group,.flow-map-status-bar{grid-template-columns:1fr}.flow-map-header-card .inline-actions{width:100%}.flow-map-header-card .inline-actions .button{justify-content:center;width:100%}}