:root{--primary-color: #4f46e5;--secondary-color: #818cf8;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f0f2f5;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}[data-theme=dark]{--bg-primary: #1f2937;--bg-secondary: #374151;--bg-tertiary: #4b5563;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #4b5563}body{font-family:Inter,sans-serif;background-color:var(--bg-tertiary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.material-icons{vertical-align:middle;font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;flex-shrink:0;width:auto;height:auto}.env-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.env-badge.dev{background-color:#22c55e;color:#fff}.env-badge.prod{background-color:#ef4444;color:#fff}.vita-card{transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.vita-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.modal{display:none}.modal.active{display:flex}.spinner{border:2px solid rgba(0,0,0,.1);width:16px;height:16px;border-radius:50%;border-left-color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-button{display:inline-flex;align-items:center;gap:.5rem}.tab-btn{padding:.5rem 1rem;border:none;background:none;cursor:pointer;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:#4f46e5}.tab-btn.active-tab{color:#4f46e5;border-bottom-color:#4f46e5}.system-view-container{display:flex;gap:1rem}.diagram-wrapper{flex-grow:1;position:relative}.catwoe-diagram{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"customer customer customer" "input transform output" "actor actor actor" "worldview environment owner";gap:1.5rem;align-items:start;padding:1rem}@media (max-width: 1023px){.system-view-container{flex-direction:column}.catwoe-diagram{grid-template-columns:1fr 1fr;grid-template-areas:"customer customer" "input output" "transform transform" "actor actor" "worldview environment" "owner ."}}@media (max-width: 768px){.catwoe-diagram{grid-template-columns:1fr;grid-template-areas:"customer" "input" "transform" "output" "actor" "worldview" "environment" "owner"}}.catwoe-node{border:2px solid transparent;border-radius:1rem;padding:1.5rem;background-color:#fff;box-shadow:0 4px 12px #00000014;position:relative;display:flex;flex-direction:column;min-height:200px}.catwoe-node h3{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.catwoe-node p{font-size:.875rem;color:#64748b;text-align:center;margin-bottom:1rem}.add-card-btn{position:absolute;top:.75rem;right:.75rem;background-color:#eef2ff;color:#4f46e5;border-radius:9999px;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;border:none}.add-card-btn:hover{background-color:#4f46e5;color:#fff}.card-list{flex-grow:1;overflow-y:auto;max-height:150px;padding-right:.5rem}.data-card{background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;padding:.5rem .75rem;margin-bottom:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.data-card.selected{border-color:#4f46e5;background-color:#eef2ff;font-weight:600}.data-card.dragging{opacity:.5;cursor:grabbing}.data-card.board-addable{position:relative}.data-card.board-addable:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:.625rem;z-index:-1;opacity:.05;transition:opacity .2s ease}.data-card.board-addable:hover:before{opacity:.1}.data-card.board-addable:after{content:"📌";position:absolute;top:.25rem;right:.25rem;font-size:.625rem;opacity:.6;z-index:1}.data-card.board-addable .board-indicator{position:absolute;bottom:.25rem;right:.25rem;background:var(--primary-color);color:#fff;padding:.0625rem .25rem;border-radius:.25rem;font-size:.5rem;font-weight:500;opacity:.9;z-index:2}.card-menu-btn{padding:.25rem;border-radius:9999px;background-color:transparent;border:none;transition:background-color .2s;cursor:pointer}.card-menu-btn:hover{background-color:#e0e7ff}.card-menu{display:none;position:absolute;right:1rem;top:2.5rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:10;overflow:hidden}.card-menu-item{display:block;width:100%;text-align:left;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap;border:none;background:none;cursor:pointer}.card-menu-item:hover{background-color:#f3f4f6}#details-panel{width:350px;flex-shrink:0;background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;transform:translate(110%);position:fixed;right:5rem;top:8rem;height:calc(100vh - 9rem);z-index:15}body.right-sidebar-expanded #details-panel{right:340px}#details-panel.active{transform:translate(0)}#link-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.link-pill{padding:.5rem .75rem;border-radius:9999px;background-color:#f1f5f9;border:2px solid #f1f5f9;color:#475569;font-size:.875rem;cursor:pointer;text-align:center;transition:all .2s ease}.link-pill:hover{border-color:#6366f1}.link-pill.selected{background-color:#e0e7ff;border-color:#4f46e5;color:#4f46e5;font-weight:500}#c-node{grid-area:customer;border-color:#3b82f6}#i-node{grid-area:input;border-color:#f59e0b}#t-node{grid-area:transform;border-color:#ca8a04}#output-node{grid-area:output;border-color:#6d28d9}#a-node{grid-area:actor;border-color:#16a34a}#w-node{grid-area:worldview;border-color:#7c3aed}#e-node{grid-area:environment;border-color:#ea580c}#o-node{grid-area:owner;border-color:#db2777}.sidebar-nav-item{display:flex;align-items:center;width:100%;padding:.75rem;border-radius:.5rem;transition:background-color .2s ease,color .2s ease;color:var(--text-secondary);background:none;border:none;cursor:pointer;justify-content:flex-start}.sidebar-nav-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav-item.active{background-color:var(--primary-color);color:#fff}.sidebar-nav-item .material-icons{margin-right:.75rem;font-size:1.25rem;flex-shrink:0;text-align:center;min-width:1.25rem;width:auto;height:auto;line-height:1}.nav-label{font-size:.875rem;font-weight:500;white-space:nowrap;opacity:1;transition:opacity .2s ease;flex:1;min-width:0}#left-sidebar{width:16rem;transition:width .3s ease}#left-sidebar.collapsed{width:5rem!important}#left-sidebar.collapsed .nav-label{opacity:0;pointer-events:none}#left-sidebar.collapsed .sidebar-toggle-text{display:none}#left-sidebar.collapsed .sidebar-nav-item{justify-content:center;border-radius:.75rem;margin:.25rem;min-height:3rem}#left-sidebar.collapsed .sidebar-nav-item .material-icons{margin-right:0;font-size:1.5rem}#left-sidebar.collapsed .sidebar-nav-item.active{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:.5rem}.sidebar-toggle-btn:hover{background-color:var(--bg-secondary);color:var(--primary-color)}#left-sidebar.collapsed .sidebar-toggle-btn .material-icons{transform:rotate(180deg)}#left-sidebar.collapsed .sidebar-toggle-btn{display:flex;margin:.5rem auto;justify-content:center}#left-sidebar.collapsed:hover{width:16rem!important;transition:width .3s ease}#left-sidebar.collapsed:hover .nav-label{opacity:1;pointer-events:auto}#left-sidebar.collapsed:hover .sidebar-toggle-text{display:block}@media (min-width: 1024px){#left-sidebar{position:relative;transform:translate(0)}#left-sidebar.collapsed{width:5rem!important;transform:translate(0)}}@media (max-width: 1023px){#left-sidebar{position:fixed;top:4rem;left:0;bottom:0;width:280px;height:calc(100vh - 4rem);box-shadow:4px 0 12px #00000026;z-index:1000;border-right:1px solid #e5e7eb;transform:translate(-100%);transition:transform .3s ease}#left-sidebar.mobile-expanded{transform:translate(0)}#left-sidebar .nav-label{opacity:1;pointer-events:auto}#left-sidebar nav{max-height:calc(100vh - 120px);overflow-y:auto;padding-bottom:2rem}#left-sidebar.mobile-expanded:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:-1}#sidebar-toggle{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;border-radius:.5rem}#sidebar-toggle:hover{background-color:var(--bg-secondary);color:var(--primary-color)}#sidebar-toggle .material-icons{font-size:24px}.sidebar-nav-item{min-height:3rem;margin:.25rem;border-radius:.5rem;justify-content:center}.sidebar-nav-item .material-icons{font-size:1.5rem}}#right-sidebar{height:calc(100vh - 4rem);overflow-y:auto;cursor:grab;-webkit-user-select:none;user-select:none}#right-sidebar:active{cursor:grabbing}#right-sidebar.expanded{width:320px;cursor:default}main{transition:padding-right .3s ease}body.right-sidebar-expanded main{padding-right:360px}.view-section .flex.justify-between{margin-right:0;position:relative}.view-section .flex.justify-between button{position:relative;z-index:10}@media (min-width: 1025px){main{padding-right:7rem!important}body.right-sidebar-expanded main{padding-right:380px!important}.view-section .flex.justify-between{margin-right:1rem}#right-sidebar{position:fixed;top:4rem;right:0;bottom:0;background:#f8fafc;border-left:2px solid #e5e7eb;box-shadow:-2px 0 8px #0000001a;z-index:30;pointer-events:auto}#right-sidebar.expanded{background:#fff;border-left:2px solid #e5e7eb;box-shadow:-4px 0 12px #00000026}#right-sidebar-toggle{position:relative;z-index:50;pointer-events:auto}}.view-section,body.right-sidebar-expanded .view-section{margin-right:0;max-width:100%}#right-sidebar.dragging{z-index:1000;cursor:grabbing}.action-btn-toggle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn-toggle:hover{background:var(--bg-secondary);color:var(--primary-color)}#right-sidebar.expanded .action-btn-toggle .material-icons{transform:rotate(180deg)}.action-label{transition:opacity .2s ease}#right-sidebar.expanded .action-label{display:block!important}#right-sidebar.expanded .action-title{display:block!important;opacity:1;transition:opacity .3s ease}.action-item{position:relative}.action-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.action-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn:active{transform:translateY(0)}.action-btn.active{background:var(--primary-color);color:#fff}.action-panel{position:absolute;left:100%;top:0;margin-left:.5rem;width:240px;background:var(--bg-primary);border-radius:.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);z-index:50;transition:all .2s ease}#right-sidebar.expanded .action-panel{position:static;margin-left:0;margin-top:.5rem;width:100%;box-shadow:none;border:1px solid var(--border-color);background:var(--bg-secondary)}.action-content{padding:1rem}.action-sub-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:var(--bg-primary);color:var(--text-primary);border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.action-sub-btn:hover{background:var(--primary-color);color:#fff}.action-sub-btn .material-icons{font-size:1rem}.version-item{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary)}.zoom-controls{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--bg-primary);border-radius:.375rem;border:1px solid var(--border-color)}.zoom-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:.25rem;cursor:pointer;transition:all .2s ease}.zoom-btn:hover{background:var(--primary-color);color:#fff}.zoom-level{font-weight:600;color:var(--text-primary)}.layer-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:.375rem;transition:all .2s ease;font-size:.875rem}.layer-toggle:hover{background:var(--bg-primary)}.layer-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary-color)}.layer-toggle .material-icons{font-size:1rem;color:var(--text-secondary)}.layer-toggle span:last-child{color:var(--text-primary)}.view-section{display:block}.view-section.hidden{display:none}.editable-title{position:relative;display:inline-flex;align-items:center;gap:.5rem}.inline-edit-btn{opacity:0;transition:opacity .2s ease;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem}.editable-title:hover .inline-edit-btn{opacity:1}.inline-edit-btn:hover{background-color:var(--bg-secondary)}.editing-input{background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:.375rem;padding:.5rem;font-size:inherit;font-weight:inherit;color:inherit;min-width:200px}.theme-option{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;gap:.5rem}.theme-option:hover{border-color:var(--primary-color);color:var(--primary-color)}.theme-option.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.theme-option .material-icons{font-size:1.5rem}[data-theme=dark] .vita-card,[data-theme=dark] .catwoe-node,[data-theme=dark] .bg-white{background-color:var(--bg-primary)!important;color:var(--text-primary)}[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-100{border-color:var(--border-color)!important}[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-600{color:var(--text-secondary)!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-800{color:var(--text-primary)!important}[data-theme=dark] .bg-gray-50{background-color:var(--bg-secondary)!important}[data-theme=dark] .bg-gray-100{background-color:var(--bg-tertiary)!important}@media (max-width: 1023px){main{padding-right:1rem!important;padding-bottom:5rem!important}body.right-sidebar-expanded main{padding-right:1rem!important;padding-bottom:5rem!important}#details-panel{position:fixed;right:1rem;top:6rem;height:calc(100vh - 7rem);z-index:20}body.right-sidebar-expanded #details-panel{right:5rem}#right-sidebar{right:1rem;top:6rem}}@media (max-width: 768px){#details-panel{width:calc(100vw - 2rem);right:1rem;left:1rem;top:6rem;height:calc(100vh - 7rem)}#right-sidebar{flex-direction:row;right:1rem;left:1rem;top:auto;bottom:1rem;width:auto;justify-content:space-around}.action-btn{width:3rem;height:3rem}}.notification{position:fixed;top:1rem;right:1rem;padding:1rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease-out;max-width:400px}.notification-success{background-color:var(--success-color)}.notification-error{background-color:var(--error-color)}.notification-info{background-color:var(--primary-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.zoomed{transform:scale(1.2);transition:transform .3s ease}.sidebar-nav-item:focus,.action-btn:focus,.inline-edit-btn:focus,.theme-option:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast: high){:root{--border-color: #000000;--text-secondary: #000000}[data-theme=dark]{--border-color: #ffffff;--text-secondary: #ffffff}}.focus-mode{margin-left:0!important;margin-right:0!important;padding-left:2rem!important;padding-right:2rem!important}@media (max-width: 1023px){#right-sidebar{right:1rem;top:6rem}#right-sidebar.expanded{width:280px}}@media (max-width: 768px){#right-sidebar{position:fixed;bottom:1rem;top:auto;right:1rem;left:auto;width:56px;height:56px;border-radius:50%;transition:all .3s ease;background:#fff;box-shadow:0 4px 12px #00000026;border:1px solid #e5e7eb;z-index:1000}#right-sidebar.expanded{width:calc(100vw - 2rem);height:auto;left:1rem;right:1rem;border-radius:12px;max-height:60vh;overflow-y:auto}#right-sidebar .action-item{display:none}#right-sidebar.expanded .action-item{display:block}#right-sidebar-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#4f46e5;color:#fff;border:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease}#right-sidebar.expanded #right-sidebar-toggle{position:static;transform:none;width:auto;height:auto;background:transparent;color:#6b7280;border-radius:6px}#right-sidebar>div:first-child{display:none}#right-sidebar.expanded>div:first-child{display:flex;padding:16px;border-bottom:1px solid #e5e7eb}#right-sidebar.expanded .action-label{display:inline}.action-panel{position:static;margin-left:0;margin-top:.5rem;width:100%}#right-sidebar:not(.expanded) #right-sidebar-toggle .material-icons{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}}.sipoc-container{position:relative;min-height:500px}.sipoc-svg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.sipoc-columns{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;position:relative;z-index:2;min-height:500px}.sipoc-column{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.sipoc-column:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.sipoc-column.sipoc-process{border-color:var(--primary-color);background:linear-gradient(135deg,#eef2ff,#f8fafc)}.sipoc-header{background:var(--bg-secondary);padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.sipoc-header h3{font-weight:600;color:var(--text-primary);margin:0;font-size:.875rem}.sipoc-header .material-icons{color:var(--primary-color);margin-right:.5rem}.sipoc-count{background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;min-width:1.5rem;text-align:center}.sipoc-drop-zone{flex-grow:1;padding:1rem;display:flex;flex-direction:column;min-height:400px;position:relative}.sipoc-items{flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.sipoc-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;border:2px dashed var(--border-color);border-radius:.5rem;color:var(--text-secondary);transition:all .2s ease}.sipoc-placeholder .material-icons{font-size:2rem;margin-bottom:.5rem;opacity:.5}.sipoc-placeholder p{font-size:.875rem;margin:0}.sipoc-drop-zone.drag-over .sipoc-placeholder{border-color:var(--primary-color);background:var(--bg-secondary);color:var(--primary-color)}.sipoc-drop-zone.has-items .sipoc-placeholder{display:none}.sipoc-item{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;cursor:grab;transition:all .2s ease;position:relative;box-shadow:var(--shadow-sm)}.sipoc-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.sipoc-item.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg)}.sipoc-item h4{font-weight:600;font-size:.875rem;margin:0 0 .25rem;color:var(--text-primary)}.sipoc-item p{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.3}.sipoc-item .item-type{position:absolute;top:.5rem;right:.5rem;width:8px;height:8px;border-radius:50%}.sipoc-item[data-type=actor] .item-type{background:#10b981}.sipoc-item[data-type=input] .item-type{background:#f59e0b}.sipoc-item[data-type=task] .item-type{background:#ca8a04}.sipoc-item[data-type=output] .item-type{background:#6d28d9}.sipoc-item[data-type=customer] .item-type{background:#3b82f6}.source-panel{background:var(--bg-secondary);border-radius:.5rem;padding:1rem;border:1px solid var(--border-color)}.source-items{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.source-item{background:#fff;border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem;cursor:grab;transition:all .2s ease;font-size:.875rem}.source-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.source-item.dragging{opacity:.5;cursor:grabbing}.sipoc-flow-line{stroke:var(--primary-color);stroke-width:2;fill:none;marker-end:url(#sipoc-arrow);transition:all .3s ease}.sipoc-flow-line:hover{stroke-width:3}#sipoc-matrix-body td{padding:.75rem;vertical-align:top;border-bottom:1px solid var(--border-color)}.matrix-item{background:var(--bg-secondary);border-radius:.25rem;padding:.5rem;margin-bottom:.5rem;font-size:.875rem;border:1px solid var(--border-color)}.matrix-item:last-child{margin-bottom:0}[data-theme=dark] .sipoc-column{background-color:var(--bg-primary);border-color:var(--border-color)}[data-theme=dark] .sipoc-item,[data-theme=dark] .source-item{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .sipoc-placeholder{border-color:var(--border-color);color:var(--text-secondary)}@media (max-width: 1023px){.sipoc-columns{grid-template-columns:1fr;gap:.5rem}.sipoc-column{min-height:auto}.sipoc-drop-zone{min-height:150px}.sipoc-container{min-height:auto}}@media (max-width: 768px){.source-panel{margin-bottom:1rem}.sipoc-header h3{font-size:.75rem}.sipoc-item,.source-item{padding:.5rem;font-size:.8rem}}.task-toggle-group{display:flex;flex-wrap:wrap;gap:.5rem}.task-toggle-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;border:2px solid var(--border-color);border-radius:.75rem;background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-width:80px;gap:.25rem;font-size:.75rem;font-weight:500}.task-toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-secondary)}.task-toggle-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.task-toggle-btn .material-icons{font-size:1.25rem}.task-toggle-btn span:last-child{line-height:1}[data-theme=dark] .task-toggle-btn{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .task-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color);color:var(--primary-color)}[data-theme=dark] .task-toggle-btn.active{background:var(--primary-color);color:#fff}.sipoc-customer-display{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:1rem;color:#fff;min-height:120px;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);margin:0;cursor:pointer;transition:all .2s ease}.sipoc-customer-display:hover{transform:translate(-50%,-50%) scale(1.02);box-shadow:0 8px 25px #3b82f64d}.sipoc-select-customer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;border:2px dashed var(--border-color);border-radius:1rem;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;gap:.5rem;min-height:120px}.sipoc-select-customer-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-secondary)}.sipoc-select-customer-btn .material-icons{font-size:2rem}.sipoc-select-customer-btn span:last-child{font-weight:500;font-size:.875rem}.sipoc-customer-icon{font-size:3rem!important;margin-bottom:.5rem;opacity:.9}.sipoc-customer-title{font-weight:600;text-align:center;font-size:.875rem;line-height:1.2}.sipoc-customer-count{position:absolute;top:.5rem;right:.5rem;background:#fff3;color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sipoc-matrix-customer-cell{text-align:center;vertical-align:middle}.sipoc-matrix-customer-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;margin:0 auto .5rem;position:relative}.sipoc-matrix-customer-icon .material-icons{font-size:1.5rem}.sipoc-matrix-customer-badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;border-radius:50%;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600}.process-matrix-item{background:var(--bg-secondary);border-radius:.5rem;padding:.75rem;border-left:4px solid #f59e0b}.process-matrix-item .task-title{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.task-actors{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.task-actor{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--bg-primary);border-radius:.25rem;font-size:.75rem}.task-actor .actor-icon{font-size:1rem;color:#6366f1}.task-actor .actor-name{font-weight:500;color:var(--text-primary)}.task-actor .actor-role{color:var(--text-secondary);font-size:.625rem;background:#e5e7eb;padding:.125rem .375rem;border-radius:.125rem;margin-left:auto}[data-theme=dark] .task-actor .actor-role{background:#374151;color:#d1d5db}.connection-link{cursor:pointer;stroke-opacity:.8;transition:all .3s ease}.connection-link:hover{stroke-opacity:1;filter:drop-shadow(0 0 3px currentColor)}.animated-link{stroke-dashoffset:20;animation:dash-flow 2s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:0}}.link-highlighted{transform:scale(1.05);box-shadow:0 0 0 3px #6366f14d;transition:all .3s ease}.link-process{stroke:#f59e0b}.link-data{stroke:#10b981}.link-feedback{stroke:#ef4444}.link-weak{stroke:#9ca3af}.layer-controls{background:var(--bg-primary);border-radius:.5rem;padding:1rem;margin:1rem 0;border:1px solid var(--border-color)}.layer-control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.layer-control-header h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.layer-toggle-all{background:var(--primary-color);color:#fff;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:background-color .2s}.layer-toggle-all:hover{background:#4338ca}.layer-options{display:flex;flex-direction:column;gap:.5rem}.layer-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s}.layer-option:hover{background:var(--bg-secondary)}.layer-option input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary-color)}.layer-label{flex:1;font-size:.75rem;color:var(--text-primary)}.layer-count{background:var(--bg-secondary);color:var(--text-secondary);font-size:.625rem;padding:.125rem .375rem;border-radius:.75rem;min-width:1.25rem;text-align:center;line-height:1}[data-theme=dark] .layer-controls{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .layer-count{background:var(--bg-tertiary);color:var(--text-tertiary)}.sequence-diagram-container{position:relative;overflow-x:auto;min-height:500px}.sequence-header{position:sticky;top:0;background:var(--bg-primary);border-bottom:2px solid var(--border-color);z-index:10}.sequence-actors-header{display:flex;min-width:fit-content}.sequence-actor-column{min-width:150px;padding:1rem;text-align:center;border-right:1px solid var(--border-color);background:var(--bg-secondary)}.sequence-actor-column:last-child{border-right:none}.sequence-actor-title{font-weight:600;margin-bottom:.25rem}.sequence-actor-role{font-size:.75rem;color:var(--text-secondary)}.sequence-body{position:relative;min-height:400px}.sequence-timeline{display:flex;flex-direction:column;position:relative}.sequence-event{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color);position:relative}.sequence-event-time{width:80px;font-size:.75rem;color:var(--text-secondary);text-align:right;padding-right:1rem}.sequence-event-content{flex:1;display:flex;position:relative}.sequence-task-block{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;position:relative;min-width:120px;text-align:center}.sequence-task-block.critical{background:#ef4444}.sequence-task-block.secondary{background:#6b7280}.sequence-connection{position:absolute;height:2px;background:var(--primary-color);top:50%;transform:translateY(-1px)}.sequence-customer-journey{background:var(--bg-secondary);border-top:2px solid var(--border-color);padding:1rem}.sequence-customer-touchpoint{display:inline-flex;align-items:center;gap:.5rem;background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:1rem;margin-right:1rem;margin-bottom:.5rem;font-size:.875rem}.team-org-chart{display:flex;flex-direction:column;gap:2rem}.team-node{background:var(--bg-secondary);border-radius:.5rem;padding:1.5rem;border-left:4px solid var(--primary-color)}.team-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.team-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.team-info h3{font-weight:600;margin-bottom:.25rem}.team-department{font-size:.875rem;color:var(--text-secondary)}.team-actors{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.actor-card{background:var(--bg-primary);border-radius:.5rem;padding:1rem;border:1px solid var(--border-color);transition:all .2s ease}.actor-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.actor-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.actor-avatar{width:2.5rem;height:2.5rem;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.actor-details h4{font-weight:600;margin-bottom:.25rem}.actor-role{font-size:.75rem;color:var(--text-secondary)}.actor-skills{display:flex;flex-wrap:wrap;gap:.25rem}.skill-tag{background:var(--bg-secondary);color:var(--text-secondary);font-size:.625rem;padding:.125rem .5rem;border-radius:.75rem}.actor-availability{margin-top:.75rem;display:flex;align-items:center;gap:.5rem}.availability-bar{flex:1;height:.25rem;background:var(--border-color);border-radius:.125rem;overflow:hidden}.availability-fill{height:100%;border-radius:.125rem;transition:width .3s ease}.availability-fill.high{background:#10b981}.availability-fill.medium{background:#f59e0b}.availability-fill.low{background:#ef4444}.relationship-node{position:absolute;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.75rem;padding:.75rem;min-width:120px;text-align:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:10}.relationship-node:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.relationship-node.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.relationship-node.highlighted{border-color:var(--warning-color);background:#f59e0b1a}.relationship-node.isolated{border-color:var(--error-color);background:#ef44441a}.relationship-node-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.relationship-node-type{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.relationship-connection{stroke:var(--border-color);stroke-width:2;fill:none;opacity:.6;transition:all .2s ease}.relationship-connection.strong{stroke:var(--success-color);stroke-width:3;opacity:.8}.relationship-connection.medium{stroke:var(--warning-color);stroke-width:2;opacity:.7}.relationship-connection.weak{stroke:var(--error-color);stroke-width:1;opacity:.5;stroke-dasharray:5,5}.relationship-connection.highlighted{stroke:var(--primary-color);stroke-width:3;opacity:1}.relationship-details-item{background:var(--bg-secondary);border-radius:.5rem;padding:1rem;border-left:4px solid var(--primary-color)}.relationship-details-item h4{font-weight:600;margin-bottom:.5rem}.relationship-details-item p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.relationship-strength-indicator{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;margin-right:.5rem}.relationship-strength-indicator.strong{background:var(--success-color)}.relationship-strength-indicator.medium{background:var(--warning-color)}.relationship-strength-indicator.weak{background:var(--error-color)}.environment-category-card{background:var(--bg-primary);border-radius:.5rem;padding:1.5rem;text-align:center;border:2px solid var(--border-color);cursor:pointer;transition:all .2s ease}.environment-category-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.environment-category-card.active{border-color:var(--primary-color);background:#4f46e51a}.category-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:1.5rem}.environment-category-card[data-category=system] .category-icon{background:#6b7280}.environment-category-card[data-category=legal] .category-icon{background:#dc2626}.environment-category-card[data-category=political] .category-icon{background:#7c3aed}.environment-category-card[data-category=market] .category-icon{background:#059669}.environment-category-card[data-category=social] .category-icon{background:#ea580c}.environment-category-card[data-category=technical] .category-icon{background:#0284c7}.category-title{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.category-count{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.environment-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.environment-impact-item{background:var(--bg-secondary);border-radius:.5rem;padding:1rem;border-left:4px solid transparent}.environment-impact-item.high-impact{border-left-color:#ef4444}.environment-impact-item.medium-impact{border-left-color:#f59e0b}.environment-impact-item.low-impact{border-left-color:#10b981}.impact-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.impact-category{font-size:.75rem;background:var(--bg-primary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:.25rem}.impact-title{font-weight:600;color:var(--text-primary)}.impact-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.impact-level{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.impact-indicator{width:.5rem;height:.5rem;border-radius:50%}.impact-indicator.high{background:#ef4444}.impact-indicator.medium{background:#f59e0b}.impact-indicator.low{background:#10b981}[data-theme=dark] .sequence-actor-column,[data-theme=dark] .team-node{background:var(--bg-tertiary)}[data-theme=dark] .actor-card,[data-theme=dark] .environment-category-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .environment-category-card.active{background:#4f46e533}[data-theme=dark] .environment-impact-item{background:var(--bg-tertiary)}[data-theme=dark] .impact-category{background:var(--bg-secondary)}.persona-card{border:2px solid var(--border-color);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.persona-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.persona-card.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.persona-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.persona-icon{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.persona-card.selected .persona-icon{background:#fff3}.persona-title{font-weight:600;font-size:1.1rem;margin:0}.persona-type{font-size:.875rem;opacity:.8;margin:0}.persona-details{font-size:.875rem;line-height:1.4}.persona-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.persona-row:last-child{margin-bottom:0}.persona-label{font-weight:500;opacity:.8}.persona-value{text-align:right}.persona-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.persona-tag{background:rgba(var(--primary-color-rgb, 79, 70, 229),.1);color:var(--primary-color);padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.persona-card.selected .persona-tag{background:#fff3;color:#fff}.persona-card.board-addable{position:relative}.persona-card.board-addable:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:.625rem;z-index:-1;opacity:.05;transition:opacity .2s ease}.persona-card.board-addable:hover:before{opacity:.1}.persona-card.board-addable:after{content:"📌";position:absolute;top:.5rem;right:.5rem;font-size:.625rem;opacity:.6;z-index:1}.persona-card.board-addable .board-indicator{position:absolute;bottom:.5rem;right:.5rem;background:var(--primary-color);color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem;font-weight:500;opacity:.9;z-index:2}.sipoc-add-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-sm)}.sipoc-add-btn:hover{background:var(--secondary-color);transform:scale(1.1);box-shadow:var(--shadow-md)}.sipoc-add-btn .material-icons{font-size:1rem}.element-card{border:2px solid var(--border-color);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;background:var(--bg-primary);position:relative;min-height:140px;display:flex;flex-direction:column}.element-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.element-card.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.element-card.unavailable{opacity:.6;border-style:dashed;cursor:not-allowed}.element-card.unavailable:hover{transform:none;box-shadow:none}.element-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem}.element-type-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0}.element-type-icon.actor{background:#10b981}.element-type-icon.input{background:#f59e0b}.element-type-icon.task{background:#ca8a04}.element-type-icon.output{background:#6d28d9}.element-type-icon.customer{background:#3b82f6}.element-type-icon.environment{background:#059669}.element-type-icon.owner{background:#dc2626}.element-type-icon.worldview{background:#7c3aed}.element-card.selected .element-type-icon{background:#fff3!important}.element-card.board-addable{position:relative}.element-card.board-addable:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border-radius:.875rem;z-index:-1;opacity:.1;transition:opacity .2s ease}.element-card.board-addable:hover:before{opacity:.2}.element-card.board-addable:after{content:"📌";position:absolute;top:.5rem;left:.5rem;font-size:.75rem;opacity:.7;z-index:1}.element-card.board-addable.selected:after{content:"✓";color:#fff;opacity:1}.board-indicator{position:absolute;bottom:.5rem;right:.5rem;background:var(--primary-color);color:#fff;padding:.125rem .375rem;border-radius:.375rem;font-size:.625rem;font-weight:500;opacity:.8;z-index:2}.element-card.selected .board-indicator{background:#fff3;color:#fff}.element-availability{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem}.availability-indicator{width:.5rem;height:.5rem;border-radius:50%;background:#10b981}.availability-indicator.low{background:#f59e0b}.availability-indicator.unavailable{background:#ef4444}.element-title{font-weight:600;font-size:1rem;margin:0 0 .25rem;line-height:1.2}.element-subtitle{font-size:.75rem;opacity:.7;margin:0 0 .5rem}.element-description{font-size:.875rem;line-height:1.3;flex-grow:1;opacity:.9}.element-card.selected .element-description{opacity:.9}.element-meta{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.element-tag{background:rgba(var(--primary-color-rgb, 79, 70, 229),.1);color:var(--primary-color);padding:.125rem .375rem;border-radius:9999px;font-size:.625rem;font-weight:500}.element-card.selected .element-tag{background:#fff3;color:#fff}.element-restrictions{margin-top:.5rem;font-size:.75rem;color:#dc2626}.element-card.selected .element-restrictions{color:#ffffffe6}.team-indicator{position:absolute;bottom:.5rem;left:.5rem;width:1rem;height:1rem;border-radius:50%;border:2px solid white}.category-indicator{position:absolute;bottom:.5rem;right:.5rem;padding:.125rem .375rem;background:#0000001a;border-radius:.25rem;font-size:.625rem;font-weight:500}.filter-section{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.search-input{position:relative}.search-input:before{content:"search";font-family:Material Icons;position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input input{padding-left:2.5rem}.filter-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--primary-color);color:#fff;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.filter-badge button{background:none;border:none;color:#fff;cursor:pointer;padding:.125rem;border-radius:50%;transition:background .2s}.filter-badge button:hover{background:#fff3}.mermaid-type-btn{padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.mermaid-type-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.mermaid-type-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mermaid-editor{width:100%;height:400px;border:2px solid var(--border-color);border-radius:.5rem;padding:1rem;font-family:Monaco,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.5;background:var(--bg-primary);color:var(--text-primary);resize:vertical}.mermaid-editor:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.mermaid-preview{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:.5rem;padding:1rem;min-height:400px;overflow:auto;position:relative}.mermaid-preview .mermaid-diagram{display:flex;justify-content:center;align-items:center;min-height:300px}.mermaid-preview svg{max-width:100%;height:auto}.mermaid-controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.mermaid-btn{padding:.5rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.mermaid-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.mermaid-btn.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.mermaid-btn.primary:hover{background:var(--secondary-color);border-color:var(--secondary-color)}.mermaid-btn.success{background:var(--success-color);color:#fff;border-color:var(--success-color)}.mermaid-btn.success:hover{background:#059669;border-color:#059669}.mermaid-btn.warning{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.mermaid-btn.warning:hover{background:#d97706;border-color:#d97706}.mermaid-diagram .node rect,.mermaid-diagram .node circle,.mermaid-diagram .node ellipse,.mermaid-diagram .node polygon{fill:var(--bg-secondary);stroke:var(--primary-color);stroke-width:2px}.mermaid-diagram .node text{fill:var(--text-primary);font-size:14px;font-weight:500}.mermaid-diagram .edgeLabel{background:var(--bg-primary);color:var(--text-primary);font-size:12px}.mermaid-diagram .edgePath{stroke:var(--text-secondary);stroke-width:2px}.mermaid-diagram .marker{fill:var(--text-secondary);stroke:var(--text-secondary)}@media (max-width: 768px){.mermaid-editor{height:300px}.mermaid-preview{min-height:300px}.mermaid-controls{flex-direction:column;align-items:stretch}.mermaid-btn{justify-content:center}}.supplier-card{border-left:4px solid var(--success-color)}.supplier-card .persona-header{background:linear-gradient(135deg,var(--success-color),#059669);color:#fff}.pain-points-list{list-style:none;padding:0;margin:0}.pain-points-list li{padding:.5rem 0;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.pain-points-list li:before{content:"warning";font-family:Material Icons;color:var(--warning-color);margin-right:.5rem;font-size:16px}.opportunities-list{list-style:none;padding:0;margin:0}.opportunities-list li{padding:.5rem 0;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.opportunities-list li:before{content:"lightbulb";font-family:Material Icons;color:var(--success-color);margin-right:.5rem;font-size:16px}.services-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.service-tag{background:var(--bg-secondary);color:var(--text-primary);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;border:1px solid var(--border-color)}.persona-section{margin-bottom:1rem}.persona-section h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.bulk-selection-mode .data-card{cursor:pointer;position:relative;transition:all .2s ease}.bulk-selection-mode .data-card:before{content:"";position:absolute;top:8px;left:8px;width:16px;height:16px;border:2px solid var(--border-color);border-radius:3px;background:var(--bg-primary);z-index:10;transition:all .2s ease}.bulk-selection-mode .data-card.bulk-selected:before{background:var(--primary-color);border-color:var(--primary-color);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e")}.bulk-selection-mode .data-card.bulk-selected{background:var(--primary-light);border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.bulk-selection-mode .data-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.bulk-selection-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;box-shadow:0 8px 25px #00000026;z-index:1000;display:none}.bulk-selection-toolbar.active{display:flex;align-items:center;gap:12px}.bulk-toolbar-count{font-size:.875rem;font-weight:600;color:var(--text-primary)}.bulk-toolbar-btn{padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.bulk-toolbar-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.bulk-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-toolbar-btn:disabled:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.bulk-toolbar-btn .material-icons{font-size:14px}[data-theme=dark] .bulk-selection-mode .data-card.bulk-selected{background:#6366f133;border-color:var(--primary-color)}[data-theme=dark] .bulk-selection-toolbar{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 8px 25px #0000004d}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mermaid-interactive-node{cursor:pointer!important;transition:all .2s ease!important}.mermaid-interactive-node:hover{filter:brightness(1.1)!important;transform:scale(1.05)!important}.mermaid-diagram{overflow:visible!important}.mermaid-diagram .node{transition:all .2s ease}.mermaid-diagram .node:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.mermaid-diagram .taskClass{font-weight:700!important;border-width:3px!important}.mermaid-type-btn.active{background:var(--primary-color)!important;color:#fff!important;transform:scale(1.02)}button .material-icons,.btn .material-icons,.flex .material-icons{flex-shrink:0!important;width:auto!important;height:auto!important;min-width:unset!important;aspect-ratio:1/1}.task-toggle-btn .material-icons,.bulk-toolbar-btn .material-icons,.action-btn .material-icons{font-size:18px!important;line-height:1!important;margin-right:.25rem}.icon-only .material-icons{margin-right:0!important;font-size:20px!important}h1 .material-icons,h2 .material-icons,h3 .material-icons,h4 .material-icons,h5 .material-icons,h6 .material-icons{margin-right:.5rem;vertical-align:middle}