body{font-family:system-ui,sans-serif;background:#f4f4f5;margin:0;padding:2rem;overflow-x:hidden;cursor:none;>*{cursor:default}}.card{max-width:90%;margin:0 auto;background:#fff;border-radius:12px;padding:1.5rem 2rem;-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.05);box-shadow:0 10px 25px rgba(0,0,0,0.05);min-width:0;overflow:hidden}h1{margin-top:0;font-size:1.6rem}.meta{font-size:0.9rem;color:#4b5563;margin-bottom:1rem}.status-badge{display:inline-block;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.8rem;font-weight:600}.status-ok{background:#dcfce7;color:#166534}.status-down{background:#fee2e2;color:#991b1b}.status-warning{background:#fed7aa;color:#9a3412}.status-unknown{background:#e5e7eb;color:#374151}table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:0.9rem}td,th{padding:0.55rem 0.5rem;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}th{background:#f9fafb}td[data-column=fout]{max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a{color:#009fe3;text-decoration:none}a:hover{text-decoration:underline}.error-text{font-size:0.8rem;color:#b91c1c}.pill{padding:0.15rem 0.5rem;border-radius:999px;background:#e5e7eb;font-size:0.75rem;color:#374151}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:8px;position:relative}th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}th[data-sort]:before{content:" ▲"}th[data-sort]:after{content:" ▼"}th.sort-asc:before{content:" "}th.sort-asc:after{content:" ▲"}th.sort-desc:before{content:" "}th.sort-desc:after{content:" ▼"}th.sort-custom:before{content:" "}th.sort-custom:after{content:" ⇅"}.search-bar-container{position:fixed;top:0;left:0;right:0;background:#fff;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:40;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out,-webkit-transform 0.3s ease-in-out;padding:1rem 2rem}.search-bar-container.show{-webkit-transform:translateY(0);transform:translateY(0)}.search-bar-content{max-width:90%;margin:0 auto}.search-input{width:100%;padding:0.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;outline:none;-webkit-transition:border-color 0.2s;transition:border-color 0.2s}.search-input:focus{border-color:#009fe3}.search-hide{display:none!important}.niet-actief>td{opacity:0.25;-webkit-filter:grayscale(100%);filter:grayscale(100%);background-color:#e9e9e9}.niet-actief>td:last-of-type{opacity:1;-webkit-filter:grayscale(0%);filter:grayscale(0%);background-color:#fafafa}body.layout-iframe tr.niet-actief{opacity:0.45;background-color:#f3f4f6}body.layout-iframe tr.niet-actief td[data-column=edit]{opacity:1}#toggle-active{position:absolute;opacity:0;width:0;height:0}#toggle-active:checked~div>span{-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem)}#toggle-active~div>span{-webkit-transform:translateX(0.125rem);transform:translateX(0.125rem);-webkit-transition:-webkit-transform 200ms ease-in-out;transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out,-webkit-transform 200ms ease-in-out}label.relative.inline-flex.items-center{position:relative}label.relative.inline-flex.items-center>div{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:2rem;width:3.5rem;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;border-radius:9999px;border:2px solid transparent;background-color:#d1d5db;-webkit-transition:background-color 200ms ease-in-out;transition:background-color 200ms ease-in-out}label.relative.inline-flex.items-center>div:hover{background-color:#9ca3af}#toggle-active:checked~div{background-color:#10b981}#toggle-active:checked~div:hover{background-color:#059669}label.relative.inline-flex.items-center>div>span{pointer-events:none;display:inline-block;height:1.75rem;width:1.75rem;font-size:0!important;-webkit-transform:translateX(0.125rem);transform:translateX(0.125rem);border-radius:9999px;background-color:white;-webkit-box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);-webkit-transition:-webkit-transform 200ms ease-in-out;transition:-webkit-transform 200ms ease-in-out;transition:transform 200ms ease-in-out;transition:transform 200ms ease-in-out,-webkit-transform 200ms ease-in-out}#toggle-active:checked~div>span{-webkit-transform:translateX(1.5rem);transform:translateX(1.5rem)}.tab-bar{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;margin:0 0 1.25rem;border-bottom:1px solid #e5e7eb}.tab-btn{background:transparent;border:0;border-bottom:2px solid transparent;padding:0.6rem 0.9rem;margin-bottom:-1px;color:#6b7280;font-weight:600;cursor:pointer}.tab-btn:hover{color:#111827}.tab-btn.is-active{color:#009fe3;border-bottom-color:#009fe3}.api-status-card{border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.api-status-card h3{margin:0 0 0.5rem;font-size:1.05rem}.table-scroll{width:100%;max-width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch}#urls-table,.table-scroll #urls-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%}#panel-websites td[data-column=http_code],#panel-websites th[data-sort=http_code],.panel-websites td[data-column=http_code],.panel-websites th[data-sort=http_code]{white-space:nowrap}body.layout-iframe{padding:0.75rem;background:#fff}body.layout-iframe .card{max-width:100%;margin:0;padding:0.75rem 1rem;border-radius:0;-webkit-box-shadow:none;box-shadow:none}body.layout-iframe h1{font-size:1.25rem;margin-bottom:0.5rem}body.layout-iframe .absolute.right-6.top-6{right:1rem;top:0.75rem}body.layout-iframe .meta{font-size:0.8rem;margin-bottom:0.5rem}body.layout-iframe .search-bar-container{padding:0.5rem 0.75rem}body.layout-iframe .search-bar-content{max-width:100%}body.layout-iframe #run-cron-btn,body.layout-iframe [data-modal=add-website]{display:none!important}body.layout-iframe .iframe-list-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;clear:both;margin:0.25rem 0 0.5rem;padding:0.35rem 0}body.layout-iframe .iframe-ip-filter-label{font-size:0.75rem;color:#4b5563}body.layout-iframe .iframe-ip-filter{font-size:0.75rem;padding:0.2rem 0.4rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;max-width:100%}body.layout-iframe .table-scroll{overflow-x:hidden}body.layout-iframe #urls-table,body.layout-iframe .table-scroll #urls-table{width:100%;min-width:0;max-width:100%;margin-top:0;font-size:0.75rem;border-collapse:separate;border-spacing:0}body.layout-iframe #urls-table thead{display:none}body.layout-iframe #urls-table tbody,body.layout-iframe #urls-table tr{display:block;width:100%}body.layout-iframe #urls-table tr{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:0.4rem;-moz-column-gap:0.4rem;column-gap:0.4rem;row-gap:0.25rem;padding:0.4rem 0.1rem;border-bottom:1px solid #e5e7eb;-webkit-box-sizing:border-box;box-sizing:border-box}body.layout-iframe #urls-table tr.search-hide{display:none!important}body.layout-iframe #urls-table tr.ip-filter-hide{display:none!important}body.layout-iframe #urls-table td{display:block;border:none;padding:0;margin:0;background:transparent;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}body.layout-iframe #urls-table td.iframe-row-break{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9;-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;height:0;padding:0;margin:0;border:none;overflow:hidden;pointer-events:none}body.layout-iframe #urls-table td[data-column=favicon]{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:0;-ms-flex:0 0 22px;flex:0 0 22px;width:22px;overflow:visible}body.layout-iframe #urls-table td[data-column=favicon] img{width:18px;height:18px;display:block}body.layout-iframe #urls-table td[data-column=name]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;max-width:40%;min-width:0;font-weight:600;font-size:0.8rem;color:#111827}body.layout-iframe #urls-table td[data-column=name]:after{content:" ·";color:#d1d5db;font-weight:400;margin-left:0.15rem}body.layout-iframe #urls-table td[data-column=url]{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;font-size:0.7rem;padding-left:0;-webkit-box-sizing:border-box;box-sizing:border-box}body.layout-iframe #urls-table td[data-column=url] a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.layout-iframe #urls-table td[data-column=status]{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.3rem;overflow:visible}body.layout-iframe #urls-table td[data-column=edit]{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:auto;overflow:visible;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem}body.layout-iframe #urls-table td[data-column=edit] a[data-modal=websites]{width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0}body.layout-iframe #urls-table td[data-column=edit] #comment-icon{width:1rem;height:1rem}body.layout-iframe #urls-table td[data-column=status] .status-badge{font-size:0.65rem;padding:0.1rem 0.4rem}body.layout-iframe #urls-table .row-error-info{-ms-flex-negative:0;flex-shrink:0;width:1.15rem;height:1.15rem;padding:0;border:1.5px solid #b91c1c;border-radius:999px;background:#fff;color:#b91c1c;font-size:0.7rem;font-weight:700;font-style:italic;line-height:1;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.layout-iframe #urls-table .row-error-info:hover,body.layout-iframe #urls-table .row-error-info[aria-expanded=true]{background:#fee2e2}body.layout-iframe #urls-table td[data-column=domain_source],body.layout-iframe #urls-table td[data-column=hosting],body.layout-iframe #urls-table td[data-column=http_code],body.layout-iframe #urls-table td[data-column=in_hostfact],body.layout-iframe #urls-table td[data-column=ip],body.layout-iframe #urls-table td[data-column=last_checked]{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:auto;max-width:none;font-size:0.68rem;color:#6b7280;white-space:nowrap;overflow:visible;text-overflow:clip}body.layout-iframe #urls-table td[data-column=domain_source]:after,body.layout-iframe #urls-table td[data-column=hosting]:after,body.layout-iframe #urls-table td[data-column=http_code]:after,body.layout-iframe #urls-table td[data-column=in_hostfact]:after,body.layout-iframe #urls-table td[data-column=ip]:after{content:" ·";color:#d1d5db;margin-right:0.15rem}body.layout-iframe #urls-table td[data-column=in_hostfact]:before{content:"Hostfact ";color:#9ca3af}body.layout-iframe #urls-table td[data-column=ip]:before{content:"IP ";color:#9ca3af}body.layout-iframe #urls-table td[data-column=http_code]:before{content:"HTTP ";color:#9ca3af}body.layout-iframe #urls-table td[data-column=last_checked] .pill{font-size:0.65rem;padding:0.05rem 0.35rem}body.layout-iframe #urls-table td[data-column=fout]{display:none!important}body.layout-iframe #panel-websites td[data-column=http_code],body.layout-iframe .panel-websites td[data-column=http_code]{white-space:nowrap}.row-error-popover{position:absolute;z-index:60;max-width:min(22rem,calc(100vw - 1.5rem));padding:0.65rem 0.75rem;background:#fff;border:1px solid #fecaca;border-radius:8px;-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.12);box-shadow:0 10px 25px rgba(0,0,0,0.12);color:#991b1b;font-size:0.8rem;line-height:1.35;white-space:normal;word-break:break-word}.row-error-popover-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.5rem;margin-bottom:0.35rem;font-weight:600;color:#7f1d1d}.row-error-popover-close{border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 0.15rem}.row-error-popover-close:hover{color:#374151}.favicon-placeholder{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;color:#9ca3af;margin:0 auto}.favicon-placeholder svg{width:22px;height:22px;display:block}.favicon-img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}td[data-column=favicon]{text-align:center}body.layout-iframe #urls-table .favicon-placeholder{width:18px;height:18px}body.layout-iframe #urls-table .favicon-placeholder svg{width:16px;height:16px}body.layout-iframe #urls-table .favicon-img{width:18px;height:18px}@-webkit-keyframes urls-skeleton-pulse{0%,to{opacity:0.45}50%{opacity:1}}@keyframes urls-skeleton-pulse{0%,to{opacity:0.45}50%{opacity:1}}.urls-empty-row td,.urls-search-empty-row td,.urls-skeleton-row td{border-bottom:1px solid #e5e7eb}.urls-empty-cell,.urls-skeleton-cell{padding:0.85rem 0.5rem!important}.urls-skeleton-line{height:0.7rem;border-radius:999px;background:#e5e7eb;-webkit-animation:urls-skeleton-pulse 1.2s ease-in-out infinite;animation:urls-skeleton-pulse 1.2s ease-in-out infinite;max-width:100%}.urls-skeleton-line--title{width:55%;margin-bottom:0.45rem}.urls-skeleton-line--meta{width:78%;height:0.55rem;background:#f3f4f6}.urls-empty-title{margin:0;font-size:0.95rem;font-weight:600;color:#374151}.urls-empty-detail{margin:0.35rem 0 0;font-size:0.8rem;color:#6b7280}body.layout-iframe #urls-table tr.urls-empty-row,body.layout-iframe #urls-table tr.urls-search-empty-row,body.layout-iframe #urls-table tr.urls-skeleton-row{display:block;width:100%;padding:0.55rem 0.1rem}body.layout-iframe #urls-table tr.urls-empty-row td,body.layout-iframe #urls-table tr.urls-search-empty-row td,body.layout-iframe #urls-table tr.urls-skeleton-row td{display:block;width:100%;white-space:normal;overflow:visible}