@charset "UTF-8";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{background-color:#282c34;border-radius:5px;box-shadow:0 2px 5px #0000001a;color:#fff;margin-bottom:20px;padding:20px}.container{font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}h1{font-weight:300;margin-bottom:20px;text-align:center}.tab-container{display:flex;flex-direction:column}.tab{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:10px;overflow:hidden}.tab input[type=radio]{display:none}.tab label{background-color:#f4f4f4;border-bottom:1px solid #ddd;cursor:pointer;display:block;font-size:1.2em;padding:10px 15px;transition:background-color .3s}.tab input[type=radio]:checked+label{background-color:#007bff;color:#fff}.tab .content{display:none;padding:15px}.tab input[type=radio]:checked+label+.content{display:block}.fqdn-section{border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-bottom:10px;overflow:hidden}.headers-table,.records-table{border-collapse:collapse;table-layout:fixed;width:100%}.headers-table td,.headers-table th,.records-table td,.records-table th{word-wrap:break-word;border-bottom:1px solid #ddd;padding:10px;text-align:left}.headers-table th,.records-table th{background-color:#f4f4f4}.headers-table tr:nth-child(2n),.records-table tr:nth-child(2n){background-color:#f9f9f9}.headers-table tr:hover,.records-table tr:hover{background-color:#f1f1f1}.headers-table td:first-child,.headers-table th:first-child,.records-table td:first-child,.records-table th:first-child{width:40%}.headers-table td:nth-child(2),.headers-table th:nth-child(2),.records-table td:nth-child(2),.records-table th:nth-child(2){width:30%}.records-table td:nth-child(3),.records-table th:nth-child(3){width:20%}.records-table td:nth-child(4),.records-table th:nth-child(4){width:10%}.snippet-cell pre{word-wrap:break-word;background-color:#f4f4f4;border-radius:3px;color:#333;font-size:.9em;margin:0;max-width:100%;padding:5px;white-space:pre-wrap}.sidebar{background:#333;color:#ccc;display:flex;flex-direction:column;height:100vh}.sidebar-button{background-color:#f1f1f1;border:none;color:#000;cursor:pointer;display:block;font-size:16px;outline:none;padding:10px;text-align:left;text-decoration:none}.sidebar-button.active,.sidebar-button:hover{background-color:#555;color:#fff}.sidebar .submenu{padding-left:20px}.sidebar .submenu-items{display:none}.sidebar .submenu .submenu-items button{background:none;border:none;cursor:pointer;outline:none;padding:10px 15px;text-align:left;width:100%}.sidebar .submenu .submenu-items button.active{background:#555;color:#fff}.sidebar .submenu .submenu-items button:hover{background-color:#555;color:#fff}.sidebar .submenu.active .submenu-items{display:block}.modal-content{box-shadow:0 4px 8px #0003;margin:auto;text-align:center}label{display:block;margin:15px 0}input[type=text]{border:1px solid #ccc;border-radius:5px;margin:10px 0;padding:10px;width:100%}button{background-color:#4caf50;border-radius:5px;padding:10px 20px}button:hover{background-color:#45a049}.spinner-container{align-items:center;display:flex;flex-direction:column}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#09f;border-radius:50%;height:36px;margin-bottom:10px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.records-table-container{padding:20px}.records-table{border-collapse:collapse;margin-top:20px;width:100%}.records-table td,.records-table th{border:1px solid #ddd;padding:8px;text-align:left}.records-table th{background-color:#f4f4f4}.inline-code{word-wrap:break-word;background-color:#f1f1f1;border-radius:3px;display:block;max-width:300px;padding:5px;white-space:pre-wrap}.icon-button{background:none;border:none;color:#007bff;cursor:pointer;margin-left:5px}.default-justification{color:red}.justification-edit{align-items:center;display:flex;justify-content:flex-end}.justification-display,.url-cell{align-items:center;display:flex;justify-content:space-between}.url-cell{word-wrap:break-word;flex-wrap:wrap;max-width:100%;overflow-wrap:anywhere}.icon-group{align-items:center;display:flex;justify-content:flex-end;width:auto}code{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;display:block;max-height:400px;overflow:auto;padding:10px;white-space:pre-wrap}.szh-menu{background-color:#fff;border:1px solid #0000001a;box-sizing:border-box;list-style:none;margin:0;padding:0;width:-webkit-max-content;width:max-content;z-index:100}.szh-menu:focus{outline:none}.szh-menu__arrow{background-color:#fff;border-color:#0000001a #0000 #0000 #0000001a;border-style:solid;border-width:1px;box-sizing:border-box;height:.75rem;width:.75rem;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translateX(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translateX(-50%) rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{background-color:inherit;cursor:default}.szh-menu__item--disabled{color:#aaa;cursor:default}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{list-style:none;margin:0;padding:0}.szh-menu__divider{background-color:#0000001f;height:1px;margin:.5rem 0}.szh-menu-button{box-sizing:border-box}.szh-menu{border:none;border-radius:.25rem;box-shadow:0 3px 7px rgba(0,0,0,.133),0 .6px 2px #0000001a;color:#212529;min-width:10rem;padding:.5rem 0;-webkit-user-select:none;user-select:none}.szh-menu__item{align-items:center;display:flex;padding:.375rem 1.5rem;position:relative}.szh-menu-container--itemTransition .szh-menu__item{transition-duration:.15s;transition-property:background-color,color;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";font-size:.8rem;left:.8rem;position:absolute;top:.55rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{left:.8rem;position:absolute}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}:root{--diff-background-color:initial;--diff-text-color:initial;--diff-font-family:Consolas,Courier,monospace;--diff-selection-background-color:#b3d7ff;--diff-selection-text-color:var(--diff-text-color);--diff-gutter-insert-background-color:#d6fedb;--diff-gutter-insert-text-color:var(--diff-text-color);--diff-gutter-delete-background-color:#fadde0;--diff-gutter-delete-text-color:var(--diff-text-color);--diff-gutter-selected-background-color:#fffce0;--diff-gutter-selected-text-color:var(--diff-text-color);--diff-code-insert-background-color:#eaffee;--diff-code-insert-text-color:var(--diff-text-color);--diff-code-delete-background-color:#fdeff0;--diff-code-delete-text-color:var(--diff-text-color);--diff-code-insert-edit-background-color:#c0dc91;--diff-code-insert-edit-text-color:var(--diff-text-color);--diff-code-delete-edit-background-color:#f39ea2;--diff-code-delete-edit-text-color:var(--diff-text-color);--diff-code-selected-background-color:#fffce0;--diff-code-selected-text-color:var(--diff-text-color);--diff-omit-gutter-line-color:#cb2a1d}.diff{background-color:initial;background-color:var(--diff-background-color);border-collapse:collapse;color:initial;color:var(--diff-text-color);table-layout:fixed;width:100%}.diff::selection{background-color:#b3d7ff;background-color:var(--diff-selection-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-selection-text-color)}.diff td{padding-bottom:0;padding-top:0;vertical-align:top}.diff-line{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);line-height:1.5}.diff-gutter>a{color:inherit;display:block}.diff-gutter{cursor:pointer;padding:0 1ch;text-align:right;-webkit-user-select:none;user-select:none}.diff-gutter-insert{background-color:#d6fedb;background-color:var(--diff-gutter-insert-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-gutter-insert-text-color)}.diff-gutter-delete{background-color:#fadde0;background-color:var(--diff-gutter-delete-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-gutter-delete-text-color)}.diff-gutter-omit{cursor:default}.diff-gutter-selected{background-color:#fffce0;background-color:var(--diff-gutter-selected-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-gutter-selected-text-color)}.diff-code{word-wrap:break-word;padding:0 0 0 .5em;white-space:pre-wrap;word-break:break-all}.diff-code-edit{color:inherit}.diff-code-insert{background-color:#eaffee;background-color:var(--diff-code-insert-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-code-insert-text-color)}.diff-code-insert .diff-code-edit{background-color:#c0dc91;background-color:var(--diff-code-insert-edit-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-code-insert-edit-text-color)}.diff-code-delete{background-color:#fdeff0;background-color:var(--diff-code-delete-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-code-delete-text-color)}.diff-code-delete .diff-code-edit{background-color:#f39ea2;background-color:var(--diff-code-delete-edit-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-code-delete-edit-text-color)}.diff-code-selected{background-color:#fffce0;background-color:var(--diff-code-selected-background-color);color:initial;color:var(--diff-text-color);color:var(--diff-code-selected-text-color)}.diff-widget-content{vertical-align:top}.diff-gutter-col{width:7ch}.diff-gutter-omit{height:0}.diff-gutter-omit:before{background-color:#cb2a1d;background-color:var(--diff-omit-gutter-line-color);content:" ";display:block;height:100%;margin-left:4.6ch;overflow:hidden;white-space:pre;width:2px}.diff-decoration{line-height:1.5;-webkit-user-select:none;user-select:none}.diff-decoration-content{font-family:Consolas,Courier,monospace;font-family:var(--diff-font-family);padding:0}.modal{align-items:center;display:flex;justify-content:center;z-index:1}.modal-content{margin:5% auto;max-height:80%;max-width:800px;overflow:auto}.close{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700;margin:-20px -20px 0 0;padding:0}.close:focus,.close:hover{color:#000;text-decoration:none}.header-diff-container{margin-bottom:10px}.header-diff{align-items:center;display:flex}.header-diff-old{color:red;text-decoration:line-through}.header-diff-new{color:green}.header-diff-arrow{margin:0 5px}.settings-container{padding:20px}.header-list{list-style-type:none;padding:0}.header-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.toggle-switch{height:20px;width:34px}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;width:14px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(14px)}.add-header{margin-top:20px}.add-header input{border:1px solid #ddd;border-radius:5px;margin-right:10px;padding:10px}.add-header button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.add-header button:hover{background-color:#45a049}.general-settings{padding:20px}.general-settings h2{margin-bottom:20px}.url-list{display:flex;flex-direction:column}.url-item{align-items:center;display:flex;margin-bottom:10px}.url-item input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1 1;margin-right:10px;padding:5px}.url-item input[type=text].editable{border-color:#4caf50}.icon{cursor:pointer;margin-left:5px}.save-icon{color:#4caf50}.edit-icon{color:#ff9800}.delete-icon{color:#f44336}.add-icon{color:#4caf50}.toggle-switch{display:inline-block;position:relative}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch label{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch label:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:14px;left:3px;position:absolute;transition:.4s;width:14px}.toggle-switch input:checked+label{background-color:#4caf50}.toggle-switch input:checked+label:before{transform:translateX(14px)}.alerts-container{padding:20px}.alerts-list{list-style-type:none;padding:0}.alert-item{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;padding:15px;transition:box-shadow .3s ease-in-out}.alert-item:hover{box-shadow:0 4px 8px #0003}.alert-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.alert-date{color:#666;font-size:.9em}.alert-type{background-color:#e0e0e0;border-radius:4px;color:#333;font-size:.9em;font-weight:700;padding:5px 10px}.alert-body p{margin:5px 0}.reports-table-container{overflow-x:auto;width:100%}.reports-table{border-collapse:collapse;width:100%}.reports-table td,.reports-table th{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:middle}.reports-table th{cursor:pointer}.reports-table th .sort-icon{margin-left:5px;vertical-align:middle}.wrap-anywhere,.wrap-word{word-wrap:break-word;white-space:normal}.wrap-anywhere{word-break:break-all}.pagination-container{margin-top:10px}.page-button,.pagination-container{display:flex;justify-content:center}.page-button{align-items:center;background-color:#007bff;border:none;color:#fff;cursor:pointer;margin:2px;padding:5px 10px}.page-button.active,.page-button:hover:not(.active){background-color:#0056b3}.page-button:disabled{background-color:#ccc;cursor:not-allowed}.csp-policies-container{margin:20px}.policy-settings{margin-top:20px}.policy-list{list-style-type:none;padding:0}.policy-item{align-items:center;display:flex;margin-bottom:10px}.policy-input{flex-grow:1;margin-right:10px}.add-policy{display:flex;margin-top:10px}.add-button,.save-button{margin-left:10px}.delete-icon,.edit-icon{cursor:pointer;margin-left:10px}.getting-started-container{background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px}.getting-started-container h2{font-size:1.5em;margin-bottom:15px}.code-block-container{align-items:center;display:flex;position:relative}.code-block{background-color:#2e2e2e;border-radius:5px;color:#f1f1f1;flex-grow:1;font-family:Courier New,Courier,monospace;overflow-x:auto;padding:15px}.copy-icon{color:#2e2e2e;cursor:pointer;margin-left:10px}.copy-icon:hover{color:#1e1e1e}.csp-wizard{margin:20px;text-align:center}.csp-wizard h2{margin-bottom:20px}.directives-list{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:80%}.severity-group{border-radius:8px;margin-bottom:20px;padding:10px;width:100%}.severity-group.high{background-color:#fcc;border:1px solid #f99}.severity-group.moderate{background-color:#fff0b3;border:1px solid #fc6}.severity-group.low{background-color:#e6ffcc;border:1px solid #b3ff99}.severity-group h3{margin-bottom:10px}.directive-item{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:10px 0;padding:15px 20px;transition:background-color .3s ease;width:100%;width:96%}.directive-item:hover{background-color:#f1f1f1}.directive-content{align-items:flex-start;display:flex;flex-direction:column}.directive-name{font-size:1.2em;font-weight:700}.directive-count{color:#666}.directive-status{align-items:center;display:flex}.status-icon{font-size:1.2em;margin-right:5px}.configured{color:#28a745}.not-configured{color:#dc3545}.policy-preview{margin-top:20px}.policy-preview h3{margin-bottom:10px}.policy-preview p{margin:5px 0}.modal{background-color:#000;background-color:#0006;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fefefe;border:1px solid #888;border-radius:10px;margin:15% auto;max-width:600px;padding:20px;text-align:left;width:80%}.close-button{color:#aaa;float:right;font-size:28px;font-weight:700}.close-button:focus,.close-button:hover{color:#000;cursor:pointer;text-decoration:none}.view-code-icon{color:#007bff;cursor:pointer;margin-left:8px}.view-code-icon:hover{color:#0056b3}.directive-config{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px}.directive-config h2{color:#333;font-size:24px;margin-bottom:20px}.grouped-fqdn-list{list-style-type:none;padding:0}.grouped-fqdn-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:10px;transition:background-color .3s ease}.grouped-fqdn-item:hover{background-color:#f0f0f0}.fqdn-header{align-items:center;display:flex}.fqdn-text{color:#333;font-size:18px;font-weight:700}.fqdn-progress{align-items:center;display:flex;gap:10px}.progress-bar{background-color:#e0e0e0;border-radius:5px;height:8px;overflow:hidden;width:100px}.progress-bar-fill{background-color:#4caf50;height:100%;width:0}.self-indicator{color:#4caf50;font-size:14px;font-weight:400}.fqdn-count{color:#777;font-size:14px;margin-right:10px}.blocked-uri-list{list-style-type:none;margin-top:10px;padding:0}.blocked-uri-item{align-items:center;background-color:#f9f9f9;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:8px}.blocked-uri-item:hover{background-color:#e0e0e0}.uri-text{color:#555;flex-grow:1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-group{display:flex;gap:8px;margin-left:auto}.allow-button,.block-button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:6px 10px}.allow-button{background-color:#4caf50;color:#fff}.allow-button:hover{background-color:#45a049}.block-button{background-color:#f44336;color:#fff}.block-button:hover{background-color:#e53935}.icon{margin-right:5px}.inline-script-content{background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;margin-top:10px;max-height:200px;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-all}.app-container{display:flex;height:100vh}.sidebar{background-color:#f4f4f4;border-right:1px solid #ccc;flex-shrink:0;padding:10px;width:250px}.sidebar-item{cursor:pointer;padding:10px}.sidebar-item:hover{background-color:#ddd}.submenu-item{cursor:pointer;padding-left:20px}.submenu-item:hover{background-color:#eee}.main-content{flex-grow:1;overflow:auto;padding:20px}.top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.top-bar label{margin-right:10px}.content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ccc;padding:10px;text-align:left;vertical-align:top}th{background-color:#f4f4f4}textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;height:60px;padding:8px;resize:none;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:5px;padding:8px 12px}button:hover{background-color:#0056b3}.blocked-uri-column{word-wrap:break-word;max-width:200px}