@font-face{font-family:Roboto;src:url(/Roboto-VariableFont_wdth,wght.ttf)}@font-face{font-family:Roboto;font-style:italic;src:url(/Roboto-Italic-VariableFont_wdth,wght.ttf)}:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#202c3d;background-color:#eef4fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{box-sizing:border-box}#root{width:100%}body{margin:0;padding:0;width:100%;box-sizing:border-box;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{padding:10px 32px;display:flex;background-color:#c8e6fd;width:100%;justify-content:space-between;align-items:center;border-bottom:1px solid #3582c8}.header a{color:#000}.header-logo h3.typography{color:#000;font-weight:700;font-size:20px;margin:0}.header-nav{display:flex;gap:24px}h1.typography{font-size:48px;padding:4px 0;margin:0}h2.typography{font-size:24px;font-weight:500;padding:4px 0;margin:0}h3.typography{font-size:18px;padding:4px 0;font-weight:500;margin:0}p.typography{font-size:16px;padding:4px 0;margin:0;color:#58626e}.home-page{display:flex;flex-direction:column;gap:16px;padding:32px 20px;margin:0 auto;max-width:800px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.action-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer}.action-card:hover{border-color:#0062ba}.action-card h3.typography{color:#0062ba;font-weight:600}.button-component{background:#0062ba;color:#fff}.button-component.light{background:#fbfbfb00;color:#0062ba;border:solid 1px #0062ba}.button-component:disabled{opacity:50%}.methods-page{display:flex;flex-direction:column;gap:16px;padding:32px 20px;margin:0 auto;max-width:800px}.method-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer}.method-card:hover{border-color:#0062ba}.method-card h3.typography{color:#0062ba;font-weight:600}.triage-page{display:flex;flex-direction:column;padding:20px 0;margin:0 auto;max-width:800px}.severity-result{display:flex;justify-content:center;width:100%}.button-group{display:flex;gap:8px;width:100%;padding-top:20px;justify-content:flex-end}.triage-button{display:flex;width:100%;padding-bottom:20px;justify-content:flex-start;border-bottom:2px solid #ddd}.tab-bar{display:flex;flex-direction:column;gap:12px}.tab-options{display:flex;border-radius:8px;background:#f3f4f6;padding:4px;gap:6px}.tab-option{flex:1;padding:12px 16px;border:1px solid transparent;border-radius:6px;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 1px 2px #0000000d}.tab-option:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.tab-option.active{background:#0062ba;color:#fff;font-weight:600;box-shadow:0 2px 8px #0062ba40;transform:translateY(-1px)}.tab-option.active:hover{background:#004a94;color:#fff}.layout-components{display:flex;gap:14px 50px}.layout-components.vertical{flex-direction:column}.layout-components>*{flex:1}.radio-group{display:flex;flex-direction:column;gap:2px;max-width:100%}.radio-group h3.typography{font-size:16px;font-weight:600;color:#0a0b0d;margin:0}.radio-options{display:flex;gap:2px;flex-wrap:wrap;border-radius:8px}.radio-group.vertical .radio-options{flex-direction:column}.radio-option{display:flex;align-items:center;gap:8px;padding:4px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#0a0b0d}.radio-option input[type=radio]{width:16px;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #0a0b0d;border-radius:50%;background:#fff;position:relative;box-sizing:border-box;flex-shrink:0}.radio-option input[type=radio]:hover{border-color:#000}.radio-option input[type=radio]:hover:after{content:"";width:8px;height:8px;border-radius:50%;background:#6b7280;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-option input[type=radio]:checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-input-field{display:flex;flex-direction:column;gap:8px;min-width:200px;max-width:300px}.text-input-field label{display:flex;flex-direction:column;gap:8px}.text-input-field label>span{font-size:16px;font-weight:600;margin:0;color:#000}.text-input-field p{font-weight:400;color:#6b7280;font-size:14px;margin:0}.text-input-field input{padding:8px 16px;background-color:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.text-input-field input:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.text-input-field input:focus{border-color:#0062ba;outline:none;box-shadow:0 0 0 3px #0062ba1a}.text-input-field input:valid{border-color:#0a0b0d}.text-input-field input:invalid{border-color:#ef4444}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.dropdown{position:relative;display:flex;flex-direction:column;width:100%;max-width:200px;gap:8px}.dropdown-label{font-size:16px;font-weight:600;color:#0a0b0d;margin:0}.dropdown-select{width:100%;padding:8px 40px 8px 16px;font-size:14px;color:#000;background:#fff;border:1px solid #0a0b0d;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.dropdown-select:hover{border-color:#d1d5db;box-shadow:0 1px 2px #0000000d}.dropdown-select:focus{border-color:#0062ba;outline:none;box-shadow:0 0 0 3px #0062ba1a}.severity-label{display:flex}.button-row{display:flex;justify-content:flex-end;padding:12px 0;gap:4px}.result-table{width:100%;background:#fff;padding:20px}table{width:100%;border-spacing:0 2px;border-collapse:collapse}th,td{height:44px;padding:0 10px}th{text-align:left;border-bottom:2px solid #ddd}td{text-align:left}td:last-child{text-align:right}tbody tr:nth-child(2n){background-color:#eef4fa}tbody tr:nth-child(odd){background-color:#fff}tfoot{background-color:#fff;font-weight:700;padding-top:2px;border-top:2px solid #000000}.black-border-row{border-bottom:2px solid #000!important}.severity-value{display:flex;align-items:center;justify-content:start;flex-direction:row;position:relative;padding:6px;gap:16px}.severity{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:12px;min-height:24px;min-width:24px}.severity.green{background-color:green}.severity.white{background-color:#fff;border:1px solid black}.severity.yellow{background-color:#ff0}.severity.orange{background-color:orange}.severity.red{background-color:red}.values{position:relative;display:flex;flex-direction:column;padding-left:0}.result-severity-value{position:relative;display:flex;padding:20px 0 0;color:#fff;width:100%}.result-severity-value .result-severity{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;width:100%;min-height:60px;padding:6px}.result-severity-value .result-severity.green{background-color:green}.result-severity-value .result-severity.white{background-color:#fff;border:1px solid black;color:#000}.result-severity-value .result-severity.yellow{background-color:#ff0;color:#000}.result-severity-value .result-severity.orange{background-color:orange}.result-severity-value .result-severity.red{background-color:red}.result-severity-value .result-severity.border{background-color:#fff;color:#000;border:1px solid black}.history-page{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 20px;margin:0 auto;max-width:800px}.top-line{display:flex;justify-content:space-between;align-items:center;width:100%}.history-page>p.typography{color:#6b7280;font-size:14px;margin-top:-16px;font-style:italic;width:100%;text-align:start}.historical-result-card{background:#d4e5f3;width:100%;padding:24px;margin:12px;border-radius:12px}.historical-result-card .button{display:flex;justify-content:flex-end;padding:8px 0 0}.values{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:4px 0;gap:16px}.values .severity,.values .methode,.values .score{display:flex;flex-direction:column;align-items:flex-start}.values .score{align-items:flex-end}.values .score h3{text-align:right}