:root{--color-primary: #1E3A5F;--color-primary-hover: #162D4A;--color-primary-light: #2D4A6F;--color-accent: #0EA5E9;--color-accent-hover: #0284C7;--color-accent-text: #0284C7;--color-secondary: #64748B;--color-secondary-hover: #475569;--color-success: #059669;--color-success-light: #D1FAE5;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-danger: #DC2626;--color-danger-hover: #B91C1C;--color-danger-light: #FEE2E2;--color-bg-primary: #F8FAFC;--color-bg-surface: #FFFFFF;--color-bg-muted: #F1F5F9;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-muted: #94A3B8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;overflow:hidden}.app{width:100%;height:100%;display:flex;flex-direction:column}.home-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:2rem}.home-title{font-size:3rem;margin-bottom:1rem;font-weight:700}.home-subtitle{font-size:1.2rem;margin-bottom:3rem;opacity:.9}.home-buttons{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.home-button{background:#fff;color:var(--color-primary);border:none;padding:2rem 3rem;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;min-width:200px}.home-button:hover{transform:translateY(-4px);box-shadow:0 8px 12px #0003}.risk-list-container{flex:1;display:flex;flex-direction:column;background:#f5f5f5}.risk-list-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.risk-list-header h1{font-size:1.8rem;color:#333}.risk-list-content{flex:1;overflow-y:auto;padding:2rem}.risk-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.risk-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;transition:background .2s}.risk-item:hover{background:#f9f9f9}.risk-item:last-child{border-bottom:none}.risk-info{flex:1}.risk-name{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:.5rem}.risk-meta{display:flex;gap:1rem;font-size:.9rem;color:#666}.priority-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.priority-high{background:#fee;color:#c00}.priority-medium{background:#ffeaa7;color:#d63031}.priority-low{background:#d4f1f4;color:#05668d}.bowtie-icon{cursor:pointer;padding:.5rem;border-radius:4px;transition:background .2s}.bowtie-icon:hover{background:#e0e0e0}.bowtie-icon.has-bowtie{color:#333}.bowtie-icon.no-bowtie{color:#ccc}.btn,.btn-secondary,.btn-danger{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none}.btn{background:var(--color-primary);color:#fff}.btn:hover{background:var(--color-primary-hover)}.btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-bg-muted)}.btn-secondary:disabled{background:#f5f5f5;color:#999;border-color:#ddd;cursor:not-allowed;opacity:.7}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.btn-danger:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.btn-small{padding:.5rem 1rem;font-size:.9rem;border-radius:6px}.btn-icon{padding:.5rem;min-width:unset;border-radius:6px}.btn-icon svg{display:block}.bowtie-toolbar button[title],.bowtie-toolbar input[title]{position:relative}.bowtie-toolbar button[title]:hover:after,.bowtie-toolbar input[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:6px 10px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 2px 8px #00000026}.bowtie-toolbar button[title]:hover:before,.bowtie-toolbar input[title]:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b;z-index:1000;pointer-events:none}.bowtie-editor{flex:1;min-height:0;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden}.bowtie-toolbar{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:1rem}.risk-selector{min-width:300px;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.bowtie-canvas{flex:1;position:relative;background:#fff}.category-bar{background:#f9f9f9;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-around;padding:1rem;gap:.5rem}.category-button{flex:1;padding:.75rem 1rem;background:#fff;border:2px solid #ddd;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.category-number{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#e5e7eb;border-radius:50%;font-size:.75rem;font-weight:700;color:#374151}.category-plus{opacity:.6;transition:opacity .2s}.category-button:hover .category-plus{opacity:1}.category-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-button.causes,.category-button.preventative,.category-button.risk,.category-button.reactive,.category-button.consequences{border-color:#000;color:#000}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{font-size:1.5rem;color:#333}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.25rem}.modal-close:hover{color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group-readonly{background:#f5f5f5;padding:.75rem;border-radius:4px;color:#666}.checklist{list-style:none;padding:0}.checklist-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f9f9f9;border-radius:4px;margin-bottom:.5rem}.checklist-item input[type=checkbox]{width:auto}.add-checklist-item{display:flex;gap:.5rem;margin-top:.5rem}.add-checklist-item input{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.text-view{flex:1;min-height:0;overflow-y:auto;padding:2rem;background:#fff}.text-view h2{font-size:1.5rem;margin-bottom:1rem;color:#333;border-bottom:2px solid var(--color-primary);padding-bottom:.5rem}.text-view h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.75rem;color:#555}.text-view ul{list-style:none;padding-left:1.5rem}.text-view li{margin-bottom:.5rem;padding:.5rem;background:#f9f9f9;border-radius:4px}.text-view .item-id{color:#999;font-size:.85rem;margin-left:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;padding:2rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin-bottom:1.5rem}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.hazard-section{border-bottom:1px solid #e0e0e0}.hazard-section:last-child{border-bottom:none}.hazard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f9f9f9;cursor:pointer}.hazard-header:hover{background:#f0f0f0}.hazard-name{font-size:1.1rem;font-weight:600;color:#333}.hazard-events{background:#fff}