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}#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 table{margin-top:0.5rem;font-size:0.8rem}body.layout-iframe td,body.layout-iframe th{padding:0.35rem 0.4rem}body.layout-iframe .search-bar-container{padding:0.5rem 0.75rem}body.layout-iframe .search-bar-content{max-width:100%}body.layout-iframe #panel-api,body.layout-iframe #run-cron-btn,body.layout-iframe .tab-bar,body.layout-iframe [data-modal=add-website]{display:none!important}body.layout-iframe td[data-column=domain_source],body.layout-iframe td[data-column=hosting],body.layout-iframe td[data-column=in_hostfact],body.layout-iframe th[data-sort=domain_source],body.layout-iframe th[data-sort=hosting],body.layout-iframe th[data-sort=in_hostfact]{display:none!important}