.matrix-container{margin:20px auto;max-width:1400px}.risk-matrix{background:#f1f5f9;border-collapse:initial;border-radius:16px;border-spacing:2px;box-shadow:0 10px 40px #00000014;margin:20px auto;overflow:hidden;width:100%}.risk-matrix td,.risk-matrix th{border:2px solid #fffc;box-shadow:0 2px 8px #0000000a;padding:16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);vertical-align:middle}.matrix-corner-cell{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 8px #667eea3d;color:#fff;font-weight:600;min-width:160px;position:relative}.axis-labels{align-items:center;display:flex;flex-direction:column;gap:12px;padding:8px}.impact-label{margin-top:10px;transform:rotate(-45deg)}.impact-label,.likelihood-label{display:block;font-size:1rem;font-weight:600;letter-spacing:.5px}.likelihood-label{margin-bottom:5px}.axis-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #64748b33;border-radius:8px;box-shadow:0 2px 8px #0000000f;color:#1e293b;font-weight:700;min-width:130px;padding:12px}.header-content{display:flex;flex-direction:column;gap:6px}.header-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.header-label{color:#4a5568;font-size:.8rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.matrix-cell{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;cursor:default;min-height:120px;min-width:130px;overflow:hidden;padding:12px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.matrix-cell:before{background:linear-gradient(135deg,#fff6,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.matrix-cell:hover{border-color:#fff;border-width:3px;box-shadow:0 16px 48px #00000029;transform:scale(1.05) translateY(-4px);z-index:10}.cell-header{margin-bottom:10px;min-height:28px}.risk-score-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000001a;border-radius:20px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff4d;color:#000;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:6px 16px;position:relative;text-transform:uppercase;z-index:1}.cell-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:60px}.risk-code-badge{background:#fff;border:2px solid #0003;border-radius:10px;box-shadow:0 4px 12px #00000026,inset 0 1px 0 #ffffff80;color:#000;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:8px 14px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.risk-code-badge:hover{background:#f5f5f5;border-color:#0000004d;box-shadow:0 8px 20px #0003;transform:translateY(-4px) scale(1.08)}.empty-cell-text{color:#0006;font-size:1.5rem;font-weight:300;opacity:.6;position:relative;text-shadow:0 1px 2px #ffffff4d;z-index:1}.risk-group{align-items:center;display:flex;gap:6px;justify-content:center}.arrow{color:#4a5568;font-size:16px;font-weight:700;margin:0 6px}@media (max-width:1200px){.risk-matrix td,.risk-matrix th{min-width:100px;padding:10px}.matrix-cell{min-height:100px}.header-value{font-size:1.3rem}}@media (max-width:768px){.matrix-container{overflow-x:auto}.risk-matrix{font-size:.85rem}.risk-matrix td,.risk-matrix th{min-width:80px;padding:8px}.risk-code-badge{font-size:.7rem;padding:6px 10px}.header-value{font-size:1.1rem}}.chatbot-page{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:30px auto;max-width:600px}.chat-window{background-color:#f9f9f9;border:1px solid #ccc;border-radius:5px;height:400px;margin-bottom:15px;overflow-y:auto;padding:10px;width:100%}.chat-message{word-wrap:break-word;border-radius:20px;margin-bottom:10px;max-width:80%;padding:10px 15px;white-space:pre-wrap}.chat-message.bot{align-self:flex-start;background-color:#969e8f}.chat-message.user{align-self:flex-end;background-color:#c7dfff;margin-left:auto}.chat-input{display:flex;width:100%}.chat-input input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:16px;padding:10px}.chat-input button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px}.chat-input button:hover{background-color:#0056b3}