:root{--color-bg: #f4f6f9;--color-surface: #ffffff;--color-text: #2c3e50;--color-text-secondary: #7f8c8d;--color-text-muted: #bdc3c7;--color-primary: #2e86c1;--color-primary-light: #aed6f1;--color-accent: #e67e22;--color-danger: #e74c3c;--color-success: #27ae60;--color-warning: #f39c12;--color-border: #e0e6ed;--color-management: #e74c3c;--color-core: #2e86c1;--color-supporting: #27ae60;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "Consolas", monospace;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#1a2a3a,#2c3e50);color:#fff;padding:0 24px;height:60px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-md);z-index:100;flex-shrink:0}.header__logo{font-size:1.3rem;font-weight:700;letter-spacing:-.5px;white-space:nowrap;display:flex;align-items:center;gap:10px}.header__logo-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem}.header__version{font-size:.75rem;background:#ffffff26;padding:2px 8px;border-radius:10px;font-weight:400}.header__spacer{flex:1}.search-container{position:relative;width:360px}.search-input{width:100%;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#ffffff1a;color:#fff;padding:0 16px 0 38px;font-size:.9rem;transition:var(--transition);outline:none}.search-input::placeholder{color:#ffffff80}.search-input:focus{background:#fff3;border-color:var(--color-primary)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:.9rem;pointer-events:none}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:400px;overflow-y:auto;z-index:1000;color:var(--color-text)}.search-results__empty{padding:16px;text-align:center;color:var(--color-text-secondary)}.search-result-item{padding:10px 16px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:var(--transition)}.search-result-item:hover{background:#f0f7ff}.search-result-item:last-child{border-bottom:none}.search-result-item__process{font-weight:600;color:var(--color-primary);font-size:.85rem}.search-result-item__docs{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.search-result-item__highlight{background:#fff3cd;padding:0 2px;border-radius:2px;font-weight:600}.toolbar{display:flex;align-items:center;gap:8px}.toolbar__btn{height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:transparent;color:#fff;font-size:.8rem;cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:6px}.toolbar__btn:hover{background:#ffffff26}.toolbar__btn--active{background:var(--color-primary)!important;border-color:var(--color-primary)}.toolbar__btn--danger{border-color:var(--color-danger);color:#fdedec}.toolbar__btn--danger:hover{background:var(--color-danger)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.process-map{flex:1;min-height:0;padding:16px;position:relative;display:flex;flex-direction:column}.process-map__viewport{flex:1;min-height:0;overflow:hidden;position:relative;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.process-map__viewport:focus{outline:none}.process-map__transform{display:inline-block;will-change:transform}.process-map__svg-wrapper{overflow:hidden;min-height:600px}.process-map__zoom-reset{padding:8px 12px;font-size:12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm)}.process-map__zoom-reset:hover{background:var(--color-bg)}.process-map__map-toolbar{position:absolute;bottom:12px;right:12px;z-index:10;display:flex;gap:6px}.process-map__export-btn{padding:8px 12px;font-size:12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-sm)}.process-map__export-btn:hover{background:var(--color-bg)}.process-map__svg{display:block;width:100%;height:auto;min-height:600px}.swimlane-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;fill:currentColor}.process-node{cursor:pointer}.process-node__rect{transition:all .2s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.process-node:hover .process-node__rect{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));stroke-width:2.5}.process-node--highlighted .process-node__rect{stroke-width:3!important;filter:drop-shadow(0 0 12px rgba(243,156,18,.6));animation:pulse-glow 1.5s ease-in-out infinite}.process-node--active .process-node__rect{stroke:#e67e22!important;stroke-width:3!important;filter:drop-shadow(0 0 10px rgba(230,126,34,.5))}.process-node--hovered .process-node__rect{stroke:#e67e22!important;stroke-width:2.5!important;filter:drop-shadow(0 0 8px rgba(230,126,34,.4))}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(243,156,18,.4))}50%{filter:drop-shadow(0 0 18px rgba(243,156,18,.8))}}.process-node__id{font-size:12px;font-weight:700;fill:currentColor}.process-node__name{font-size:9.5px;fill:currentColor;opacity:.8}.edge-path{fill:none;stroke:#b0bec5;stroke-width:1.5;transition:all .2s ease;cursor:pointer}.edge-path:hover{stroke:var(--color-accent);stroke-width:2.5}.edge-path--highlighted{stroke:var(--color-warning)!important;stroke-width:3!important;animation:edge-pulse 1.2s ease-in-out infinite}@keyframes edge-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.5}}.edge-path--outgoing{stroke:#27ae60!important;stroke-width:3!important;stroke-opacity:1!important;filter:drop-shadow(0 0 3px rgba(39,174,96,.5))}.edge-path--incoming{stroke:#2e86c1!important;stroke-width:3!important;stroke-opacity:1!important;filter:drop-shadow(0 0 3px rgba(46,134,193,.5))}.edge-path--dimmed{stroke-opacity:.12!important}.edge-path--dimmed:hover{stroke-opacity:.6!important;stroke:var(--color-accent)}.ext-node__rect{fill:#fff8e1;stroke:#f9a825;stroke-width:1.5;stroke-dasharray:5 3;filter:drop-shadow(0 1px 3px rgba(0,0,0,.06));transition:all .2s ease}.ext-node{cursor:pointer}.ext-node:hover .ext-node__rect,.ext-node--hovered .ext-node__rect{fill:#fff3cd;stroke:#f57f17;stroke-width:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}.ext-node--active .ext-node__rect{fill:#fff3cd;stroke:#e65100;stroke-width:2.5;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}.ext-node__name{font-size:10px;font-weight:700;fill:#e65100}.ext-node__type{font-size:7px;fill:#f57f17;font-weight:500;letter-spacing:.3px}.ext-flow{fill:none;stroke-width:1.2;stroke-dasharray:6 4;opacity:.5;transition:all .2s ease;cursor:pointer}.ext-flow:hover{opacity:1;stroke-width:2}.ext-flow--highlighted{opacity:1;stroke-width:2.5;filter:drop-shadow(0 0 3px currentColor)}.ext-flow--dimmed{opacity:.12}.ext-flow--in{stroke:#8e44ad}.ext-flow--out{stroke:#d4ac0d}.edge-tooltip{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.8rem;box-shadow:var(--shadow-md);pointer-events:none;z-index:500;max-width:260px}.edge-tooltip__title{font-weight:600;color:var(--color-primary);margin-bottom:4px;font-size:.75rem}.edge-tooltip__docs{color:var(--color-text-secondary);font-size:.78rem;line-height:1.4}.badge-all{font-size:8px;font-weight:700;fill:#fff}.gap-panel{background:var(--color-surface);border-top:2px solid var(--color-border);max-height:280px;overflow-y:auto;padding:16px 24px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.gap-panel__title{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--color-text);display:flex;align-items:center;gap:8px}.gap-panel__count{background:var(--color-danger);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600}.gap-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:6px;font-size:.85rem;line-height:1.4;border-left:3px solid}.gap-item--high{background:#fff5f5;border-left-color:var(--color-danger)}.gap-item--medium{background:#fff8e1;border-left-color:var(--color-warning)}.gap-item--low{background:#f0fff4;border-left-color:var(--color-success)}.gap-item__severity{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:3px;white-space:nowrap}.gap-item__severity--high{background:var(--color-danger);color:#fff}.gap-item__severity--medium{background:var(--color-warning);color:#fff}.gap-item__text{flex:1}.gap-item__processes{font-size:.78rem;color:var(--color-text-secondary);margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:960px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;animation:modalSlide .25s ease;overflow:hidden}@keyframes modalSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.modal__header-content{flex:1}.modal__id{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.modal__id--management{color:var(--color-management)}.modal__id--core{color:var(--color-core)}.modal__id--supporting{color:var(--color-supporting)}.modal__id--external{color:#e65100}.modal__title{font-size:1.2rem;font-weight:700;line-height:1.3}.modal__close{width:36px;height:36px;border:none;background:var(--color-bg);border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:var(--transition);flex-shrink:0}.modal__close:hover{background:#e8eaed;color:var(--color-text)}.modal__meta{padding:12px 24px;background:var(--color-bg);display:flex;gap:24px;flex-wrap:wrap;font-size:.85rem;flex-shrink:0}.modal__meta-item{display:flex;align-items:center;gap:6px}.modal__meta-label{color:var(--color-text-secondary);font-weight:500}.modal__meta-value{font-weight:600}.modal__tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 24px;flex-shrink:0}.modal__tab{padding:10px 16px;border:none;background:none;color:var(--color-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition)}.modal__tab:hover{color:var(--color-text)}.modal__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal__body{flex:1;overflow-y:auto;padding:20px 24px}.io-section{margin-bottom:24px}.io-section__title{font-size:.9rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px}.io-section__title--input{color:var(--color-core)}.io-section__title--output{color:var(--color-success)}.io-table{width:100%;border-collapse:collapse;font-size:.85rem}.io-table th{background:var(--color-bg);padding:8px 12px;text-align:left;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.io-table td{padding:8px 12px;border-bottom:1px solid var(--color-border);vertical-align:top}.io-table tr:last-child td{border-bottom:none}.io-table tr:hover td{background:#fafbfc}.io-source-link,.io-target-link{color:var(--color-primary);cursor:pointer;font-weight:600;text-decoration:none;transition:var(--transition)}.io-source-link:hover,.io-target-link:hover{text-decoration:underline;color:var(--color-accent)}.subprocess-flow{display:flex;align-items:center;gap:4px;padding:16px 0;overflow-x:auto;flex-wrap:wrap}.subprocess-step{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 14px;font-size:.8rem;font-weight:600;white-space:nowrap;transition:var(--transition)}.subprocess-step:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.subprocess-arrow{color:var(--color-text-muted);font-size:1.2rem;flex-shrink:0}.raci-container{margin-top:8px}.raci-filter{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.raci-filter__label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.raci-filter__btn{height:28px;padding:0 10px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition)}.raci-filter__btn:hover{border-color:var(--color-primary)}.raci-filter__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.raci-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.raci-table{width:100%;border-collapse:collapse;font-size:.8rem}.raci-table th{background:var(--color-bg);padding:8px 10px;text-align:center;font-weight:700;font-size:.75rem;border-bottom:2px solid var(--color-border);border-right:1px solid var(--color-border);white-space:nowrap}.raci-table th:first-child{text-align:left;min-width:180px}.raci-table td{padding:6px 10px;text-align:center;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);font-weight:700;font-size:.85rem}.raci-table td:first-child{text-align:left;font-weight:500;font-size:.8rem;background:#fafbfc}.raci-table tr:last-child td{border-bottom:none}.raci-table td:last-child,.raci-table th:last-child{border-right:none}.raci-table tr.raci-row--dimmed td{opacity:.25}.raci-table tr.raci-row--dimmed td:first-child{opacity:.5}.raci-cell--R{color:#e74c3c;background:#fff5f5}.raci-cell--A{color:#2e86c1;background:#ebf5fb}.raci-cell--S{color:#27ae60;background:#eafaf1}.raci-cell--C{color:#e67e22;background:#fef5e7}.raci-cell--I{color:#8e44ad;background:#f5eef8}.raci-legend{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.raci-legend__item{display:flex;align-items:center;gap:5px;font-size:.75rem}.raci-legend__dot{width:10px;height:10px;border-radius:50%}.no-data{text-align:center;padding:32px;color:var(--color-text-secondary);font-style:italic}.legend-bar{display:flex;align-items:center;justify-content:center;gap:24px;padding:8px 24px;background:var(--color-surface);border-top:1px solid var(--color-border);font-size:.78rem;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}@media(max-width:768px){.header{padding:0 12px;gap:10px}.search-container{width:200px}.toolbar__btn span{display:none}.modal{max-width:100%}.modal__meta{flex-direction:column;gap:8px}}@media print{.header,.toolbar,.process-map__viewport .process-map__map-toolbar,.gap-panel,.search-container{display:none!important}.main-content{overflow:visible}.process-map{overflow:visible;padding:0}.process-map__viewport{overflow:visible;box-shadow:none;border:none}.process-map__transform{transform:none!important}.legend-bar{break-inside:avoid;padding:12px}.process-map__svg{min-height:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}