:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text-primary: #1a1f2d;--color-text-secondary: #5a6e8b;--color-text-tertiary: #8896aa;--color-white: #ffffff;--color-bg-primary: #f6f8fb;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f0f4f8;--color-border: #dce3ee;--color-border-light: #e8eef5;--color-primary: #365df3;--color-primary-hover: #2546c4;--color-primary-dark: #2546c4;--color-primary-light: #e8edff;--color-primary-bg: #eef2fa;--color-success: #10b981;--color-success-hover: #059669;--color-success-active: #047857;--color-success-dark: #059669;--color-success-bg: #d1fae5;--color-success-light: #c8e6c9;--color-success-text: #166534;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-active: #b45309;--color-warning-dark: #92400e;--color-warning-bg: #fef3c7;--color-warning-light: #fde68a;--color-danger: #ef4444;--color-danger-dark: #b91c1c;--color-danger-bg: #fee2e2;--color-danger-light: #ffcdcd;--color-danger-text: #991b1b;--color-info: #3b82f6;--color-info-bg: #dbeafe;--color-info-light: #e7f3ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--tooltip-bg: #1a1f2d;--tooltip-color: #f1f5f9;--color-select-0-bg: #e8f0fe;--color-select-0-border: #4285f4;--color-select-0-gradient-from: #2563eb;--color-select-0-gradient-to: #1d4ed8;--color-select-1-bg: #f0f4ff;--color-select-1-border: #5e7ce8;--color-select-1-gradient-from: #9333ea;--color-select-1-gradient-to: #7e22ce;--color-select-2-bg: #fef3e8;--color-select-2-border: #f59e0b;--color-select-2-gradient-from: #db2777;--color-select-2-gradient-to: #be185d;--color-select-3-bg: #f0fdf4;--color-select-3-border: #10b981;--color-select-3-gradient-from: #dc2626;--color-select-3-gradient-to: #b91c1c;--color-select-4-bg: #fdf4ff;--color-select-4-border: #a855f7;--color-select-4-gradient-from: #ea580c;--color-select-4-gradient-to: #c2410c;--color-select-5-bg: #ecfdf5;--color-select-5-border: #14b8a6;--color-select-5-gradient-from: #d97706;--color-select-5-gradient-to: #b45309;--color-select-6-bg: #fef2f8;--color-select-6-border: #ec4899;--color-select-6-gradient-from: #16a34a;--color-select-6-gradient-to: #15803d;--color-select-7-bg: #fff7ed;--color-select-7-border: #fb923c;--color-select-7-gradient-from: #059669;--color-select-7-gradient-to: #047857;--color-select-8-bg: #f5f3ff;--color-select-8-border: #8b5cf6;--color-select-8-gradient-from: #0891b2;--color-select-8-gradient-to: #0e7490;--color-select-9-bg: #fffbeb;--color-select-9-border: #eab308;--color-select-9-gradient-from: #4f46e5;--color-select-9-gradient-to: #4338ca;--color-row-0-bg: #dbeafe;--color-row-0-hover: #bfdbfe;--color-row-0-border: #2563eb;--color-row-1-bg: #e9d5ff;--color-row-1-hover: #d8b4fe;--color-row-1-border: #9333ea;--color-row-2-bg: #fce7f3;--color-row-2-hover: #fbcfe8;--color-row-2-border: #db2777;--color-row-3-bg: #fee2e2;--color-row-3-hover: #fecaca;--color-row-3-border: #dc2626;--color-row-4-bg: #ffedd5;--color-row-4-hover: #fed7aa;--color-row-4-border: #ea580c;--color-row-5-bg: #fef3c7;--color-row-5-hover: #fde68a;--color-row-5-border: #d97706;--color-row-6-bg: #dcfce7;--color-row-6-hover: #bbf7d0;--color-row-6-border: #16a34a;--color-row-7-bg: #d1fae5;--color-row-7-hover: #a7f3d0;--color-row-7-border: #059669;--color-row-8-bg: #cffafe;--color-row-8-hover: #a5f3fc;--color-row-8-border: #0891b2;--color-row-9-bg: #e0e7ff;--color-row-9-hover: #c7d2fe;--color-row-9-border: #4f46e5;--color-response-authoritative-bg: #fef9c3;--color-response-authoritative-icon-bg: #fde68a;--color-response-authoritative-border: #fcd34d;--color-response-authoritative-text: #78350f;--color-response-recursive-bg: #cffafe;--color-response-recursive-icon-bg: #a5f3fc;--color-response-recursive-border: #22d3ee;--color-response-recursive-text: #0f766e;--color-response-cached-bg: #ede9fe;--color-response-cached-icon-bg: #ddd6fe;--color-response-cached-border: #c4b5fd;--color-response-cached-text: #5b21b6;--color-response-blocked-bg: #fee2e2;--color-response-blocked-icon-bg: #fecaca;--color-response-blocked-border: #fca5a5;--color-response-blocked-text: #b91c1c;--color-response-upstream-bg: #ffedd5;--color-response-upstream-icon-bg: #fed7aa;--color-response-upstream-border: #fdba74;--color-response-upstream-text: #9a3412;--color-response-cache-blocked-bg: #f3f4f6;--color-response-cache-blocked-icon-bg: #e5e7eb;--color-response-cache-blocked-border: #d1d5db;--color-response-info-bg: #fef9c3;--color-response-info-icon-bg: #fde68a;--color-response-info-border: #fcd34d;--color-response-info-text: #92400e;--color-response-unknown-bg: #f5f6fa;--color-response-unknown-icon-bg: #e7ebf4;--color-response-unknown-border: #cbd2e1;--color-response-unknown-text: #1f2933;color:var(--color-text-primary);background-color:var(--color-bg-primary)}[data-theme=dark]{--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-border: #475569;--color-border-light: #64748b;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-dark: #818cf8;--color-primary-light: #312e81;--color-primary-bg: #1e1b4b;--color-success: #4ade80;--color-success-hover: #22c55e;--color-success-active: #16a34a;--color-success-dark: #22c55e;--color-success-bg: #14532d;--color-success-light: #1e6f3a;--color-success-text: #86efac;--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-active: #d97706;--color-warning-dark: #fbbf24;--color-warning-bg: #78350f;--color-warning-light: #92400e;--color-danger: #f87171;--color-danger-dark: #fca5a5;--color-danger-bg: #7f1d1d;--color-danger-light: #991b1b;--color-danger-text: #fca5a5;--color-info: #60a5fa;--color-info-bg: #1e3a8a;--color-info-light: #1e3a5f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--tooltip-bg: #0f172a;--tooltip-color: #f1f5f9;--color-select-0-bg: #1e3a5f;--color-select-0-border: #60a5fa;--color-select-0-gradient-from: #3b82f6;--color-select-0-gradient-to: #2563eb;--color-select-1-bg: #2e1a47;--color-select-1-border: #a78bfa;--color-select-1-gradient-from: #a855f7;--color-select-1-gradient-to: #9333ea;--color-select-2-bg: #451a03;--color-select-2-border: #fb923c;--color-select-2-gradient-from: #ec4899;--color-select-2-gradient-to: #db2777;--color-select-3-bg: #14532d;--color-select-3-border: #4ade80;--color-select-3-gradient-from: #ef4444;--color-select-3-gradient-to: #dc2626;--color-select-4-bg: #3b0764;--color-select-4-border: #c084fc;--color-select-4-gradient-from: #f97316;--color-select-4-gradient-to: #ea580c;--color-select-5-bg: #134e4a;--color-select-5-border: #2dd4bf;--color-select-5-gradient-from: #eab308;--color-select-5-gradient-to: #ca8a04;--color-select-6-bg: #500724;--color-select-6-border: #f472b6;--color-select-6-gradient-from: #22c55e;--color-select-6-gradient-to: #16a34a;--color-select-7-bg: #431407;--color-select-7-border: #fdba74;--color-select-7-gradient-from: #14b8a6;--color-select-7-gradient-to: #0d9488;--color-select-8-bg: #2e1065;--color-select-8-border: #a78bfa;--color-select-8-gradient-from: #06b6d4;--color-select-8-gradient-to: #0891b2;--color-select-9-bg: #422006;--color-select-9-border: #facc15;--color-select-9-gradient-from: #6366f1;--color-select-9-gradient-to: #4f46e5;--color-row-0-bg: #1e3a5f;--color-row-0-hover: #1e4976;--color-row-0-border: #60a5fa;--color-row-1-bg: #3b0764;--color-row-1-hover: #4c0a85;--color-row-1-border: #a78bfa;--color-row-2-bg: #500724;--color-row-2-hover: #6b0a32;--color-row-2-border: #f472b6;--color-row-3-bg: #7f1d1d;--color-row-3-hover: #991b1b;--color-row-3-border: #f87171;--color-row-4-bg: #431407;--color-row-4-hover: #5c1a09;--color-row-4-border: #fb923c;--color-row-5-bg: #422006;--color-row-5-hover: #5c2c08;--color-row-5-border: #fbbf24;--color-row-6-bg: #14532d;--color-row-6-hover: #166534;--color-row-6-border: #4ade80;--color-row-7-bg: #064e3b;--color-row-7-hover: #065f46;--color-row-7-border: #34d399;--color-row-8-bg: #164e63;--color-row-8-hover: #155e75;--color-row-8-border: #22d3ee;--color-row-9-bg: #312e81;--color-row-9-hover: #3730a3;--color-row-9-border: #818cf8;--color-response-authoritative-bg: #422006;--color-response-authoritative-icon-bg: #854d0e;--color-response-authoritative-border: #a16207;--color-response-authoritative-text: #fef08a;--color-response-recursive-bg: #164e63;--color-response-recursive-icon-bg: #155e75;--color-response-recursive-border: #0891b2;--color-response-recursive-text: #a5f3fc;--color-response-cached-bg: #3b0764;--color-response-cached-icon-bg: #581c87;--color-response-cached-border: #7c3aed;--color-response-cached-text: #ddd6fe;--color-response-blocked-bg: #7f1d1d;--color-response-blocked-icon-bg: #991b1b;--color-response-blocked-border: #dc2626;--color-response-blocked-text: #fecaca;--color-response-upstream-bg: #431407;--color-response-upstream-icon-bg: #7c2d12;--color-response-upstream-border: #ea580c;--color-response-upstream-text: #fed7aa;--color-response-cache-blocked-bg: #374151;--color-response-cache-blocked-icon-bg: #4b5563;--color-response-cache-blocked-border: #6b7280;--color-response-info-bg: #422006;--color-response-info-icon-bg: #854d0e;--color-response-info-border: #a16207;--color-response-info-text: #fef08a;--color-response-unknown-bg: #334155;--color-response-unknown-icon-bg: #475569;--color-response-unknown-border: #64748b;--color-response-unknown-text: #e2e8f0;color-scheme:dark}html{scroll-behavior:smooth}html.theme-transitioning body,html.theme-transitioning .app-header,html.theme-transitioning .mobile-nav,html.theme-transitioning .logs-page,html.theme-transitioning .overview-page,html.theme-transitioning .configuration,html.theme-transitioning .dhcp-page,html.theme-transitioning .zones-page,html.theme-transitioning .dns-lookup,html.theme-transitioning .card,html.theme-transitioning .modal,html.theme-transitioning .modal__backdrop,html.theme-transitioning button,html.theme-transitioning input,html.theme-transitioning select,html.theme-transitioning textarea{transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}body{margin:0;min-height:100vh;background:var(--color-bg-primary);overflow-x:hidden}a{color:inherit}button{font-family:inherit}.skeleton{background:linear-gradient(90deg,#c8c8c833 25%,#c8c8c84d,#c8c8c833 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#37415166 25%,#4b556380,#37415166 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.domain-tooltip{background-color:var(--tooltip-bg)!important;opacity:.9!important;color:var(--tooltip-color)!important;padding:12px 16px!important;border-radius:8px!important;box-shadow:var(--shadow-lg)!important;max-width:min(500px,calc(100vw - 32px))!important;font-size:12px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;z-index:99999!important;backdrop-filter:blur(2px)!important}.domain-tooltip *,.domain-tooltip div,.domain-tooltip strong{font-family:Menlo,Monaco,Consolas,Courier New,monospace!important}.tooltip-blocked{color:var(--color-danger)!important}.tooltip-allowed{color:var(--color-success)!important}.domain-tooltip__show-more{background:transparent;border:none;padding:0;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:12px}*{touch-action:manipulation}button,select,input[type=button],input[type=submit],input[type=reset]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}input[type=text],input[type=email],input[type=password],input[type=search],textarea{user-select:text}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@supports (padding: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}*{box-sizing:border-box}[class*=__list],[class*=__grid],[class*=__items],[class*=__details],[class*=__body],[class*=__content],[class*=__header],[class*=-grid],[class*=-body],[class*=-content]{max-width:100%;min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.button:active:before{width:300px;height:300px}.button.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-white);box-shadow:0 4px 12px #365df34d}.button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #365df366}.button.primary:active:not(:disabled){transform:translateY(0)}.button.secondary{background:var(--color-bg-secondary);color:var(--color-primary);border:2px solid var(--color-border)}.button.secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}.button.danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-text) 100%);color:var(--color-white);box-shadow:0 4px 12px #d649494d}.button.danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d6494966}.button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-white);box-shadow:0 4px 12px #365df34d}.button--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #365df366}.button--primary:active:not(:disabled){transform:translateY(0)}.button--secondary{background:var(--color-bg-secondary);color:var(--color-primary);border:2px solid var(--color-border)}.button--secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}.button--sm{font-size:.8rem;padding:.25rem .6rem;min-height:unset}.rule-optimizer-page .button{margin:.15rem}.rule-optimizer-page .rule-optimizer-group-pills,.rule-optimizer-impact-modal__dialog .rule-optimizer-group-pills,.rule-optimizer-confirm-modal__dialog .rule-optimizer-group-pills{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.rule-optimizer-page .rule-optimizer-group-pill,.rule-optimizer-impact-modal__dialog .rule-optimizer-group-pill,.rule-optimizer-confirm-modal__dialog .rule-optimizer-group-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.82rem;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.rule-optimizer-page .rule-optimizer-group-pill:hover,.rule-optimizer-impact-modal__dialog .rule-optimizer-group-pill:hover,.rule-optimizer-confirm-modal__dialog .rule-optimizer-group-pill:hover{border-color:var(--color-primary)}.rule-optimizer-page .rule-optimizer-group-pill--selected,.rule-optimizer-impact-modal__dialog .rule-optimizer-group-pill--selected,.rule-optimizer-confirm-modal__dialog .rule-optimizer-group-pill--selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.rule-optimizer-page .rule-optimizer-group-pill__checkbox,.rule-optimizer-impact-modal__dialog .rule-optimizer-group-pill__checkbox,.rule-optimizer-confirm-modal__dialog .rule-optimizer-group-pill__checkbox{width:.9rem;height:.9rem;margin:0;accent-color:var(--color-primary)}.rule-optimizer-page .rule-optimizer-group-pill__label,.rule-optimizer-impact-modal__dialog .rule-optimizer-group-pill__label,.rule-optimizer-confirm-modal__dialog .rule-optimizer-group-pill__label{white-space:nowrap}.rule-optimizer-page .rule-optimizer-card__preview-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:.45rem}.rule-optimizer-page .rule-optimizer-card__preview-note{margin:0}.rule-optimizer-impact-modal__overlay{position:fixed;inset:0;z-index:1600;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.rule-optimizer-impact-modal__dialog{width:min(1100px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow-y:auto;border-radius:1rem;border:1px solid var(--color-border);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);padding:1rem}.rule-optimizer-impact-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.rule-optimizer-impact-modal__title{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}.rule-optimizer-impact-modal__subtitle{margin:.2rem 0 0;color:var(--color-text-secondary);font-size:.9rem}.rule-optimizer-impact-modal__groups,.rule-optimizer-confirm-modal__groups{margin-top:.9rem}.rule-optimizer-impact-modal__actions{margin-top:.9rem;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.rule-optimizer-impact-modal__apply-note{margin:0;color:var(--color-text-secondary);font-size:.85rem;text-align:right}.rule-optimizer-confirm-modal__overlay{position:fixed;inset:0;z-index:1700;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a80;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.rule-optimizer-confirm-modal__dialog{width:min(760px,calc(100vw - 2rem));border-radius:1rem;border:1px solid var(--color-border);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);padding:1.25rem;display:grid;gap:1rem}.rule-optimizer-confirm-modal__title{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary)}.rule-optimizer-confirm-modal__text{margin:0;color:var(--color-text-primary);line-height:1.45}.rule-optimizer-confirm-modal__domain-list{margin:.35rem 0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.2rem;list-style:disc}.rule-optimizer-confirm-modal__warning{margin:0;padding:.75rem .9rem;border-radius:.75rem;border:1px solid var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning-text);line-height:1.4}.rule-optimizer-confirm-modal__actions{display:flex;justify-content:flex-end;gap:.6rem}.rule-optimizer-confirm-modal__result{border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-bg-secondary);padding:.7rem .8rem;display:grid;gap:.35rem}.rule-optimizer-confirm-modal__result-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.rule-optimizer-confirm-modal__result-arrow{color:var(--color-text-secondary);font-size:.85rem;line-height:1}.rule-optimizer-replace-options{display:flex;flex-direction:column;gap:.6rem;margin-top:.35rem}.rule-optimizer-replace-option{display:flex;align-items:flex-start;gap:.5rem;cursor:pointer}.rule-optimizer-replace-option input[type=radio]{margin-top:.2rem;flex-shrink:0}.rule-optimizer-replace-option__content{display:flex;flex-direction:column;gap:.2rem}.rule-optimizer-replace-option__title{font-size:.8rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em}.rule-optimizer-replace-option__note{font-size:.78rem;color:var(--color-text-secondary)}.rule-optimizer-explicit-hosts{display:flex;flex-wrap:wrap;gap:.25rem}.rule-optimizer-confirm-modal__result-note{margin:0;color:var(--color-text-secondary);font-size:.83rem;line-height:1.35}.rule-optimizer-impact-metrics{margin-top:.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.rule-optimizer-impact-metric{border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-bg-tertiary);padding:.7rem .85rem;display:grid;gap:.35rem}.rule-optimizer-impact-metric__label{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-tertiary)}.snapshot-drawer__rule-optimizer-summary{display:grid;gap:.35rem;color:var(--color-text-primary);line-height:1.35}.snapshot-drawer__rule-optimizer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem}.snapshot-drawer__rule-optimizer-label{font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.snapshot-drawer__rule-optimizer-code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snapshot-drawer__rule-optimizer-copy{padding:.22rem .55rem;font-size:.78rem}.rule-optimizer-impact-metric__value{color:var(--color-text-primary);line-height:1.3}@media(max-width:900px){.rule-optimizer-impact-metrics{grid-template-columns:1fr}}@media(max-width:640px){.rule-optimizer-impact-modal__dialog{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:.75rem}.rule-optimizer-confirm-modal__dialog{width:calc(100vw - 1rem);padding:.85rem}.rule-optimizer-impact-modal__header{flex-direction:column;align-items:stretch}}.button--loading{position:relative;color:transparent;pointer-events:none}.button--loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.button{min-height:44px;padding:.75rem 1rem}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],select,textarea{min-height:44px;font-size:16px}input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px;margin:2px}}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.02em;transition:all .2s ease}.badge--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.badge--error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.badge--info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.badge--muted{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-border) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:.5rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton--text{height:1rem;margin-bottom:.5rem}.skeleton--title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton--card{height:200px;width:100%}.toast-stack{position:fixed;top:2rem;right:2rem;display:grid;gap:.75rem;width:min(320px,calc(100% - 2rem));z-index:1000}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;border-left:4px solid var(--color-primary);padding:.9rem 1rem;box-shadow:0 12px 24px #1118272e;color:var(--color-text-primary)}.toast__message{flex:1;font-size:.95rem;line-height:1.3}.toast__dismiss{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-weight:600;padding:.25rem .5rem;border-radius:.5rem;align-self:center}.toast__dismiss:hover{background:#365df31a}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-danger)}.toast--info{border-left-color:var(--color-primary)}@media(max-width:600px){.toast-stack{left:.75rem;right:.75rem;top:1rem;width:auto}}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary);color:var(--color-text-primary)}.app-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;display:grid;gap:.75rem;box-shadow:0 10px 24px #1e2a400d}@media(max-width:720px){.app-card{padding:1rem;border-radius:.75rem}}@media(max-width:480px){.app-card{padding:.875rem}}.app-card--muted{background:var(--color-bg-tertiary);box-shadow:none;border-radius:.75rem}.app-card__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.app-card__subtitle{margin:.25rem 0 0;color:var(--color-text-secondary);line-height:1.4}.app-card__subheading{margin:.75rem 0 0;font-size:1.05rem;font-weight:650;color:var(--color-text-primary)}.app-card__text{margin:.25rem 0 0;color:var(--color-text-secondary);line-height:1.5}.app-card__label{font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-tertiary)}.app-card__code{margin-top:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;color:var(--color-text-primary);word-break:break-word}.app-code-inline{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;padding:.1rem .35rem;border-radius:.45rem;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.app-callout{margin-top:.75rem;padding:.75rem .9rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);line-height:1.4}.app-callout--warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-text-primary)}.app-table{margin-top:.75rem;border:1px solid var(--color-border);border-radius:.85rem;overflow:hidden;background:var(--color-bg-secondary)}.app-table table{width:100%;border-collapse:collapse}.app-table thead{background:var(--color-bg-tertiary)}.app-table th,.app-table td{padding:.85rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.app-table th{font-weight:700;color:var(--color-text-secondary);text-align:left}.app-table tbody tr:hover td{background:var(--color-bg-tertiary)}.app-table__code-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;word-break:break-word}.app-header{display:flex;align-items:center;gap:2rem;padding:1rem 2rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.app-header:hover{box-shadow:var(--shadow-md)}.app-header__brand{font-weight:700;font-size:1.25rem;display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);user-select:none}.app-header__brand-icon{font-size:1.5rem}.app-header__brand-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--color-primary);white-space:nowrap}@media(max-width:480px){.app-header__brand-text{display:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.app-header__controls{display:flex;align-items:center;gap:.5rem}.app-header__actions{position:relative}.app-header__actions-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-size:1.1rem;-webkit-tap-highlight-color:transparent}.app-header__actions-toggle:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.05)}.app-header__actions-toggle:active{transform:scale(.95)}.app-header__actions-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;display:flex;flex-direction:column;gap:.25rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;padding:.4rem;box-shadow:var(--shadow-lg);z-index:130}.app-header__actions-item{display:flex;align-items:center;gap:.65rem;width:100%;border:none;border-radius:.5rem;padding:.6rem .75rem;background:transparent;color:var(--color-text-primary);font-size:.95rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.app-header__actions-item:hover{background:var(--color-primary-light)}.app-header__actions-group-label{padding:.35rem .75rem .2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.app-header__actions-item--active{background:var(--color-primary-light);color:var(--color-primary)}.app-header__actions-item-check{margin-left:auto;font-size:.85rem}.app-header__actions-divider{height:1px;margin:.25rem 0;background:var(--color-border)}.app-header__actions-item--danger{color:var(--color-danger)}.app-header__actions-item--danger:hover{background:var(--color-danger-bg)}.app-header__actions-item:disabled{opacity:.6;cursor:not-allowed}.app-header__mobile-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:.5rem;cursor:pointer;z-index:101;-webkit-tap-highlight-color:transparent;transition:all .2s ease}@media(max-width:1024px){.app-header__mobile-toggle{display:flex!important}}.app-header__mobile-toggle:hover{background:var(--color-primary-light)}.app-header__mobile-toggle:active{transform:scale(.95)}.hamburger{display:flex;flex-direction:column;gap:5px;width:20px}.hamburger span{display:block;height:2.5px;width:100%;background:var(--color-text-primary);border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}.hamburger--open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);background:var(--color-primary)}.hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);background:var(--color-primary)}.app-header__overlay{display:none}.app-header__nav{display:flex;gap:.5rem;margin-left:auto}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:.75rem;color:var(--color-text-primary);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease;position:relative;overflow:hidden}.nav-link__icon{font-size:1.1rem;transition:transform .2s ease}.nav-link__label{position:relative}.nav-link:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translateY(-2px)}.nav-link:hover .nav-link__icon{transform:scale(1.1)}.nav-link.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-white);box-shadow:0 4px 12px #365df34d}.nav-link.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0)}@media(max-width:968px){.app-header{padding:.75rem 1rem;gap:.75rem}.app-header__brand{font-size:1.1rem}.app-header__brand-icon{font-size:1.25rem}.app-header__controls{gap:.5rem;margin-left:auto}.app-header__actions-menu{right:0;min-width:210px}.app-header__mobile-toggle{display:flex}.app-header__nav{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:min(300px,85vw);background:var(--color-bg-secondary);flex-direction:column;padding:0;padding-top:env(safe-area-inset-top,0);gap:0;box-shadow:-8px 0 32px #0003;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain;z-index:100}.app-header__nav--open{transform:translate(0)}.app-header__nav--open:before{content:"Navigation";display:block;padding:2.25rem 1.25rem 1rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.app-header__overlay{display:block;position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);z-index:99;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-link{width:100%;padding:1rem 1.25rem;margin:0 .5rem;width:calc(100% - 1rem);border-radius:.75rem;font-size:1rem;min-height:48px}.nav-link__icon{font-size:1.25rem;width:28px;text-align:center}.nav-link:hover{transform:none}.nav-link:active{transform:scale(.98);background:var(--color-primary-light)}.nav-link.active{margin:.25rem .5rem}}@media(max-width:768px){.app-content{padding:1rem;gap:1rem;overflow-x:hidden}.app-content--wide{padding-left:.75rem;padding-right:.75rem;overflow-x:hidden}}@media(max-width:480px){.app-content{padding:.75rem;gap:.75rem}.app-content--wide{padding-left:.5rem;padding-right:.5rem}}.app-content{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.app-content--wide{max-width:none;width:100%;margin:0;padding-left:clamp(1rem,4vw,3rem);padding-right:clamp(1rem,4vw,3rem)}.logs-page__mobile-controls{margin-bottom:.5rem;margin-top:.75rem}.logs-page__mobile-controls-toggle{display:none;width:100%;padding:1rem;background:linear-gradient(135deg,var(--color-info) 0%,var(--color-primary) 100%);color:#fff;border:none;border-radius:.75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f633;align-items:center;justify-content:space-between;gap:.75rem}@media(max-width:768px){.logs-page__mobile-controls-toggle{display:flex}}.logs-page__mobile-controls-toggle:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.logs-page__mobile-controls-toggle:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f633}.logs-page__mobile-controls-icon{font-size:1.25rem;transition:transform .3s ease}.logs-page__mobile-controls-icon.expanded{transform:rotate(180deg)}.logs-page__mobile-controls-label{display:flex;align-items:center;gap:.5rem;flex:1}.logs-page__mobile-controls-summary{font-size:.8rem;opacity:.9;font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.logs-page__duplicate-info{color:var(--color-warning);display:inline-flex;align-items:baseline;gap:.25rem}.logs-page__duplicate-count{font-weight:700;color:var(--color-warning)}.logs-page__controls-content{max-height:none;opacity:1;padding:0}@media(max-width:768px){.logs-page__controls-content{overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;padding:0}.logs-page__controls-content.visible{max-height:2000px;opacity:1;padding:.5rem 0 0}}.logs-page__cards-wrapper{width:100%;position:relative;contain:layout style}.logs-page__cards-wrapper.refreshing{opacity:.6;pointer-events:none}.logs-page__cards{display:flex;flex-direction:column;gap:1rem;padding:.75rem .5rem}.logs-page__cards-loading,.logs-page__cards-empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-secondary);font-size:.95rem}.logs-page__card-wrapper{position:relative;overflow:hidden;border-radius:.75rem;margin-bottom:.75rem}.logs-page__card-swipe-action{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:100px;opacity:0;transition:opacity .2s ease;z-index:1}.logs-page__card-swipe-action--left{right:0;background:linear-gradient(to left,var(--color-danger-bg) 0%,var(--color-danger-light) 100%)}.logs-page__card-swipe-action--left:has(.logs-page__card-swipe-btn--allow){background:linear-gradient(to left,var(--color-success-bg) 0%,var(--color-success-light) 100%)}.logs-page__card-swipe-action--right{left:0;background:linear-gradient(to right,var(--color-info) 0%,var(--color-primary) 100%)}.logs-page__card-swipe-action.visible{opacity:1}.logs-page__card-swipe-btn{padding:.75rem 1.25rem;font-weight:700;font-size:.875rem;border:none;border-radius:.5rem;cursor:pointer;color:#fff;background:#fff3;backdrop-filter:blur(4px);transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #00000026}.logs-page__card-swipe-btn:active{transform:scale(.95);background:#ffffff4d}.logs-page__card-swipe-btn--block,.logs-page__card-swipe-btn--allow,.logs-page__card-swipe-btn--select{background-color:inherit}.logs-page__card{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000d;z-index:2;touch-action:pan-y}.logs-page__card--blocked{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-text)}.logs-page__card--selected-color-0{background:var(--color-select-0-bg);border-left:4px solid var(--color-select-0-border)}.logs-page__card--selected-color-1{background:var(--color-select-1-bg);border-left:4px solid var(--color-select-1-border)}.logs-page__card--selected-color-2{background:var(--color-select-2-bg);border-left:4px solid var(--color-select-2-border)}.logs-page__card--selected-color-3{background:var(--color-select-3-bg);border-left:4px solid var(--color-select-3-border)}.logs-page__card--selected-color-4{background:var(--color-select-4-bg);border-left:4px solid var(--color-select-4-border)}.logs-page__card--selected-color-5{background:var(--color-select-5-bg);border-left:4px solid var(--color-select-5-border)}.logs-page__card--selected-color-6{background:var(--color-select-6-bg);border-left:4px solid var(--color-select-6-border)}.logs-page__card--selected-color-7{background:var(--color-select-7-bg);border-left:4px solid var(--color-select-7-border)}.logs-page__card--selected-color-8{background:var(--color-select-8-bg);border-left:4px solid var(--color-select-8-border)}.logs-page__card--selected-color-9{background:var(--color-select-9-bg);border-left:4px solid var(--color-select-9-border)}.logs-page__card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.logs-page__card-select{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logs-page__card-select input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin:0;flex-shrink:0}.logs-page__card-group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border-radius:12px;font-size:.75rem;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #2563eb4d}.logs-page__card--selected-color-0 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);box-shadow:0 2px 4px #2563eb4d}.logs-page__card--selected-color-1 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-1-gradient-from) 0%,var(--color-select-1-gradient-to) 100%);box-shadow:0 2px 4px #9333ea4d}.logs-page__card--selected-color-2 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-2-gradient-from) 0%,var(--color-select-2-gradient-to) 100%);box-shadow:0 2px 4px #db27774d}.logs-page__card--selected-color-3 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-3-gradient-from) 0%,var(--color-select-3-gradient-to) 100%);box-shadow:0 2px 4px #dc26264d}.logs-page__card--selected-color-4 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-4-gradient-from) 0%,var(--color-select-4-gradient-to) 100%);box-shadow:0 2px 4px #ea580c4d}.logs-page__card--selected-color-5 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-5-gradient-from) 0%,var(--color-select-5-gradient-to) 100%);box-shadow:0 2px 4px #d977064d}.logs-page__card--selected-color-6 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-6-gradient-from) 0%,var(--color-select-6-gradient-to) 100%);box-shadow:0 2px 4px #16a34a4d}.logs-page__card--selected-color-7 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-7-gradient-from) 0%,var(--color-select-7-gradient-to) 100%);box-shadow:0 2px 4px #0596694d}.logs-page__card--selected-color-8 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-8-gradient-from) 0%,var(--color-select-8-gradient-to) 100%);box-shadow:0 2px 4px #0891b24d}.logs-page__card--selected-color-9 .logs-page__card-group-badge{background:linear-gradient(135deg,var(--color-select-9-gradient-from) 0%,var(--color-select-9-gradient-to) 100%);box-shadow:0 2px 4px #4f46e54d}.logs-page__card-domain{flex:1;font-weight:600;font-size:1rem;color:var(--color-text-primary);word-break:break-word;cursor:pointer;padding:.25rem 0;min-width:0;line-height:1.5}.logs-page__card-domain:hover{color:var(--color-primary);text-decoration:underline}.logs-page__card-status{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:2px solid transparent;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:700;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.logs-page__card-status:active{transform:scale(.95)}.logs-page__card-status--logs-page__response-badge--authoritative{background:var(--color-response-authoritative-icon-bg);border-color:var(--color-response-authoritative-border);color:var(--color-response-authoritative-text)}.logs-page__card-status--logs-page__response-badge--recursive{background:var(--color-response-recursive-icon-bg);border-color:var(--color-response-recursive-border);color:var(--color-response-recursive-text)}.logs-page__card-status--logs-page__response-badge--cached{background:var(--color-response-cached-icon-bg);border-color:var(--color-response-cached-border);color:var(--color-response-cached-text)}.logs-page__card-status--logs-page__response-badge--blocked{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-text)}.logs-page__card-status--logs-page__response-badge--upstream-blocked{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-danger-text)}.logs-page__card-status--logs-page__response-badge--cache-blocked{background:var(--color-response-cache-blocked-icon-bg);border-color:var(--color-response-cache-blocked-border);color:var(--color-text-primary)}.logs-page__card-status--logs-page__response-badge--info{background:var(--color-response-info-icon-bg);border-color:var(--color-response-info-border);color:var(--color-response-info-text)}.logs-page__card-status--logs-page__response-badge--unknown{background:var(--color-response-unknown-icon-bg);border-color:var(--color-response-unknown-border);color:var(--color-response-unknown-text)}.logs-page__card-body{display:flex;flex-direction:column;gap:.75rem}.logs-page__card-row{display:flex;align-items:baseline;gap:.75rem;font-size:.95rem}.logs-page__card-label{font-weight:600;color:var(--color-text-secondary);min-width:70px;flex-shrink:0}.logs-page__card-value{color:var(--color-text-primary);word-break:break-word;flex:1;font-size:.95rem}.logs-page__card-value--clickable{cursor:pointer;color:var(--color-primary);transition:color .15s ease}.logs-page__card-value--clickable:hover{color:var(--color-primary-hover);text-decoration:underline}.logs-page__card-value--answer{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;color:var(--color-text-primary)}.logs-page__card-client-info{display:flex;flex-direction:column;gap:.125rem}.logs-page__card-client-hostname{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.logs-page__card-client-ip{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);font-family:Menlo,Monaco,Consolas,Courier New,monospace}.dhcp-page{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.dhcp-page__header{display:flex;flex-direction:column;gap:.5rem}.dhcp-page__header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text-primary)}.dhcp-page__header p{margin:0;color:var(--color-text-secondary);font-size:1rem}.dhcp-page__error,.dhcp-page__success{border-radius:.85rem;padding:.85rem 1rem;font-size:.95rem}.dhcp-page__placeholder{background:var(--color-info-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);display:block;width:100%;padding:.65rem .95rem;border-radius:.65rem;margin:1rem auto}.dhcp-page__error{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger-text)}.dhcp-page__success{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success-text);animation:successFadeIn .3s ease-out}@keyframes successFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dhcp-page__table-wrapper{border:1px solid var(--color-border);border-radius:1rem;overflow:hidden}.dhcp-page__table{width:100%;border-collapse:collapse;font-size:.95rem}.dhcp-page__table thead{background:var(--color-bg-primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--color-text-secondary)}.dhcp-page__table th,.dhcp-page__table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.dhcp-page__table tbody tr:last-child td{border-bottom:none}.dhcp-page__row{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.dhcp-page__row:hover{background:var(--color-bg-primary)}.dhcp-page__row--selected{background:var(--color-primary-light);box-shadow:inset 4px 0 0 var(--color-primary)}.dhcp-page__scope-name{font-weight:600;color:var(--color-text-primary)}.dhcp-page__scope-meta{font-size:.8rem;color:var(--color-text-secondary);margin-top:.2rem}.dhcp-page__details{display:flex;flex-direction:column;gap:0}.dhcp-page__summary-card{border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;display:grid;gap:1.25rem;background:var(--color-bg-secondary)}.dhcp-page__summary-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.dhcp-page__summary-header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.dhcp-page__summary-subtitle{margin:.25rem 0 0;color:var(--color-text-secondary)}.dhcp-page__status-pill{text-transform:uppercase;letter-spacing:.05em}.dhcp-page__summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0}.dhcp-page__summary-item{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-bg-secondary);display:grid;gap:.35rem}.dhcp-page__summary-item dt{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.dhcp-page__summary-item dd{margin:0;font-weight:600;color:var(--color-text-primary)}.dhcp-page__clone-form{display:grid;gap:1.25rem}.dhcp-page__clone-panel{border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;background:var(--color-bg-tertiary)}.dhcp-page__clone-form fieldset{border:none;margin:0;padding:0;display:grid;gap:1.25rem}.dhcp-page__clone-form legend{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.dhcp-page__clone-intro{margin:0;color:var(--color-text-secondary);line-height:1.5}.dhcp-page__clone-form input[type=text],.dhcp-page__clone-form input[type=number],.dhcp-page__clone-form select{width:100%;padding:.6rem .75rem;border-radius:.65rem;border:1px solid var(--color-border);font-size:.95rem;background:var(--color-bg-secondary)}.dhcp-page__clone-form textarea{width:100%;min-height:90px;resize:vertical;padding:.6rem .75rem;border-radius:.65rem;border:1px solid var(--color-border);font-size:.95rem;background:var(--color-bg-secondary);font-family:inherit}.dhcp-page__clone-form .field-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--color-text-secondary)}.dhcp-page__clone-mode{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.dhcp-page__clone-mode-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border:2px solid var(--color-border);border-radius:.85rem;background:var(--color-bg-secondary);cursor:pointer;min-width:220px;transition:all .2s ease;flex:1}.dhcp-page__clone-mode-option:hover:not(.dhcp-page__clone-mode-option--disabled){border-color:var(--color-primary);box-shadow:0 2px 8px #365df31a;transform:translateY(-1px)}.dhcp-page__clone-mode-option input{margin-top:.25rem;cursor:pointer}.dhcp-page__clone-mode-option strong{display:block;font-size:1rem;color:var(--color-text-primary);margin-bottom:.35rem}.dhcp-page__clone-mode-option span{display:block;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.dhcp-page__clone-mode-option--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #365df326,0 4px 12px #365df326;background:var(--color-primary-light);transform:translateY(-2px)}.dhcp-page__clone-mode-option--active strong{color:var(--color-primary)}.dhcp-page__clone-mode-option--disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-primary)}.dhcp-page__clone-mode-option--disabled strong,.dhcp-page__clone-mode-option--disabled span,.dhcp-page__clone-mode-option--disabled input{cursor:not-allowed}.dhcp-page__clone-intro{margin:.5rem 0 1.25rem;padding:.75rem 1rem;background:var(--color-info-bg);border-left:3px solid var(--color-primary);border-radius:.5rem;font-size:.9rem;color:var(--color-text-primary);line-height:1.5}.dhcp-page__clone-section-header{margin:1.5rem 0 1rem}.dhcp-page__clone-section-header h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.dhcp-page__clone-section-header .field-hint{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.dhcp-page__clone-divider{height:1px;background:var(--color-border);border:0;margin:1.5rem 0}.divider{border:none;height:1px;background:var(--color-border);margin:1rem 0}.divider--compact{margin:.5rem 0}.dhcp-page__clone-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dhcp-page__advanced{margin-top:1.25rem;border:1px solid var(--color-border);border-radius:.85rem;background:var(--color-bg-tertiary);padding:.75rem 1rem}.dhcp-page__advanced>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-primary)}.dhcp-page__advanced>summary::marker{display:none}.dhcp-page__advanced>summary:before{content:">";color:var(--color-primary);font-size:.9rem;transition:transform .2s ease}.dhcp-page__advanced[open]>summary:before{transform:rotate(90deg)}.dhcp-page__advanced>*:not(summary){margin-top:1rem}.dhcp-page__advanced-grid{margin-top:.5rem}.dhcp-page__advanced-grid--toggles{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dhcp-page__dns-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;align-items:start}@media(max-width:900px){.dhcp-page__dns-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dhcp-page__dns-grid{grid-template-columns:1fr}}.dhcp-page__domain-fields{display:flex;flex-direction:column}.dhcp-page__use-dns-checkbox{margin-top:0}.dhcp-page__list-section{border-top:1px solid var(--color-border);padding:1.25rem 0;display:grid;gap:1rem}.dhcp-page__list-section:first-of-type{border-top:none;padding-top:.5rem}.dhcp-page__list-section header{display:grid;gap:.35rem;margin-bottom:.25rem}.dhcp-page__list-section h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.dhcp-page__list-section p{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.dhcp-page__list-empty{margin:0;padding:1rem;color:var(--color-text-secondary);font-style:italic;background:var(--color-bg-secondary);border-radius:.5rem;text-align:center}.dhcp-page__list-row{border:1px solid var(--color-border);border-radius:.75rem;padding:1rem;background:var(--color-bg-secondary);display:grid;gap:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.dhcp-page__list-row:hover{border-color:var(--color-border-hover, #c0c8d8);box-shadow:0 2px 8px #0000000f}[data-theme=dark] .dhcp-page__list-row:hover{border-color:var(--color-border-hover, #4a5568);box-shadow:0 2px 8px #0003}.dhcp-page__list-row-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dhcp-page__list-row-grid--wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dhcp-page__list-row-grid--option{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start}.dhcp-page__list-row .field-group>label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.dhcp-page__list-row .field-group>input,.dhcp-page__list-row .field-group>textarea{font-size:.95rem}.dhcp-page__textarea{resize:vertical;min-height:2.5rem;max-height:16rem;line-height:1.5;font-family:inherit;font-size:.95rem}.dhcp-page__list-remove{justify-self:flex-start;background:transparent;border:1px solid var(--color-danger);color:var(--color-danger);padding:.4rem .75rem;font-size:.85rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.dhcp-page__list-remove:hover{background:var(--color-danger);color:#fff}.dhcp-page__list-section>button.secondary{background:var(--color-bg-secondary);border:1px dashed var(--color-primary);color:var(--color-primary);font-weight:600;align-self:flex-start;width:fit-content;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.dhcp-page__list-section>button.secondary:hover{border-style:solid;border-color:var(--color-primary);background:var(--color-primary);color:#fff}[data-theme=dark] .dhcp-page__list-section>button.secondary{background:var(--color-bg-tertiary, #2d3748)}[data-theme=dark] .dhcp-page__list-section>button.secondary:hover{background:var(--color-primary)}.dhcp-page__value-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.dhcp-page__value-mode{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.dhcp-page__value-mode-buttons{display:inline-flex;border:1px solid var(--color-border);border-radius:999px;overflow:hidden;background:var(--color-primary-light)}.dhcp-page__value-mode-buttons button{border:none;background:transparent;padding:.25rem .75rem;font-weight:600;color:var(--color-text-primary);cursor:pointer}.dhcp-page__value-mode-buttons button.active{background:var(--color-primary);color:var(--color-white)}.dhcp-page__value-mode-buttons button:disabled{opacity:.5;cursor:not-allowed}.dhcp-page__conversion{margin:.35rem 0 0;font-size:.8rem;color:var(--color-text-secondary);line-height:1.4;word-break:break-word}.dhcp-page__conversion strong{color:var(--color-text-primary)}.dhcp-page__conversion--error{color:var(--color-danger-text)}@media(max-width:720px){.dhcp-page__list-row-grid--option{grid-template-columns:1fr}}.dhcp-page__clone-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.dhcp-page__clone-actions button.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.dhcp-page__clone-actions button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:1320px){.dhcp-page__panels,.dhcp-page__details{grid-template-columns:1fr}}@media(max-width:720px){.dhcp-page{padding:1.5rem;gap:1.5rem}.dhcp-page__header{padding:0}.dhcp-page__card,.dhcp-page__clone-panel,.dhcp-page__summary-card{padding:1rem;border-radius:.75rem}.dhcp-page__clone-mode-option{width:100%}.dhcp-page__summary-item{padding:.75rem}.dhcp-page__table th:nth-child(3),.dhcp-page__table td:nth-child(3){display:none}.dhcp-page__table th,.dhcp-page__table td{padding:.75rem .5rem;font-size:.875rem}.dhcp-page__card-header{flex-direction:column;gap:.5rem}.dhcp-page__card-header h2{font-size:1.1rem}.dhcp-page__card-header p{font-size:.85rem}.dhcp-page__summary-grid{grid-template-columns:1fr;gap:.75rem}.dhcp-page__summary-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dhcp-page__summary-header h3{font-size:1.1rem}.dhcp-page__clone-grid{grid-template-columns:1fr}.dhcp-page__clone-mode{flex-direction:column;gap:.75rem}.dhcp-page__clone-mode-option{flex-direction:row;align-items:center;padding:.875rem 1rem;min-height:56px}.dhcp-page__clone-actions{flex-direction:column;gap:.5rem}.dhcp-page__clone-actions button{width:100%;min-height:44px}.dhcp-page__list-row{padding:.875rem}.dhcp-page__list-row-grid{gap:.5rem;grid-template-columns:1fr}.dhcp-page__list-section button.secondary{width:100%;min-height:44px;justify-content:center}.dhcp-page__advanced{padding:.75rem}.dhcp-page__advanced-grid--toggles{grid-template-columns:1fr}}@media(max-width:480px){.dhcp-page__card,.dhcp-page__clone-panel,.dhcp-page__summary-card{padding:.875rem}.dhcp-page__table th:nth-child(2),.dhcp-page__table td:nth-child(2){display:none}.dhcp-page__scope-name{font-size:.9rem}.dhcp-page__scope-meta{font-size:.75rem}}.dashboard__migration-group{background:var(--color-bg-secondary);border-radius:.75rem;border:1px solid var(--color-border);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.dashboard__migration-group header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem}.dashboard__migration-group header .badge{justify-self:end}.dashboard__migration-group-meta{display:grid;gap:.2rem;align-items:start}.dashboard__migration-group ul{margin:0;padding-left:0;list-style:none;display:grid;gap:.75rem}.dashboard__migration-group li{list-style:none}.dashboard__migration-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:start}.dashboard__migration-line strong{min-width:0}.dashboard__migration-description{margin:.25rem 0 0;color:var(--color-text-secondary)}.dashboard__migration-empty{margin:0;padding:.85rem 1rem;border-radius:.85rem;border:1px dashed var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.9rem}.dashboard__migration-status{margin:0;color:var(--color-text-secondary)}.dashboard__migration-status--error{color:var(--color-danger-text)}.dashboard__migration-count{background:var(--color-primary-light);border-radius:999px;padding:.25rem .65rem;font-weight:600;font-size:.8rem}.dashboard__execution-status{margin:0;color:var(--color-text-secondary)}.dashboard__execution-status--error{color:var(--color-danger-text)}.dashboard__execution-report{display:grid;gap:1rem}.dashboard__execution-report--compact{border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem;background:var(--color-bg-secondary);box-shadow:0 10px 24px #1e2a400a}.dashboard__execution-report header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:baseline}.dashboard__execution-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--color-text-secondary)}.dashboard__execution-summary{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0}.dashboard__execution-summary div{background:var(--color-bg-primary);border-radius:.75rem;padding:.75rem 1rem;display:grid;gap:.2rem}.dashboard__execution-summary dt{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.dashboard__execution-summary dd{margin:0;font-weight:600;color:var(--color-text-primary)}.dashboard__execution-results{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.dashboard__execution-line{display:flex;gap:.75rem;align-items:center}.dashboard__execution-message{margin:.25rem 0 0;color:var(--color-text-secondary)}.dashboard__execution-footer{margin:0;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:999px;background:var(--color-primary-light);color:var(--color-primary)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--success{background:var(--color-success-bg);color:var(--color-success-text)}.badge--error{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge--info{background:var(--color-info-bg);color:var(--color-primary)}.badge--muted{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}button.secondary{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:.75rem;font-weight:600;cursor:pointer}button.secondary:hover{background:var(--color-info-bg)}button.primary{background:var(--color-primary);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:.75rem;font-weight:600;cursor:pointer}button.primary:hover{background:var(--color-primary-hover)}button.primary:disabled,button.secondary:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:background .2s ease,opacity .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-bg-secondary);color:var(--color-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-info-bg)}.btn--ghost{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-light);color:var(--color-text-primary)}.btn--ghost:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 28%,transparent)}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--danger:hover:not(:disabled){background:var(--color-danger-text)}.logs-page{display:flex;flex-direction:column;gap:.5rem}.logs-page__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}.logs-page__subtitle{margin:.35rem 0 0;max-width:520px;color:var(--color-text-secondary)}.logs-page__tabs{display:flex;gap:.5rem;margin-bottom:.5rem;border-bottom:2px solid var(--color-border)}.logs-page__tab{padding:.75rem 1.5rem;border:none;background:none;color:var(--color-text-secondary);font-size:1rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.logs-page__tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-tertiary)}.logs-page__tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.logs-page__evaluator-interval-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem}.logs-page__evaluator-interval-input{width:5rem;padding:.2rem .4rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg);color:var(--color-text);font-size:.85rem}.btn--xs{padding:.2rem .5rem;font-size:.8rem}.logs-page__ab-group-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.logs-page__ab-group-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.82rem;font-weight:600;line-height:1.2;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.logs-page__ab-group-pill:hover{border-color:var(--color-primary)}.logs-page__ab-group-pill--selected{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.logs-page__ab-group-pill:has(input:disabled){opacity:.6;cursor:not-allowed}.logs-page__smtp-form .logs-page__ab-group-pill{display:inline-flex;flex-direction:row;align-items:center}.logs-page__ab-group-pill__checkbox{width:.9rem;height:.9rem;margin:0;accent-color:var(--color-primary)}.logs-page__ab-group-pill__label{white-space:nowrap}.logs-page__ab-groups-hint{display:block;font-size:.78rem;color:var(--color-text-secondary);margin-top:.25rem}.logs-page__selectors-hint{grid-column:1 / -1;margin:0 0 .25rem;font-size:.78rem;color:var(--color-text-secondary)}.logs-page__group-pills{display:inline-flex;flex-wrap:wrap;gap:.25rem;vertical-align:middle}.logs-page__group-pill{display:inline-block;padding:.15em .5rem;border-radius:.5rem;font-size:.78rem;font-weight:500;background-color:var(--color-primary-light);color:var(--color-primary)}.logs-page__client-pill{display:inline-block;padding:.15em .5rem;border-radius:.5rem;font-size:.78rem;font-weight:500;background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.logs-page__client-pill--any{opacity:.6;font-style:italic}.logs-page__pattern-type-badge,.logs-page__outcome-badge{display:inline-block;padding:.1em .45rem;border-radius:.4rem;font-size:.75rem;font-weight:500;background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);vertical-align:middle}.logs-page__pattern-sep{margin:0 .35rem;color:var(--color-text-secondary);opacity:.5}.logs-page__log-alert-rule-pattern{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin:0;font-size:.9rem}.logs-page__log-alert-rule-pattern code{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.3rem;padding:.05em .4rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85rem}.logs-page__meta-label{color:var(--color-text-secondary);font-size:.82rem}.logs-page__selectors-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.logs-page__smtp-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.logs-page__smtp-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.logs-page__smtp-card-header h2{margin:0;font-size:1rem}.logs-page__smtp-card-header p{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:.875rem}.logs-page__smtp-error{color:var(--color-danger-text);font-size:.875rem}.logs-page__smtp-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem .75rem}.logs-page__smtp-status-grid div{display:flex;flex-direction:column;gap:.15rem}.logs-page__smtp-status-grid span{color:var(--color-text-secondary);font-size:.75rem}.logs-page__smtp-status-grid strong{font-size:.9rem;font-weight:600}.logs-page__smtp-missing{margin:0;color:var(--color-warning-text);font-size:.875rem}.logs-page__smtp-form{display:grid;gap:.75rem}.logs-page__smtp-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:var(--color-text-secondary)}.logs-page__smtp-form input,.logs-page__smtp-form textarea{border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem .625rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.logs-page__smtp-actions{display:flex;justify-content:flex-end}.logs-page__log-alert-rules-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.logs-page__log-alert-rules-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.logs-page__log-alert-rules-header h2{margin:0;font-size:1rem}.logs-page__log-alert-rules-header p{margin:.25rem 0 0;color:var(--color-text-secondary);font-size:.875rem}.logs-page__log-alert-rules-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem .75rem}.logs-page__log-alert-rules-status div{display:flex;flex-direction:column;gap:.15rem}.logs-page__log-alert-rules-status span{color:var(--color-text-secondary);font-size:.75rem}.logs-page__log-alert-rules-status strong{font-size:.9rem;font-weight:600}.logs-page__log-alert-evaluator-panel{border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-bg-primary);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.logs-page__log-alert-evaluator-summary{display:flex;flex-direction:column;gap:.2rem}.logs-page__log-alert-evaluator-summary strong{font-size:.9rem}.logs-page__log-alert-evaluator-summary span{color:var(--color-text-secondary);font-size:.8rem}.logs-page__log-alert-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.logs-page__log-alert-rules-grid select{border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem .625rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.logs-page__log-alert-rule-list{display:flex;flex-direction:column;gap:.75rem}.logs-page__log-alert-rule-item{border:1px solid var(--color-border);border-radius:.65rem;background:var(--color-bg-primary);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.logs-page__log-alert-rule-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.logs-page__log-alert-rule-item-header h3{margin:0;font-size:.95rem}.logs-page__log-alert-rule-item-header p{margin:.2rem 0 0;color:var(--color-text-secondary);font-size:.82rem}.logs-page__log-alert-rule-state{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}.logs-page__log-alert-rule-state--enabled{background:var(--color-success-bg);color:var(--color-success-text)}.logs-page__log-alert-rule-state--disabled{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.logs-page__log-alert-rule-meta{margin:0;color:var(--color-text-secondary);font-size:.82rem}.logs-page__rule-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.logs-page__rule-item-actions .logs-page__smtp-actions{gap:.35rem}.logs-page__log-alert-rule-item .logs-page__smtp-actions{justify-content:flex-end;gap:.5rem}@media(max-width:768px){.logs-page__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.logs-page__tab{white-space:nowrap;padding:.75rem 1rem}.logs-page__smtp-card-header,.logs-page__log-alert-rules-header{flex-direction:column;align-items:stretch}.logs-page__smtp-actions{justify-content:stretch}.logs-page__smtp-actions .btn{width:100%}.logs-page__log-alert-rule-item .logs-page__rule-item-actions{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end}.logs-page__log-alert-rule-item .logs-page__smtp-actions{flex-direction:column;align-items:stretch}}.logs-page__controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.logs-page__mode-toggle{display:inline-flex;gap:.5rem;background:var(--color-primary-light);padding:.4rem;border-radius:999px}.toggle-button{background:transparent;border:none;padding:.4rem .9rem;border-radius:999px;font-weight:600;line-height:1;color:var(--color-text-primary);cursor:pointer}.toggle-button.active{background:var(--color-primary);color:var(--color-white)}.logs-page__filters-toggle{display:none;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--color-info) 0%,var(--color-primary) 100%);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 2px 8px #3b82f633}.logs-page__filters-toggle:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.logs-page__filters-toggle:active{transform:translateY(0);box-shadow:0 2px 6px #3b82f633}.logs-page__filters-toggle.active{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-active) 100%);box-shadow:0 2px 8px #05966933}.logs-page__filters-toggle.active:hover{background:linear-gradient(135deg,var(--color-success-active) 0%,var(--color-success-hover) 100%);box-shadow:0 4px 12px #0596694d}.logs-page__filters-badge{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-warning);margin-left:.5rem;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 0 3px #fbbf244d}.logs-page__filters{display:flex;gap:.75rem}@media(min-width:769px){.logs-page__filters{display:flex!important}}.logs-page__tail-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.logs-page__tail-active{color:var(--color-success);display:flex;align-items:center;gap:.5rem;animation:pulse 2s ease-in-out infinite}.logs-page__tail-resume{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 6px #f59e0b4d}.logs-page__tail-resume:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.logs-page__tail-resume:active{transform:translateY(0);box-shadow:0 2px 6px #f59e0b4d}.logs-page__refresh-controls{display:flex;gap:1rem;align-items:end}.logs-page__live-toggle{padding:.5rem 1rem;border-radius:.75rem;border:2px solid var(--color-border);background:var(--color-bg-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.logs-page__live-toggle.live{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-text)}.logs-page__live-toggle.live:hover{background:var(--color-success-light);border-color:var(--color-success)}.logs-page__live-toggle.paused{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.logs-page__live-toggle.paused:hover{background:var(--color-warning-bg);border-color:var(--color-warning)}.logs-page__live-toggle:active{transform:scale(.98)}.logs-page__floating-live-toggle{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;border:none;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:90;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.logs-page__floating-live-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003,0 3px 6px #00000026}.logs-page__floating-live-toggle:active{transform:scale(.95)}.logs-page__floating-live-toggle:focus-visible{outline:3px solid var(--color-info);outline-offset:2px}.logs-page__floating-live-toggle--live{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-hover) 100%);color:var(--color-white);animation:pulse-live 2s ease-in-out infinite}.logs-page__floating-live-toggle--paused{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-hover) 100%);color:var(--color-white)}.logs-page__floating-live-icon{width:24px;height:24px;stroke-width:2.5;position:relative;z-index:2}.logs-page__floating-live-progress{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none;z-index:1}.logs-page__floating-live-progress-ring{stroke-dasharray:176;stroke-dashoffset:176;animation:countdown var(--refresh-duration, 3s) linear infinite;opacity:.9}@keyframes countdown{0%{stroke-dashoffset:176}to{stroke-dashoffset:0}}@keyframes pulse-live{0%,to{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,0 0 #4caf5066}50%{box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,0 0 0 8px #4caf5000}}@media(max-width:768px){.logs-page__floating-live-toggle{bottom:1.5rem;right:1.5rem;width:48px;height:48px}.logs-page__floating-live-icon{width:20px;height:20px}}@media(max-width:768px)and (max-height:600px){.logs-page__floating-live-toggle{bottom:1rem;right:1rem}}.logs-page__filter{display:grid;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.logs-page__settings-container{position:relative}.logs-page__settings-backdrop{position:fixed;inset:0;background:#1821344d;z-index:99;cursor:pointer}.logs-page__settings-toggle{padding:.45rem .85rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-primary-light);font-weight:600;color:var(--color-primary);cursor:pointer;align-self:end}.logs-page__settings-toggle.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.logs-page__filter select{padding:.45rem .75rem;border-radius:.65rem;border:1px solid var(--color-border);min-width:180px;font-size:.95rem}.logs-page__filter select:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary)}.logs-page__pager{display:inline-flex;gap:.65rem;align-items:center}.logs-page__pager-page-button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.logs-page__pager-page-button:hover{color:var(--color-text-primary)}.logs-page__pager-page-jump{display:inline-flex;align-items:center;gap:.35rem}.logs-page__pager-page-input{width:4.5ch;padding:.2rem .35rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font:inherit;min-width:3.5rem}.logs-page__pager-page-total{color:var(--color-text-secondary)}.logs-page__pager button{padding:.35rem .65rem;border-radius:.65rem;border:1px solid var(--color-border);background:var(--color-primary-light);font-weight:600;cursor:pointer}.logs-page__pager button:disabled{opacity:.5;cursor:not-allowed}.logs-page__more-results-warning{margin-left:.5rem;color:var(--color-warning);font-size:.9em}.logs-page__statistics{background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border:1px solid var(--color-border);border-radius:.85rem;margin-bottom:1rem;position:relative;transition:opacity .15s ease;overflow:hidden}.logs-page__statistics-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:1rem;min-height:2.75rem}.logs-page__statistics-toggle{display:flex;align-items:center;gap:.65rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;padding:0;transition:color .2s ease;flex:1;text-align:left;min-width:0}.logs-page__statistics-toggle:hover{color:var(--color-text-primary)}.logs-page__statistics-toggle-icon{font-size:.7rem;transition:transform .2s ease;color:var(--color-text-tertiary)}.logs-page__statistics-summary{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-secondary);flex-wrap:wrap;opacity:1;transition:opacity .25s ease;will-change:opacity;min-width:0}@media(min-width:769px){.logs-page__statistics-summary{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.logs-page__statistics-summary strong{color:var(--color-text-primary);font-weight:600}.logs-page__statistics-summary .stat-blocked{color:var(--color-danger);font-weight:500}.logs-page__statistics-summary .stat-allowed{color:var(--color-success);font-weight:500}.logs-page__statistics-content{display:flex;flex-wrap:wrap;gap:1rem;padding:0 1rem 1rem;animation:slideDown .2s ease;opacity:1;transition:opacity .25s ease;will-change:opacity}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.logs-page__stat{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-secondary);border-radius:.65rem;border:1px solid var(--color-border-light);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;flex:1 1 auto;min-width:120px}.logs-page__stat:hover{border-color:var(--color-border);box-shadow:0 2px 8px #0000000a}.logs-page__statistics.refreshing .logs-page__statistics-content,.logs-page__statistics.refreshing .logs-page__statistics-summary{opacity:.6;transition:opacity .25s ease;will-change:opacity}.logs-page__stat-icon{font-size:1.25rem;line-height:1;display:flex;align-items:center}.logs-page__stat-value{font-size:1.35rem;font-weight:700;line-height:1;color:var(--color-text-primary)}.logs-page__stat-label{font-size:.8rem;color:var(--color-text-tertiary);line-height:1.2}.logs-page__stat--allowed .logs-page__stat-icon,.logs-page__stat--allowed .logs-page__stat-value{color:var(--color-success)}.logs-page__stat--blocked .logs-page__stat-icon,.logs-page__stat--blocked .logs-page__stat-value{color:var(--color-danger)}.logs-page__stat--cached .logs-page__stat-icon{color:var(--color-info)}.logs-page__stat--cached .logs-page__stat-value{color:var(--color-primary)}.logs-page__stat--total .logs-page__stat-icon,.logs-page__stat--total .logs-page__stat-value{color:var(--color-response-cached-text)}.logs-page__stat--clients .logs-page__stat-icon,.logs-page__stat--domains .logs-page__stat-icon,.logs-page__stat--response-time .logs-page__stat-icon{color:var(--color-primary)}@media(max-width:768px){.logs-page__statistics-content{padding:0 .75rem .75rem;gap:.75rem}.logs-page__stat{flex:1 1 calc(50% - .375rem);min-width:110px}.logs-page__stat-value{font-size:1.15rem}.logs-page__stat-label{font-size:.75rem}.logs-page__statistics-summary{font-size:.85rem}}@media(max-width:480px){.logs-page__stat{flex:1 1 100%}}.logs-page__summary{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.85rem;color:var(--color-text-secondary);min-height:48px;transition:opacity .15s ease;contain:layout}.logs-page__summary-line{display:flex;align-items:center;gap:.4rem;flex:1 1 420px;min-width:260px}.logs-page__summary-pills{display:inline-flex;gap:.5rem;margin-left:.6rem;vertical-align:middle}.logs-page__summary-line .logs-page__summary-pills{margin-left:auto}.logs-page__meta-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.3;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);white-space:nowrap}.logs-page__meta-pill--stored{background:#10b98114;border-color:#10b98140;color:var(--color-text-primary)}.logs-page__meta-pill--live{background:#6366f114;border-color:#6366f140;color:var(--color-text-primary)}.logs-page__meta-pill--cache{background:#f59e0b14;border-color:#f59e0b40;color:var(--color-text-primary)}.logs-page__meta-pill--dedupe{background:#6b72801f;border-color:#6b728040;color:var(--color-text-primary)}.logs-page__summary.refreshing{opacity:.7}.logs-page__refresh-indicator{display:inline-flex;margin-left:auto;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--color-primary);background:#fffffff2;padding:.35rem .75rem;border-radius:2rem;border:1px solid var(--color-border-light);box-shadow:0 2px 6px #6366f11a;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;min-width:95px}.logs-page__refresh-indicator.visible{opacity:1;transform:scale(1);animation:pulse 1.5s ease-in-out infinite}.logs-page__refresh-indicator.hidden{opacity:0;transform:scale(.95);pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.logs-page__quick-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-top:1rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.85rem;transition:opacity .15s ease}.logs-page__quick-filters.refreshing{opacity:.7}.logs-page__filter-hint{flex-basis:100%;font-size:.875rem;color:var(--color-text-secondary);padding:.5rem .75rem;background:var(--color-bg-tertiary);border-radius:.65rem;border:1px solid var(--color-border);margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logs-page__filter-hint-text{flex:1}.logs-page__filter-hint strong{color:var(--color-text-primary);font-weight:600}.logs-page__filter-hint-dismiss{flex-shrink:0;background:transparent;border:none;color:var(--color-text-tertiary);font-size:1.25rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:background-color .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.logs-page__filter-hint-dismiss:hover{background-color:var(--color-border);color:var(--color-text-primary)}.logs-page__filter-hint-dismiss:active{background-color:var(--color-border)}.logs-page__selection-tip{font-size:.875rem;color:var(--color-text-secondary);padding:.75rem 1rem;background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg) 100%);border-radius:.75rem;border:1px solid var(--color-warning);margin-top:1rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 2px 6px #ff990014}.logs-page__selection-tip-content{flex:1;display:flex;align-items:center;gap:.75rem}.logs-page__selection-tip-icon{font-size:1.25rem;flex-shrink:0}.logs-page__selection-tip-text{line-height:1.5}.logs-page__selection-tip-text strong{color:var(--color-warning);font-weight:600}.logs-page__selection-tip-dismiss{flex-shrink:0;background:transparent;border:none;color:var(--color-warning);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:background-color .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.logs-page__selection-tip-dismiss:hover{background-color:#b359001a;color:var(--color-warning)}.logs-page__selection-tip-dismiss:active{background-color:#b3590026}.logs-page__quick-filter{display:grid;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.logs-page__quick-filter input,.logs-page__quick-filter select{padding:.45rem .75rem;border-radius:.65rem;border:1px solid var(--color-border);min-width:180px;max-height:32px;font-size:.95rem}.logs-page__quick-filter input:focus-visible,.logs-page__quick-filter select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.logs-page__filters-reset{border:none;background:var(--color-primary-light);color:var(--color-primary);font-weight:600;padding:.5rem .9rem;border-radius:.75rem;cursor:pointer;transition:background-color .15s ease}.logs-page__filters-reset:hover:not(:disabled){background:var(--color-info-bg)}.logs-page__filters-reset:disabled{opacity:.6;cursor:not-allowed}.logs-page__date-presets{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex-basis:100%;padding-top:.5rem;border-top:1px solid var(--color-border-light)}.logs-page__date-presets--disabled{opacity:.9}.logs-page__date-preset-disabled{display:inline-flex;cursor:not-allowed}.logs-page__date-preset{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:500;padding:.4rem .75rem;border-radius:.65rem;cursor:pointer;font-size:.875rem;transition:all .15s ease;white-space:nowrap}.logs-page__date-preset:disabled{opacity:.55;cursor:not-allowed}.logs-page__date-preset:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-light);color:var(--color-text-primary)}.logs-page__date-preset:active:not(:disabled){background:var(--color-border-light);transform:translateY(1px)}.logs-page__date-preset--clear{background:var(--color-danger-bg);border-color:var(--color-danger-light);color:var(--color-danger-text)}.logs-page__date-preset--clear:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger-text)}.logs-page__settings{position:absolute;top:calc(100% + .5rem);z-index:100;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem;display:grid;gap:1rem;box-shadow:0 8px 24px #1e2a401f;min-width:400px;max-width:500px;max-height:80vh;overflow-y:auto}.logs-page__settings--left{left:0;right:auto}.logs-page__settings--right{right:0;left:auto}.logs-page__settings header h2{margin:0 0 .25rem;font-size:1.25rem;color:var(--color-text-primary)}.logs-page__settings header p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.logs-page__settings-options{display:grid;gap:.75rem}.logs-page__settings-option{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-bg-tertiary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.logs-page__settings-option:hover{background:var(--color-bg-primary);border-color:var(--color-border)}.logs-page__settings-option input[type=checkbox],.logs-page__settings-option input[type=radio]{margin-top:.15rem;cursor:pointer;width:18px;height:18px;flex-shrink:0}.logs-page__settings-option>div{display:flex;flex-direction:column;gap:.25rem}.logs-page__settings-option-label{font-weight:600;color:var(--color-text-primary);font-size:.95rem}.logs-page__settings-option-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.logs-page__mobile-layout-header,.logs-page__mobile-layout-options{display:none}@media(max-width:768px){.logs-page__mobile-layout-header,.logs-page__mobile-layout-options{display:block}}.logs-page__refresh-indicator:before{content:"";width:.6rem;height:.6rem;border-radius:50%;border:2px solid var(--color-primary);border-top-color:transparent;animation:logs-spin .9s linear infinite}@keyframes logs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logs-page__table-wrapper{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);overflow:auto;box-shadow:0 10px 24px #1e2a400a;min-height:400px;max-height:65vh;position:relative}.logs-page__table tbody{opacity:1;transition:opacity .25s ease-in-out;will-change:opacity;contain:layout style}.logs-page__table-wrapper.refreshing .logs-page__table tbody{opacity:.5}.logs-page__table{width:100%;min-width:100%;border-collapse:collapse;font-size:.92rem;table-layout:fixed}.logs-page__table thead{background:var(--color-bg-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;color:var(--color-text-secondary)}.logs-page__table thead th{position:sticky;top:0;z-index:25;background:var(--color-bg-tertiary);box-shadow:0 1px 0 var(--color-border)}.logs-page__table th,.logs-page__table td{padding:.75rem .9rem;border-bottom:1px solid var(--color-border);text-align:left}.logs-page__cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.logs-page__table tbody tr{contain:layout style paint}.logs-page__table tbody tr:hover{background:var(--color-bg-primary)}.logs-page__context-menu-overlay{position:fixed;inset:0;z-index:100000}.logs-page__context-menu{position:fixed;min-width:10rem;z-index:100001;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;box-shadow:0 12px 28px #1e2a401f;padding:.25rem}.logs-page__context-menu-separator{height:1px;background:var(--color-border);margin:.35rem .5rem;border-radius:9999px;opacity:.9}.logs-page__context-menu-item{width:100%;text-align:left;background:transparent;border:none;color:var(--color-text-primary);padding:.6rem .75rem;border-radius:.6rem;font-size:.95rem;cursor:pointer}.logs-page__context-menu-item:hover{background:var(--color-bg-tertiary)}.logs-page__loading,.logs-page__empty{text-align:center;padding:2.5rem .75rem;color:var(--color-text-secondary)}.logs-page__cell--domain,.logs-page__cell--answer{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-page__cell--response,.logs-page__cell--select,.logs-page__cell--status{text-overflow:clip;overflow:visible;white-space:normal;max-width:none}.logs-page__cell--timestamp{white-space:nowrap;overflow:visible;max-width:none}.logs-page__col--timestamp{width:clamp(180px,12vw,200px)}.logs-page__col--node{width:clamp(90px,7vw,110px)}.logs-page__col--client{width:clamp(160px,15vw,220px)}.logs-page__client-info{display:flex;flex-direction:column;gap:.15rem;cursor:pointer;transition:opacity .15s ease}.logs-page__client-info:hover{opacity:.7}.logs-page__client-info:hover .logs-page__client-hostname,.logs-page__client-info:hover .logs-page__client-ip{text-decoration:underline}.logs-page__client-hostname{font-weight:600;color:var(--color-text-primary);line-height:1.2}.logs-page__client-ip{font-size:.875rem;color:var(--color-text-secondary);line-height:1.2;font-family:Menlo,Monaco,Consolas,Courier New,monospace}.logs-page__cell--clickable{cursor:pointer;transition:opacity .15s ease}.logs-page__cell--clickable:hover{opacity:.7;text-decoration:underline}.logs-page__cell--domain.logs-page__cell--clickable span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-page__col--response{width:clamp(110px,10vw,150px)}.logs-page__col--response-time{width:clamp(70px,6vw,90px)}.logs-page__col--status{width:clamp(90px,8vw,120px)}.logs-page__col--protocol{width:clamp(70px,6vw,90px)}.logs-page__col--rcode{width:clamp(90px,8vw,120px)}.logs-page__col--qtype,.logs-page__col--qclass{width:clamp(70px,6vw,90px)}.logs-page__col--domain{width:clamp(280px,35vw,700px)}.logs-page__col--answer{width:clamp(200px,25vw,500px)}.logs-page__response-badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.1rem .6rem .1rem .3rem;background:var(--color-response-unknown-bg);color:var(--color-response-unknown-text);font-size:.85rem;line-height:1.2}.logs-page__response-badge-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.45rem;border-radius:999px;font-weight:600;font-size:.75rem;border:1px solid var(--color-response-unknown-border);background:var(--color-response-unknown-icon-bg);color:var(--color-response-unknown-text)}.logs-page__response-badge--authoritative{background:var(--color-response-authoritative-bg);color:var(--color-response-authoritative-text)}.logs-page__response-badge--authoritative .logs-page__response-badge-icon{background:var(--color-response-authoritative-icon-bg);border-color:var(--color-response-authoritative-border);color:var(--color-response-authoritative-text)}.logs-page__response-badge--recursive{background:var(--color-response-recursive-bg);color:var(--color-response-recursive-text)}.logs-page__response-badge--recursive .logs-page__response-badge-icon{background:var(--color-response-recursive-icon-bg);border-color:var(--color-response-recursive-border);color:var(--color-response-recursive-text)}.logs-page__response-badge--cached{background:var(--color-response-cached-bg);color:var(--color-response-cached-text)}.logs-page__response-badge--cached .logs-page__response-badge-icon{background:var(--color-response-cached-icon-bg);border-color:var(--color-response-cached-border);color:var(--color-response-cached-text)}.logs-page__response-badge--blocked{background:var(--color-response-blocked-bg);color:var(--color-response-blocked-text)}.logs-page__response-badge--blocked .logs-page__response-badge-icon{background:var(--color-response-blocked-icon-bg);border-color:var(--color-response-blocked-border);color:var(--color-response-blocked-text)}.logs-page__response-badge--upstream-blocked{background:var(--color-response-upstream-bg);color:var(--color-response-upstream-text)}.logs-page__response-badge--upstream-blocked .logs-page__response-badge-icon{background:var(--color-response-upstream-icon-bg);border-color:var(--color-response-upstream-border);color:var(--color-response-upstream-text)}.logs-page__response-badge--cache-blocked{background:var(--color-response-cache-blocked-bg);color:var(--color-text-primary)}.logs-page__response-badge--cache-blocked .logs-page__response-badge-icon{background:var(--color-response-cache-blocked-icon-bg);border-color:var(--color-response-cache-blocked-border);color:var(--color-text-primary)}.logs-page__response-badge--info{background:var(--color-response-info-bg);color:var(--color-response-info-text)}.logs-page__response-badge--info .logs-page__response-badge-icon{background:var(--color-response-info-icon-bg);border-color:var(--color-response-info-border);color:var(--color-response-info-text)}.logs-page__response-badge--unknown{background:var(--color-response-unknown-bg);color:var(--color-response-unknown-text)}.logs-page__response-badge--unknown .logs-page__response-badge-icon{background:var(--color-response-unknown-icon-bg);border-color:var(--color-response-unknown-border);color:var(--color-response-unknown-text)}.logs-page__row{transition:background-color .2s ease}.logs-page__row--blocked{background:var(--color-danger-bg)}.logs-page__row--blocked td{color:var(--color-danger-text)!important}.logs-page__row--blocked:hover{background:var(--color-danger-bg);opacity:.9}[data-theme=dark] .logs-page__row--blocked:hover{filter:brightness(1.2);opacity:1}.logs-page__row--selected-color-0{background:var(--color-row-0-bg)!important;border-left:4px solid var(--color-row-0-border)}.logs-page__row--selected-color-0:hover{background:var(--color-row-0-hover)!important}.logs-page__row--selected-color-1{background:var(--color-row-1-bg)!important;border-left:4px solid var(--color-row-1-border)}.logs-page__row--selected-color-1:hover{background:var(--color-row-1-hover)!important}.logs-page__row--selected-color-2{background:var(--color-row-2-bg)!important;border-left:4px solid var(--color-row-2-border)}.logs-page__row--selected-color-2:hover{background:var(--color-row-2-hover)!important}.logs-page__row--selected-color-3{background:var(--color-row-3-bg)!important;border-left:4px solid var(--color-row-3-border)}.logs-page__row--selected-color-3:hover{background:var(--color-row-3-hover)!important}.logs-page__row--selected-color-4{background:var(--color-row-4-bg)!important;border-left:4px solid var(--color-row-4-border)}.logs-page__row--selected-color-4:hover{background:var(--color-row-4-hover)!important}.logs-page__row--selected-color-5{background:var(--color-row-5-bg)!important;border-left:4px solid var(--color-row-5-border)}.logs-page__row--selected-color-5:hover{background:var(--color-row-5-hover)!important}.logs-page__row--selected-color-6{background:var(--color-row-6-bg)!important;border-left:4px solid var(--color-row-6-border)}.logs-page__row--selected-color-6:hover{background:var(--color-row-6-hover)!important}.logs-page__row--selected-color-7{background:var(--color-row-7-bg)!important;border-left:4px solid var(--color-row-7-border)}.logs-page__row--selected-color-7:hover{background:var(--color-row-7-hover)!important}.logs-page__row--selected-color-8{background:var(--color-row-8-bg)!important;border-left:4px solid var(--color-row-8-border)}.logs-page__row--selected-color-8:hover{background:var(--color-row-8-hover)!important}.logs-page__row--selected-color-9{background:var(--color-row-9-bg)!important;border-left:4px solid var(--color-row-9-border)}.logs-page__row--selected-color-9:hover{background:var(--color-row-9-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-0{background:var(--color-row-0-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-1{background:var(--color-row-1-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-2{background:var(--color-row-2-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-3{background:var(--color-row-3-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-4{background:var(--color-row-4-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-5{background:var(--color-row-5-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-6{background:var(--color-row-6-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-7{background:var(--color-row-7-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-8{background:var(--color-row-8-hover)!important}.logs-page__row--blocked.logs-page__row--selected-color-9{background:var(--color-row-9-hover)!important}.logs-page__error{padding:.75rem 1rem;border-radius:.85rem;background:var(--color-danger-bg);border:1px solid var(--color-danger-light);color:var(--color-danger-text)}.logs-page__status-button{position:relative;display:inline-flex;align-items:center;border:1px solid transparent;cursor:pointer;font:inherit;transition:transform .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease;text-transform:none;letter-spacing:0;min-width:5.5rem;min-height:1.65rem;justify-content:center;padding:0 .85rem;font-size:.85rem;line-height:1.2;overflow:hidden}.logs-page__status-button:before{display:none}.logs-page__status-button:hover{transform:translateY(-1px)}.logs-page__status-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.logs-page__status-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .15s ease}.logs-page__status-label--default{opacity:1}.logs-page__status-label--hover,.logs-page__status-button:hover .logs-page__status-label--default{opacity:0}.logs-page__status-button:hover .logs-page__status-label--hover{opacity:1}.logs-page__status-button--allowed{background:var(--color-success-bg);border-color:var(--color-success-light);color:var(--color-success-text)}.logs-page__status-button--allowed:hover,.logs-page__status-button--blocked{background:var(--color-danger-bg);border-color:var(--color-danger-light);color:var(--color-danger-text)}.logs-page__status-button--blocked:hover{background:var(--color-success-bg);border-color:var(--color-success-light);color:var(--color-success-text)}.logs-page__modal{position:fixed;inset:0;background:#1821348c;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;z-index:1000}.logs-page__modal-content{background:var(--color-bg-secondary);border-radius:1rem;width:min(480px,100%);max-height:90vh;box-shadow:0 18px 48px #1e2a402e;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.logs-page__modal-mode{margin:1rem 0;border:1px solid var(--color-border-light);border-radius:.85rem;padding:.85rem 1rem;display:grid;gap:.75rem}.logs-page__modal-mode legend{font-weight:600;color:var(--color-text-primary);padding:0 .35rem}.logs-page__modal-mode-option{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start}.logs-page__modal-mode-option input[type=radio]{margin-top:.35rem}.logs-page__modal-mode-title{font-weight:600;color:var(--color-text-primary)}.logs-page__modal-mode-detail{display:block;margin-top:.2rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.85rem;color:var(--color-primary);word-break:break-all}.logs-page__modal-mode-description{display:block;margin-top:.25rem;color:var(--color-text-secondary);font-size:.85rem}.logs-page__modal-mode-input{margin-top:.6rem;width:100%;padding:.5rem .65rem;border-radius:.65rem;border:1px solid var(--color-border);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9rem;color:var(--color-text-primary);background:var(--color-bg-secondary);word-break:break-all;overflow-wrap:break-word}.logs-page__modal-mode-input:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.logs-page__modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.5rem .5rem}.logs-page__modal-header h2{margin:0;word-wrap:break-word;overflow-wrap:break-word;flex:1;min-width:0;.logs-page__modal-action-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.5rem}.logs-page__modal-action-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.logs-page__modal-action-buttons{display:inline-flex;gap:.5rem;background:var(--color-bg-tertiary);border-radius:999px;padding:.3rem}font-size:1.2rem}.logs-page__modal-close{border:none;background:transparent;font-size:.95rem;font-weight:600;line-height:1.2;cursor:pointer;color:var(--color-text-secondary)}.logs-page__modal-close:hover{color:var(--color-text-primary)}.logs-page__modal-body{padding:0 1.5rem 1.5rem;display:grid;gap:1rem;color:var(--color-text-primary);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.logs-page__modal-body p{margin:0;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.logs-page__modal-body p strong{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;display:inline-block;max-width:100%}.logs-page__modal-groups{border:none;padding:0;margin:0;display:grid;gap:.75rem}.logs-page__modal-groups legend{font-weight:600;margin-bottom:.25rem;color:var(--color-text-primary)}.logs-page__modal-group-actions{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.85rem;color:var(--color-primary)}.logs-page__modal-link{border:none;background:transparent;padding:0;color:var(--color-primary);font-weight:600;cursor:pointer}.logs-page__modal-link:hover{text-decoration:underline}.logs-page__modal-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.logs-page__modal-group{display:flex;align-items:flex-start;gap:.65rem;padding:.6rem .7rem;border:1px solid var(--color-border-light);border-radius:.75rem;background:var(--color-bg-tertiary);font-weight:400}.logs-page__modal-group input{width:1rem;height:1rem}.logs-page__modal-group-label{display:grid;gap:.2rem;line-height:1.3}.logs-page__modal-group-name{font-weight:600;color:var(--color-text-primary)}.logs-page__modal-group-detail{font-size:.85rem;color:var(--color-text-secondary)}.logs-page__modal-summary{border:1px solid var(--color-border-light);border-radius:.75rem;background:var(--color-bg-tertiary);padding:.75rem 1rem;display:grid;gap:.5rem}.logs-page__modal-summary-title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.logs-page__modal-summary-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.logs-page__modal-summary-list li{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--color-text-secondary)}.logs-page__modal-summary-group{font-weight:600;color:var(--color-text-primary)}.logs-page__modal-summary-detail{text-align:right}.logs-page__modal-notice{border:1px solid var(--color-warning);background:var(--color-warning-bg);border-radius:.75rem;padding:.75rem 1rem;display:grid;gap:.35rem;color:var(--color-warning-hover)}.logs-page__modal-notice strong{font-size:.95rem}.logs-page__modal-notice p{margin:0;font-size:.85rem;color:var(--color-warning-hover)}.logs-page__modal-empty{margin:0;padding:.75rem 1rem;border-radius:.75rem;background:var(--color-warning-bg);border:1px dashed var(--color-warning);color:var(--color-warning-hover)}.logs-page__modal-error{padding:.65rem .9rem;border-radius:.75rem;background:var(--color-danger-bg);border:1px solid var(--color-danger-light);color:var(--color-danger-text)}.logs-page__modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:.85rem 1.5rem 1.25rem}.logs-page__nodes{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);padding:1.25rem}.logs-page__nodes ul{margin:.75rem 0 0;padding-left:1rem;display:grid;gap:.65rem;color:var(--color-text-secondary)}button.danger{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-light);padding:.5rem 1rem;border-radius:.75rem;font-weight:600;cursor:pointer}button.danger:hover{background:var(--color-danger-light)}button.danger:disabled{opacity:.6;cursor:not-allowed}.node-card{background:var(--color-bg-secondary);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;box-shadow:0 10px 24px #1e2a400d;margin:1rem 0}.node-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.node-card__header>div:first-child{display:flex;align-items:baseline;gap:.75rem}.node-card__header h3{margin:0;font-size:1.25rem}.node-card__version{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.node-card__status-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.node-card__status{font-weight:600;padding:.25rem .75rem;border-radius:999px;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.875rem}.node-card--online .node-card__status{background:var(--color-success-bg);color:var(--color-success-text)}.node-card--syncing .node-card__status{background:var(--color-info-bg);color:var(--color-primary)}.node-card--offline .node-card__status{background:var(--color-danger-bg);color:var(--color-danger-text)}.node-card__app-badge{font-size:.75rem;padding:.25rem .625rem;border-radius:999px;font-weight:600}.node-card__app-badge--has{background:var(--color-success-bg);color:var(--color-success-text)}.node-card__app-badge--missing{background:var(--color-warning-bg);color:var(--color-warning-hover)}.cluster-badge{font-weight:600;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem}.cluster-badge--standalone{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.cluster-badge--primary{background:var(--color-info-bg);color:var(--color-primary)}.cluster-badge--secondary{background:var(--color-success-bg);color:var(--color-success-text)}.cluster-badge--unreachable{background:var(--color-danger-bg);color:var(--color-danger-text)}.cluster-badge--clustered{background:var(--color-response-cached-bg);color:var(--color-response-cached-text)}.node-card__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;padding:1rem;background:var(--color-bg-primary);border-radius:.5rem}.node-card__stat{display:flex;flex-direction:column;align-items:center;text-align:center}.node-card__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.node-card__stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-top:.25rem}.node-card__details{display:grid;gap:.75rem}.node-card__details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.node-card__details dd{margin:0;font-weight:600;word-break:break-all}.node-card__issues{border-top:1px solid var(--color-border);padding-top:1rem}.node-card__issues h4{margin:0 0 .5rem;color:var(--color-danger-text)}.node-card__issues ul{margin:0;padding-left:1.5rem;color:var(--color-danger-text)}.configuration{display:grid;gap:2rem;max-width:100%;min-width:0}.configuration__header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;max-width:100%;min-width:0;margin-bottom:2rem;position:relative}.configuration__header>div{flex:1;min-width:0;padding-right:10rem}.configuration__header h1{margin:0 0 .5rem}.configuration__header p{margin:0}.configuration__header .cluster-info-badge,.configuration__header .cluster-info-badge-container,.configuration__header .cluster-info-banner:not(.cluster-info-banner--dropdown){position:absolute;right:0;top:1.5em;margin-bottom:0;max-width:600px}.node-selector{display:grid;gap:1rem;margin-bottom:1.5rem;max-width:100%;min-width:0}.node-selector__label{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.node-selector__hint{font-size:.85rem;color:var(--color-text-secondary);font-weight:400}.node-selector__unsaved-warning{color:var(--color-danger);font-weight:600}.node-selector__cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));max-width:100%;min-width:0}.node-selector__card{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1rem 1rem 3rem;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:.5rem;cursor:pointer;text-align:left;transition:all .15s ease}.node-selector__card:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 2px 8px #365df31a}.node-selector__card--selected{border-color:var(--color-primary);border-width:3px;background:var(--color-bg-secondary);box-shadow:0 2px 12px #365df326}.node-selector__card--no-config{opacity:.6;cursor:not-allowed}.node-selector__card:disabled{cursor:not-allowed;opacity:.5}.node-selector__card-radio{position:absolute;left:.75rem;top:1rem}.node-selector__card-radio input[type=radio]{width:1.25rem;height:1.25rem;cursor:pointer}.node-selector__card--no-config .node-selector__card-radio input[type=radio]{cursor:not-allowed}.node-selector__card-checkbox{position:absolute;left:.75rem;top:1rem}.node-selector__card-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.node-selector__card-content{flex:1;display:grid;gap:.35rem}.node-selector__card-header{display:flex;align-items:center;gap:.5rem}.node-selector__card-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.node-selector__card-stats{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.node-selector__card-no-config{font-style:italic;color:var(--color-text-tertiary)}.node-selector__card--secondary{opacity:.75;cursor:not-allowed}.node-selector__card--secondary:hover{transform:none;border-color:var(--color-border)}.node-selector__secondaries{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-tertiary);border-radius:.75rem;border:1px solid var(--color-border);font-size:.85rem}.node-selector__secondaries-label{color:var(--color-text-secondary);font-weight:500;margin-right:.25rem}.node-selector__secondary-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;font-weight:500;color:var(--color-text-primary)}.node-selector__secondary-status{color:var(--color-success);font-size:.9em}.node-selector__card-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.node-selector__card-badge--primary{background:var(--color-info-bg);color:var(--color-primary)}.node-selector__card-badge--secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.configuration__cards{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.configuration__card{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);padding:1.5rem;display:grid;gap:1rem;box-shadow:0 10px 24px #1e2a400d}.configuration__link{color:var(--color-primary);font-weight:600;text-decoration:none}.configuration__link:hover{text-decoration:underline}.configuration__metrics{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.configuration__metrics li{color:var(--color-text-secondary)}.configuration__metrics strong{font-size:1.25rem;color:var(--color-text-primary)}.configuration__note{margin:0;color:var(--color-text-secondary)}.configuration__note--center{text-align:center}.configuration__placeholder{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:3rem 2rem;text-align:center;max-width:600px;margin:2rem auto}.configuration__placeholder h2{margin-top:0;color:var(--color-text-primary)}.configuration__placeholder p{color:var(--color-text-secondary);line-height:1.6}.configuration__placeholder .configuration__note{margin-top:2rem;padding:1rem;background:var(--color-bg-tertiary);border-radius:6px;color:var(--color-text-tertiary)}.configuration__editors{display:grid;gap:2rem;max-width:100%;min-width:0}.configuration__tab-switcher{display:flex;gap:.5rem;background:var(--color-bg-secondary);padding:.5rem;max-width:100%;min-width:0;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:.75rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000d}.dhcp-page__card .configuration__tab-switcher{margin-top:2rem}.configuration__tab{flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);box-shadow:inset 0 1px #ffffff08;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.configuration__tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;font-size:.75rem;font-weight:700;color:var(--color-white);background:var(--color-danger);border-radius:.75rem;line-height:1}.configuration__tab--active .configuration__tab-badge{background:var(--color-primary)}.configuration__tab-badge--pending,.configuration__tab--active .configuration__tab-badge--pending{background:var(--color-warning, #e6a800);color:var(--color-warning-text, #7a5800)}.configuration__tab:hover{background:color-mix(in srgb,var(--color-bg-primary) 70%,var(--color-primary-light) 30%);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.configuration__tab--active{background:color-mix(in srgb,var(--color-bg-tertiary) 85%,var(--color-primary-light) 15%);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));box-shadow:0 6px 14px #00000024}.configuration__tab--active:hover{background:color-mix(in srgb,var(--color-bg-tertiary) 85%,var(--color-primary-light) 15%);color:var(--color-primary)}.configuration__multi-group-section{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);padding:1.75rem;display:grid;gap:1.5rem;box-shadow:0 10px 24px #1e2a400d}.configuration__node-selector{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.configuration__node-selector label{color:var(--color-text-primary);font-weight:600}.configuration__node-selector select{flex:1;max-width:400px;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);font-size:.95rem;cursor:pointer}.configuration__node-selector select:hover:not(:disabled){border-color:var(--color-primary)}.configuration__node-selector select:disabled{opacity:.6;cursor:not-allowed}.configuration-editor{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);padding:.95rem;display:grid;box-shadow:0 10px 24px #1e2a400d;max-width:100%;min-width:0;overflow:hidden}.configuration-editor--stacked{padding-bottom:3rem}.configuration-editor__header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1rem;gap:1rem;flex-wrap:wrap}.configuration-editor__actions{display:flex;gap:.75rem}.configuration-editor__body{display:grid;gap:1.5rem;grid-template-columns:minmax(200px,240px) 1fr}.configuration-editor__list{display:flex;flex-direction:column;gap:.85rem;align-items:stretch}.configuration-editor__groups{display:grid;gap:.7rem;align-content:start;flex:1 1 auto;min-height:0}.configuration-editor__list-form{margin-top:.5rem}.configuration-editor__list-form input{border:1px solid var(--color-border);border-radius:.75rem;padding:.55rem 2.25rem .55rem .75rem;font-size:.9rem;background:var(--color-bg-secondary);width:100%}.domain-search-input-wrapper{position:relative}.domain-search-clear-btn{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;line-height:1;display:flex;align-items:center;font-size:.85rem}.domain-search-clear-btn:hover{color:var(--color-text-primary)}.domain-search-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:.85rem;pointer-events:none}.configuration-editor__list-item{padding:.65rem .9rem;border-radius:.75rem;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background .15s ease}.configuration-editor__list-item:hover{background:var(--color-primary-light)}.configuration-editor__list-item.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.configuration-editor__empty{margin:0;color:var(--color-text-secondary);font-style:italic}.configuration-editor__detail{background:var(--color-bg-primary);border-radius:1rem;padding:1.25rem;min-height:320px;display:flex;flex-direction:column}.configuration-editor__placeholder{margin:auto 0;text-align:center;color:var(--color-text-secondary)}.configuration-editor__form{display:grid;gap:1rem}.configuration-editor__title h2{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.configuration-editor__title p{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-secondary)}.group-editor{border-top:1px solid var(--color-border);margin-top:1rem;background:var(--color-bg-secondary);border-radius:.75rem;padding:1.5rem 1.25rem 1.25rem;box-shadow:inset 0 1px #fff9}.field-group{display:grid;gap:.5rem;position:relative}.field-group--error input,.field-group--error textarea,.field-group--error select{border-color:var(--color-danger);background-color:var(--color-danger-bg)}.field-group--error input:focus,.field-group--error textarea:focus,.field-group--error select:focus{border-color:var(--color-danger);box-shadow:0 0 0 .2rem #dc354540}.field-group__error-message{color:var(--color-danger);font-size:.8rem;font-weight:500;position:absolute;top:100%;left:0;margin-top:.25rem;white-space:nowrap;z-index:10;background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:.25rem;box-shadow:0 2px 4px #dc354533}.field-group+.field-group--inline,.field-group--inline+.field-group{margin-top:.4rem}.field-group--inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1.5rem;align-items:start;padding-top:.25rem;padding-bottom:.25rem}.field-group--inline .checkbox{margin:0;display:flex;align-items:flex-start;gap:.6rem;line-height:1.35;font-weight:500;width:100%}.field-group--inline .checkbox input{margin-top:.2rem}.list-editor,.mapping-editor{border:1px solid var(--color-border);border-radius:.85rem;background:var(--color-bg-tertiary);padding:.85rem;display:grid;gap:.75rem;width:100%;box-sizing:border-box;margin-bottom:.5rem}.list-editor--disabled{background:var(--color-bg-tertiary);border-color:var(--color-border)}.list-editor--disabled .list-editor__item{background:var(--color-bg-tertiary)}.list-editor--disabled .list-editor__input input{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.list-editor--disabled .list-editor__input input::placeholder{color:var(--color-text-tertiary)}.list-editor--disabled .list-editor__remove,.list-editor--disabled .list-editor__input button{cursor:not-allowed}.list-editor__items,.mapping-editor__items{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.mapping-editor__items--grid{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.mapping-editor__items--grid{grid-template-columns:1fr}}.mapping-editor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mapping-editor__header label{margin-bottom:0}.mapping-editor__view-toggle{display:flex;gap:.25rem;background:var(--color-bg-tertiary);border-radius:.5rem;padding:.25rem}.mapping-editor__view-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease}.mapping-editor__view-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.mapping-editor__view-btn--active{background:var(--color-bg-secondary);color:var(--color-primary);box-shadow:0 1px 2px #0000000d}.mapping-editor__view-btn--active:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.list-editor__item,.mapping-editor__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--color-bg-secondary);border-radius:.65rem;padding:.45rem .65rem;border:1px solid var(--color-border)}.list-editor__item span,.mapping-editor__entry{flex:1 1 auto;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.list-editor__remove{border:none;background:none;color:var(--color-danger-text);cursor:pointer;padding:.15rem .35rem;font-size:.9rem;border-radius:.5rem}.mapping-editor__remove{flex-shrink:0;width:28px;height:28px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-danger);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.list-editor__remove:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.list-editor__remove:disabled:hover{background:none}.list-editor__remove:hover{background:#9929291f}.mapping-editor__remove:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger-light);color:var(--color-danger);transform:scale(1.1)}.mapping-editor__remove:disabled{opacity:.5;cursor:not-allowed}.mapping-editor__edit{flex-shrink:0;width:28px;height:28px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.mapping-editor__edit:hover:not(:disabled){background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-primary);transform:scale(1.1)}.mapping-editor__edit:disabled{opacity:.5;cursor:not-allowed}.mapping-editor__actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.mapping-editor__item--editing{background:var(--color-bg-tertiary);border-color:var(--color-primary);padding:.65rem;flex-wrap:wrap}.mapping-editor__edit-form{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0;margin-bottom:.5rem}.mapping-editor__edit-input,.mapping-editor__edit-select{border:1px solid var(--color-border);border-radius:.5rem;padding:.4rem .6rem;font-size:.875rem;background:var(--color-bg-secondary);font-family:Menlo,Monaco,Consolas,Courier New,monospace}.mapping-editor__edit-input{flex:1;min-width:0}.mapping-editor__edit-select{flex:0 1 150px}.mapping-editor__edit-actions{display:flex;gap:.5rem;align-items:center;width:100%;justify-content:flex-end}.mapping-editor__edit-save,.mapping-editor__edit-cancel{border:none;cursor:pointer;padding:.35rem .65rem;font-size:1rem;border-radius:.5rem;font-weight:600;transition:all .15s ease}.mapping-editor__edit-save{background:var(--color-success);color:#fff}.mapping-editor__edit-save:hover{background:var(--color-success-dark)}.mapping-editor__edit-cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.mapping-editor__edit-cancel:hover{background:var(--color-border)}.mapping-editor__error{margin:.5rem 0}.list-editor__input,.mapping-editor__input{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.list-editor__input input,.mapping-editor__input input,.mapping-editor__input select{flex:1 1 200px;border:1px solid var(--color-border);border-radius:.6rem;padding:.5rem .7rem;font-size:.9rem;background:var(--color-bg-secondary);min-width:0}.mapping-editor__input select{flex:0 1 180px}.list-editor__input button,.mapping-editor__input button{flex:0 0 auto;height:2.4rem;padding-left:.95rem;padding-right:.95rem}.list-editor__input button:disabled{cursor:not-allowed;opacity:.7}.list-editor__empty,.mapping-editor__empty,.mapping-editor__empty-note{margin:0;color:var(--color-text-secondary);font-style:italic}.mapping-editor__entry{font-family:Menlo,Monaco,Consolas,Courier New,monospace;color:var(--color-text-primary)}.mapping-editor__arrow{opacity:.45}.mapping-editor__key{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.mapping-editor__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.mapping-editor__arrow{flex-shrink:0;color:var(--color-text-secondary)}.group-editor__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-end}.group-editor__name{flex:1 1 280px}.group-editor__actions{display:flex;gap:.75rem;flex:0 0 auto}.group-management__section{margin-bottom:2rem}.group-management__section h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-light)}.group-management__cards{display:flex;flex-direction:column;gap:.75rem}.group-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:all .2s ease}.group-card--active{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.group-card__header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;background:linear-gradient(to bottom,var(--color-bg-secondary),var(--color-bg-primary));border-bottom:1px solid transparent;transition:all .2s ease}.group-card--active .group-card__header{background:linear-gradient(to bottom,var(--color-primary-bg),var(--color-bg-primary));border-bottom-color:var(--color-border-light)}.group-card__header:hover{background:linear-gradient(to bottom,var(--color-bg-tertiary),var(--color-bg-secondary))}.group-card__header h4{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.group-card__toggle{font-size:.875rem;color:var(--color-text-secondary);transition:transform .2s ease}.group-card__content{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;background:var(--color-bg-secondary)}.group-card__name-section{display:flex;flex-direction:column;gap:.5rem}.group-card__name-section label{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.group-card__name-actions{display:flex;gap:.75rem;align-items:flex-start}.group-card__name-actions input{flex:1}.group-card__name-actions button{flex-shrink:0}.group-card--add{background:transparent;border-style:dashed;border-color:var(--color-border)}.group-card--add:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}.group-card__add-form{padding:1.25rem;display:flex;gap:.75rem;align-items:center}.group-card__add-form input{flex:1}.group-card__add-form button{flex-shrink:0}.field-hint{font-size:.75rem;color:var(--color-text-tertiary)}.field-label{font-weight:600;color:var(--color-text-primary)}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0;list-style:none}.chip-list li{background:var(--color-primary-bg);color:var(--color-primary-dark);padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.configuration-editor__detail-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.danger-link{color:var(--color-danger);text-decoration:none;font-weight:600}.danger-link:hover{text-decoration:underline}.configuration-editor__footer{position:sticky;bottom:0;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:1rem 2rem;margin-top:2rem;box-shadow:0 -2px 8px #0000000a}.configuration-editor__footer--sticky{position:fixed;bottom:0;left:0;right:0;z-index:100;margin-top:0;box-shadow:0 -2px 8px #00000014}.configuration-editor__footer-hint{flex:1;margin:0;font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.configuration-editor__footer-hint--clickable{cursor:pointer;color:var(--color-primary);text-decoration:underline;text-decoration-style:dotted;background:none;border:none;font:inherit;padding:0;transition:all .2s ease}.configuration-editor__footer-hint--clickable:hover{color:var(--color-primary);text-decoration-style:solid}.configuration-editor__changes-summary{width:100%;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;margin-top:.75rem;max-height:300px;overflow-y:auto;animation:slideDown .2s ease-out}.configuration-editor__changes-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.configuration-editor__changes-fallback{margin:0;padding:.5rem 0;color:var(--color-text-secondary);font-size:.875rem;font-style:italic}.configuration-editor__status{display:flex;gap:.75rem}.status{display:inline-flex;align-items:center;padding:.35rem .6rem;border-radius:.65rem;font-size:.75rem;font-weight:600}.status--ok{background:var(--color-success-bg);color:var(--color-success-dark)}.status--error{background:var(--color-danger-bg);color:var(--color-danger-text)}.configuration-editor__footer-buttons{display:flex;gap:.75rem}.configuration-editor__footer-actions{display:flex;gap:.75rem;margin-left:auto}.multi-group-editor__footer{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:1rem 2rem;box-shadow:0 -2px 8px #00000014}.multi-group-editor__footer-actions{display:flex;gap:.75rem;margin-left:auto}.multi-group-editor__footer-hint{flex:1;margin:0;font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.multi-group-editor__footer-hint--clickable{cursor:pointer;color:var(--color-primary);text-decoration:underline;text-decoration-style:dotted;background:none;border:none;font:inherit;padding:0;transition:all .2s ease}.multi-group-editor__footer-hint--clickable:hover{color:var(--color-primary);text-decoration-style:solid}.multi-group-editor__changes-summary{width:100%;padding:1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;margin-top:.75rem;max-height:300px;overflow-y:auto;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:300px;padding-top:1rem;padding-bottom:1rem}}.multi-group-editor__changes-summary h4{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.multi-group-editor__changes-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.change-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-secondary);border-radius:.375rem;font-size:.875rem;border-left:3px solid transparent}.change-item--added{border-left-color:var(--color-success)}.change-item--removed{border-left-color:var(--color-danger)}.change-item--modified{border-left-color:var(--color-warning)}.change-icon{font-size:1rem;flex-shrink:0}.change-type{font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.change-group{color:var(--color-text-tertiary);font-size:.8rem;flex-shrink:0}.change-description{flex:1;min-width:0;color:var(--color-text-secondary)}.change-detail{color:var(--color-text-secondary);font-size:.85em}.change-item .url-display{flex:1;min-width:0}.configuration-editor .field-group--inline{display:flex;flex-wrap:wrap;row-gap:.75rem;column-gap:1.5rem;align-items:flex-start}.configuration-editor .field-group--inline .checkbox{margin:0;flex:1 1 200px;display:inline-flex;align-items:flex-start;gap:0rem;line-height:1.4;font-weight:500;min-width:180px}.configuration-editor .field-group--inline .checkbox input{margin-top:.15rem}.field-group--split{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start}.field-group__option{display:flex;align-items:center;gap:.5rem;flex:1 1 260px}.field-group__option .checkbox{margin:0;display:flex;align-items:center;gap:.5rem;line-height:1.35}.field-group__option .checkbox input{flex:0 0 auto}.field-group--split .field-group__control{flex:1 1 320px}@media(max-width:720px){.field-group--split{flex-direction:column;align-items:stretch}.field-group__option,.field-group--split .field-group__control{flex:1 1 100%}}.field-group__control{display:flex;flex-direction:column;gap:.35rem;min-width:200px;flex:1 1 240px}.field-group__control label{display:block;line-height:1.35;font-weight:600;color:var(--color-text-primary)}.field-group__control input,.field-group__control select,.field-group__control textarea{width:100%}.field-group--inline input[type=checkbox]{margin-right:.5rem}.checkbox{display:flex;align-items:center;gap:.5rem}.advanced-blocking-summary__actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem}.advanced-blocking-summary{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.advanced-blocking-summary__card{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);padding:1.5rem;display:grid;gap:.75rem;box-shadow:0 10px 24px #1e2a400d}.advanced-blocking-summary__card header{display:flex;align-items:baseline;gap:.75rem}.advanced-blocking-summary__metric{font-size:2.25rem;font-weight:700;color:var(--color-primary)}.advanced-blocking-summary__card p{margin:0;color:var(--color-text-secondary);line-height:1.5}.advanced-blocking-summary__message{margin:0;color:var(--color-text-secondary)}.advanced-blocking-summary__status{display:grid;gap:1rem;margin-top:1.5rem}.advanced-blocking-summary__status h3{margin:0;font-size:1rem;color:var(--color-text-primary)}.advanced-blocking-summary__nodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.advanced-blocking-summary__node{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);padding:1rem 1.25rem;display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;align-items:start;box-shadow:0 6px 18px #1e2a400a;cursor:pointer;transition:all .2s ease;position:relative}.advanced-blocking-summary__node-radio{margin-top:.25rem;width:20px;height:20px;cursor:pointer;accent-color:var(--color-info)}.advanced-blocking-summary__node>:not(.advanced-blocking-summary__node-radio){grid-column:2}.advanced-blocking-summary__node:hover{border-color:var(--color-border);box-shadow:0 8px 24px #1e2a4014;transform:translateY(-1px)}.advanced-blocking-summary__node--selected{border-color:var(--color-info);border-width:2px;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-bg-primary) 100%);box-shadow:0 0 0 3px #5b8def1a,0 8px 24px #5b8def33;transform:scale(1.02);position:relative}.advanced-blocking-summary__node header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.advanced-blocking-summary__node p{margin:0;color:var(--color-text-secondary)}.advanced-blocking-summary__node small{color:var(--color-text-secondary)}.advanced-blocking-summary__node--error{border-color:var(--color-danger-light);background:var(--color-danger-bg);box-shadow:none}.configuration-editor__footer--note{border-top:1px solid var(--color-border);padding-top:1.75rem;margin-top:1.25rem;.automation{display:grid;gap:2rem}.automation__header{display:grid;gap:.75rem}.automation__content{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.automation__card{background:var(--color-bg-secondary);border-radius:1rem;border:1px solid var(--color-border);padding:1.5rem;display:grid;gap:.75rem;box-shadow:0 10px 24px #1e2a400d;.dhcp-page{display:flex;flex-direction:column;gap:2rem}.dhcp-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;box-shadow:0 16px 32px #1a1f2d0a}.dhcp-page__header h1{margin:0 0 .5rem;font-size:2rem;color:var(--color-text-primary)}.dhcp-page__header p{margin:0;max-width:560px;color:var(--color-text-secondary)}.dhcp-page__node-select{display:grid;gap:.4rem;min-width:220px}.dhcp-page__node-select label{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.dhcp-page__node-select select{padding:.6rem .75rem;border-radius:.65rem;border:1px solid var(--color-border);font-size:.95rem;background:var(--color-bg-secondary)}.dhcp-page__panels{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}.dhcp-page__card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 12px 28px #1a1f2d0a;min-height:360px;width:100%}.dhcp-page__card-header{display:flex;justify-content:space-between;gap:1rem}.dhcp-page__card-header h2{margin:0 0 .35rem;font-size:1.35rem}.dhcp-page__card-header p{margin:0;color:var(--color-text-secondary)}.dhcp-page__placeholder,.dhcp-page__error,.dhcp-page__success{border-radius:.85rem;padding:.85rem 1rem;font-size:.95rem}.dhcp-page__placeholder{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);margin:1rem auto}.dhcp-page__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-light);color:var(--color-danger-text)}.dhcp-page__success{background:var(--color-success-bg);border:1px solid var(--color-success-light);color:var(--color-success-dark)}.dhcp-page__table-wrapper{border:1px solid var(--color-border-light);border-radius:1rem;overflow:hidden}.dhcp-page__table{width:100%;border-collapse:collapse;font-size:.95rem}.dhcp-page__table thead{background:var(--color-bg-primary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:var(--color-text-secondary)}.dhcp-page__table th,.dhcp-page__table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--color-border-light)}.dhcp-page__table tbody tr:last-child td{border-bottom:none}.dhcp-page__row{cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.dhcp-page__row:hover{background:var(--color-bg-primary)}.dhcp-page__row--selected{background:var(--color-primary-bg);box-shadow:inset 4px 0 0 var(--color-primary)}.dhcp-page__scope-name{font-weight:600;color:var(--color-text-primary)}.dhcp-page__scope-meta{font-size:.8rem;color:var(--color-text-secondary);margin-top:.2rem}.dhcp-page__details dl{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0}.dhcp-page__details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 .25rem}.dhcp-page__details dd{margin:0;font-weight:600;color:var(--color-text-primary)}.dhcp-page__clone-form fieldset{border:none;margin:0;padding:0;display:grid;gap:1rem}.dhcp-page__clone-form legend{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.dhcp-page__clone-form input[type=text],.dhcp-page__clone-form select{width:100%;padding:.6rem .75rem;border-radius:.65rem;border:1px solid var(--color-border);font-size:.95rem;background:var(--color-bg-secondary)}.dhcp-page__clone-form textarea{width:100%;min-height:90px;resize:vertical;padding:.6rem .75rem;border-radius:.65rem;border:1px solid var(--color-border);font-size:.95rem;background:var(--color-bg-secondary);font-family:inherit}.dhcp-page__clone-form .field-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--color-text-secondary)}.dhcp-page__clone-mode{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.dhcp-page__clone-mode-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:2px solid var(--color-border);border-radius:.85rem;background:var(--color-bg-secondary);cursor:pointer;min-width:unset;width:100%;transition:all .2s ease}.dhcp-page__clone-mode-option:active:not(.dhcp-page__clone-mode-option--disabled){border-color:var(--color-border);box-shadow:0 2px 8px #365df31a;transform:scale(.98)}.dhcp-page__clone-mode-option input{margin-top:.25rem;cursor:pointer}.dhcp-page__clone-mode-option strong{display:block;font-size:.95rem;color:var(--color-text-primary);margin-bottom:.35rem}.dhcp-page__clone-mode-option span{display:block;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.dhcp-page__clone-mode-option--active{border-color:var(--color-primary);box-shadow:0 0 0 2px #365df326,0 4px 12px #365df326;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-bg-primary) 100%);transform:none}.dhcp-page__clone-mode-option--active strong{color:var(--color-primary)}.dhcp-page__clone-mode-option--disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-primary)}.dhcp-page__clone-mode-option--disabled strong,.dhcp-page__clone-mode-option--disabled span,.dhcp-page__clone-mode-option--disabled input{cursor:not-allowed}.dhcp-page__clone-intro{margin:.5rem 0 1rem;padding:.75rem .875rem;background:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:.5rem;font-size:.875rem;color:var(--color-text-primary);line-height:1.5}.dhcp-page__clone-section-header{margin:1.25rem 0 .875rem}.dhcp-page__clone-section-header h4{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--color-text-primary)}.dhcp-page__clone-section-header .field-hint{margin:0;font-size:.85rem;color:var(--color-text-secondary);line-height:1.4}.dhcp-page__clone-divider{height:1px;background:var(--color-border-light);border:0;margin:1.25rem 0}.dhcp-page__clone-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dhcp-page__clone-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.dhcp-page__clone-actions button.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);margin-left:auto}.dhcp-page__clone-actions button.secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:1080px){.dhcp-page__panels{grid-template-columns:1fr}}@media(max-width:720px){.dhcp-page__header{padding:1.25rem}.dhcp-page__card{padding:1.25rem;min-height:260px;width:100%}.dhcp-page__table th,.dhcp-page__table td{padding:.65rem .75rem}.dhcp-page__clone-mode-option{width:100%}}}.onboarding__content{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.onboarding-stepper{background:var(--color-bg-secondary);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 10px 24px #1e2a400d}.onboarding-stepper ol{list-style:none;display:grid;gap:1rem;padding:0;margin:0 0 1.5rem}.step{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.step__icon{font-size:1.5rem}.step--complete{opacity:.65}.onboarding-stepper .primary{background:var(--color-primary);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer}.onboarding-stepper .primary:hover{background:var(--color-primary-dark)}.onboarding__mock-panel{background:var(--color-bg-secondary);border-radius:1rem;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 10px 24px #1e2a400d}@media(max-width:640px){.app-content{padding:1rem;max-width:100vw;overflow-x:hidden}.app-content--wide{padding-left:1rem;padding-right:1rem}.app-header{padding:1rem}.app-header__nav{gap:.5rem}.configuration-editor__body{grid-template-columns:1fr}.configuration-editor__detail{min-height:0}.field-group--inline{flex-direction:column;align-items:stretch;gap:1rem}.group-editor__header{flex-direction:column;align-items:stretch}.group-editor__actions{justify-content:flex-end}.advanced-blocking-summary{grid-template-columns:1fr}.configuration,.configuration__header,.configuration__editors,.configuration-editor,.node-selector{max-width:100%;min-width:1080px}.configuration-editor{padding:1rem;overflow:hidden}.node-selector__cards{grid-template-columns:1fr}.node-selector__card{padding:.85rem .85rem .85rem 2.5rem}.configuration__tab-switcher{gap:.25rem;padding:.3rem;display:flex;overflow-x:visible;-webkit-overflow-scrolling:auto}.configuration__tab{flex:1;padding:.75rem!important;font-size:.85rem;min-width:0;white-space:nowrap;text-align:center}.field-group{max-width:100%;min-width:0;overflow:hidden}.mapping-editor{padding:.65rem;max-width:100%;overflow:hidden}.mapping-editor__items{max-width:100%}.mapping-editor__item{gap:.5rem;padding:.5rem;max-width:100%;overflow:hidden}.mapping-editor__entry{gap:.35rem;font-size:.85rem;overflow:hidden}.mapping-editor__key{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.mapping-editor__arrow{flex-shrink:0}.mapping-editor__value{flex-shrink:0;white-space:nowrap}.mapping-editor__actions{gap:.35rem;flex-shrink:0}.mapping-editor__edit,.mapping-editor__remove{width:32px;height:32px;font-size:1.1rem}}}.multi-group-editor{display:grid;gap:1.5rem}.multi-group-editor__header{display:grid;gap:.5rem}.multi-group-editor__header h2{margin:0;color:var(--color-text-primary);font-size:1.5rem}.multi-group-editor__description{margin:0;color:var(--color-text-secondary);line-height:1.6}.multi-group-editor__group-selector{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;display:grid;gap:1rem}.multi-group-editor__selector-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.multi-group-editor__selector-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.multi-group-editor__selector-actions{display:flex;gap:.5rem}.multi-group-editor__group-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.multi-group-editor__group-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.multi-group-editor__group-name{font-weight:600;color:var(--color-text-primary);flex:1}.multi-group-editor__group-stats{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.multi-group-editor__stat-badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:500;border-radius:.3rem;white-space:nowrap}.multi-group-editor__stat-badge--blocked{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-light)}.multi-group-editor__stat-badge--allowed{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-light)}.multi-group-editor__stat-badge--empty{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);font-style:italic}.multi-group-editor__error,.multi-group-editor__success{padding:.75rem 1rem;border-radius:.5rem}.multi-group-editor__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-light)}.multi-group-editor__success{background:var(--color-success-bg);border:1px solid var(--color-success-light)}.multi-group-editor__empty-state{text-align:center;padding:2rem;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:.75rem;border:1px dashed var(--color-border)}.multi-group-editor__add-form{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;display:grid;gap:1rem}.multi-group-editor__add-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.multi-group-editor__add-form h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.multi-group-editor__mode-toggle{padding:.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;font-size:.85rem;font-weight:500;color:var(--color-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.multi-group-editor__mode-toggle:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary)}.multi-group-editor__mode-toggle:disabled{opacity:.5;cursor:not-allowed}.multi-group-editor__add-input-group{display:flex;gap:.75rem;align-items:stretch}.multi-group-editor__add-input-group input[type=text],.multi-group-editor__bulk-input{flex:1;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:.5rem;font-size:.95rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;transition:all .2s ease;resize:vertical}.multi-group-editor__add-input-group input[type=text]:focus,.multi-group-editor__bulk-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #365df31a}.multi-group-editor__bulk-input{min-height:120px;line-height:1.6}.multi-group-editor__add-input-group button{padding:.75rem 1.5rem;white-space:nowrap}.multi-group-editor__hint{margin:0;font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.multi-group-editor__add-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.multi-group-editor__add-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.multi-group-editor__type-select{padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);font-size:.95rem;cursor:pointer;min-width:160px}.multi-group-editor__type-select:hover:not(:disabled){border-color:var(--color-primary)}.multi-group-editor__domain-input{flex:1;min-width:200px;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:.5rem;font-size:.95rem}.multi-group-editor__domain-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #365df31a}.multi-group-editor__regex-suggestion{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:.5rem;margin-top:1rem}.multi-group-editor__regex-suggestion-icon{font-size:1.5rem;flex-shrink:0}.multi-group-editor__regex-suggestion-content{flex:1;display:grid;gap:.5rem}.multi-group-editor__regex-suggestion-text{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.multi-group-editor__regex-suggestion-text strong{color:var(--color-text-primary)}.multi-group-editor__regex-suggestion-code{display:block;padding:.5rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-warning);border-radius:.375rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9rem;color:var(--color-warning-hover);word-break:break-all}@media(max-width:768px){.multi-group-editor__regex-suggestion{flex-direction:column;align-items:stretch}.multi-group-editor__regex-suggestion-icon{text-align:center}}.multi-group-editor__search{position:relative;display:flex;align-items:center;margin-bottom:1.5rem}.multi-group-editor__search-input{flex:1;padding:.85rem 2.75rem .85rem 1rem;border:2px solid var(--color-border);border-radius:.75rem;font-size:1rem;transition:all .2s ease}.multi-group-editor__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #365df31a}.multi-group-editor__search-input::placeholder{color:var(--color-text-tertiary)}.multi-group-editor__domain-sections{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:1024px){.multi-group-editor__domain-sections{grid-template-columns:1fr 1fr;align-items:start}}.multi-group-editor__domain-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;display:grid;gap:.75rem;height:fit-content}.multi-group-editor__section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.multi-group-editor__selection-controls{display:flex;gap:.5rem;flex-wrap:wrap}.multi-group-editor__section-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.multi-group-editor__count{font-weight:400;color:var(--color-text-secondary);font-size:.9em}.multi-group-editor__section-description{margin:0;color:var(--color-text-secondary);font-size:.9rem}.multi-group-editor__empty,.multi-group-editor__empty-list,.multi-group-editor__placeholder{text-align:center;padding:1.5rem;color:var(--color-text-tertiary);font-style:italic}.multi-group-editor__url-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.multi-group-editor__url-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;transition:all .2s ease}.multi-group-editor__url-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.multi-group-editor__url-checkbox-label{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer;min-width:0}.multi-group-editor__url-checkbox{flex-shrink:0;width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.multi-group-editor__url-text{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;color:var(--color-text-primary);flex:1;word-break:break-all;overflow-wrap:break-word;line-height:1.5;min-width:0}.multi-group-editor__url-origin{font-weight:700;color:var(--color-text-primary)}.multi-group-editor__url-path{font-weight:400;color:var(--color-text-secondary)}.multi-group-editor__url-remove{flex-shrink:0;width:28px;height:28px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-danger);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.multi-group-editor__url-remove:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger);transform:scale(1.1)}.multi-group-editor__url-remove:disabled{opacity:.5;cursor:not-allowed}.multi-group-editor__url-item--editing{background:var(--color-bg-secondary);border-color:var(--color-primary);padding:.65rem;flex-wrap:wrap}.multi-group-editor__url-actions{display:flex;gap:.5rem;align-items:center}.multi-group-editor__url-edit{flex-shrink:0;width:28px;height:28px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-primary);font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.multi-group-editor__url-edit:hover:not(:disabled){background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-primary);transform:scale(1.1)}.multi-group-editor__url-edit:disabled{opacity:.5;cursor:not-allowed}.multi-group-editor__edit-form{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0;margin-bottom:.5rem;width:100%}.multi-group-editor__edit-input{flex:1;min-width:0;border:1px solid var(--color-border);border-radius:.5rem;padding:.4rem .6rem;font-size:.875rem;background:var(--color-bg-secondary);font-family:Menlo,Monaco,Consolas,Courier New,monospace}.multi-group-editor__edit-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.multi-group-editor__edit-actions{display:flex;gap:.5rem;align-items:center;width:100%;justify-content:flex-end}.multi-group-editor__edit-error{color:var(--color-danger);font-size:.85rem;flex:1;margin-right:auto}.multi-group-editor__edit-save,.multi-group-editor__edit-cancel{border:none;cursor:pointer;padding:.35rem .65rem;font-size:.9rem;border-radius:.5rem;font-weight:600;transition:all .15s ease}.multi-group-editor__edit-save{background:var(--color-success);color:#fff}.multi-group-editor__edit-save:hover:not(:disabled){background:var(--color-success-dark)}.multi-group-editor__edit-save:disabled{opacity:.5;cursor:not-allowed}.multi-group-editor__edit-cancel{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.multi-group-editor__edit-cancel:hover:not(:disabled){background:var(--color-border)}.multi-group-editor__difference-group{margin-top:1.5rem}.multi-group-editor__difference-group:first-child{margin-top:0}.multi-group-editor__difference-group-name{margin:0 0 .75rem;font-size:1rem;color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;gap:.5rem}.multi-group-editor__section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;display:grid;gap:1rem}.multi-group-editor__selection-count{margin:.75rem 0 0;font-size:.9rem;color:var(--color-text-secondary);font-weight:600}.multi-group-editor__group-selection{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;display:grid;gap:1rem}.multi-group-editor__group-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.multi-group-editor__group-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.multi-group-editor__group-actions{display:flex;gap:.5rem}.multi-group-editor__groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.multi-group-editor__group-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.multi-group-editor__group-checkbox:hover{border-color:var(--color-primary);background:var(--color-bg-primary)}.multi-group-editor__group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.multi-group-editor__group-checkbox span{font-weight:500;color:var(--color-text-primary);flex:1}.multi-group-editor__search{position:relative;display:flex;align-items:center}.multi-group-editor__search input[type=text]{flex:1;padding:.85rem 2.75rem .85rem 1rem;border:2px solid var(--color-border);border-radius:.75rem;font-size:1rem;transition:all .2s ease}.multi-group-editor__search input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.multi-group-editor__search input[type=text]::placeholder{color:var(--color-text-tertiary)}.multi-group-editor__search-clear{position:absolute;right:.75rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.multi-group-editor__search-clear:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.multi-group-editor__domain-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.multi-group-editor__domain-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;transition:all .2s ease}.multi-group-editor__domain-item:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.multi-group-editor__domain-item--editing{background:var(--color-bg-secondary);border-color:var(--color-primary);padding:.65rem;flex-wrap:wrap}.multi-group-editor__domain-text{font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9rem;color:var(--color-text-primary);flex:1;word-break:break-all}.multi-group-editor__domain-actions{display:flex;gap:.5rem;align-items:center}.multi-group-editor__domain-edit,.multi-group-editor__domain-remove{flex-shrink:0;width:28px;height:28px;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.multi-group-editor__domain-edit{color:var(--color-primary)}.multi-group-editor__domain-edit:hover:not(:disabled){background:var(--color-info-bg);border-color:var(--color-info);color:var(--color-primary);transform:scale(1.1)}.multi-group-editor__domain-remove{color:var(--color-danger)}.multi-group-editor__domain-remove:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger-light);color:var(--color-danger);transform:scale(1.1)}.multi-group-editor__domain-edit:disabled,.multi-group-editor__domain-remove:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.configuration__node-selector{flex-direction:column;align-items:stretch}.configuration__node-selector select{max-width:none}.multi-group-editor__groups,.multi-group-editor__group-checkboxes{grid-template-columns:1fr}.multi-group-editor__group-checkbox{min-height:48px;padding:.875rem}.multi-group-editor__group-checkbox input[type=checkbox]{width:22px;height:22px}.multi-group-editor__stat-badge{font-size:.7rem;padding:.15rem .4rem}.multi-group-editor__add-controls{flex-direction:column;align-items:stretch}.multi-group-editor__add-input-group{flex-direction:column;gap:.5rem}.multi-group-editor__add-header{flex-direction:column;align-items:stretch;gap:.75rem}.multi-group-editor__mode-toggle,.multi-group-editor__add-input-group button,.multi-group-editor__type-select,.multi-group-editor__domain-input{width:100%}.multi-group-editor__domain-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.multi-group-editor__domain-text{font-size:.85rem}.multi-group-editor__domain-actions{justify-content:flex-end}.multi-group-editor__domain-edit,.multi-group-editor__domain-remove{width:40px;height:40px;font-size:1.1rem}.multi-group-editor__url-item{flex-direction:row;align-items:flex-start;gap:.75rem;padding:1rem}.multi-group-editor__url-checkbox{width:22px;height:22px;margin-top:2px}.multi-group-editor__selection-controls{width:100%;justify-content:stretch}.multi-group-editor__selection-controls button{flex:1;min-width:0}.multi-group-editor__url-text{font-size:.8rem;line-height:1.6}.multi-group-editor__url-remove{width:36px;height:36px;font-size:1.1rem;flex-shrink:0;margin-top:2px}.multi-group-editor__group-header{flex-direction:column;align-items:stretch}.multi-group-editor__group-actions{width:100%}.multi-group-editor__group-actions button{flex:1}}.list-source-editor__type-selector{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;display:grid;gap:1rem;margin-bottom:1.5rem}.list-source-editor__type-selector h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.list-source-editor__type-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.list-source-editor__type-button{flex:1;min-width:160px;padding:.85rem 1.25rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:.5rem;font-size:.95rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;text-align:center}.list-source-editor__type-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 8px #6366f133}.list-source-editor__type-button:disabled{opacity:.5;cursor:not-allowed}.list-source-editor__type-button--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 2px 8px #6366f14d}.list-source-editor__type-button--active:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}@media(max-width:768px){.list-source-editor__type-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;padding-bottom:.5rem;scrollbar-width:thin}.list-source-editor__type-buttons::-webkit-scrollbar{height:4px}.list-source-editor__type-buttons::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.list-source-editor__type-button{min-width:140px;flex-shrink:0;padding:.75rem 1rem;font-size:.85rem}}.multi-group-editor__dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.multi-group-editor__dialog{background:var(--color-bg-secondary);border-radius:1rem;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.multi-group-editor__dialog-title{margin:0 0 1rem;font-size:1.5rem;color:var(--color-text-primary)}.multi-group-editor__dialog-header{margin-bottom:1rem}.multi-group-editor__dialog-header h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.multi-group-editor__dialog-body{margin-bottom:1.5rem}.multi-group-editor__dialog-body p{margin:0 0 1rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.5}.multi-group-editor__dialog-url{padding:.75rem 1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.5rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;word-break:break-all;line-height:1.5}.multi-group-editor__dialog-warning{padding:.75rem 1rem;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:.5rem;color:var(--color-response-info-text);font-size:.9rem;margin-top:1rem}.multi-group-editor__dialog-url-list{margin-top:1rem;max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:.5rem;padding:.75rem;background:var(--color-bg-secondary)}.multi-group-editor__dialog-url-list .multi-group-editor__hint{margin-top:0;margin-bottom:.5rem;font-size:.85rem}.multi-group-editor__dialog-url-item{padding:.5rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.375rem;margin-bottom:.5rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;word-break:break-all;line-height:1.4}.multi-group-editor__dialog-url-item:last-child{margin-bottom:0}.multi-group-editor__dialog-message{margin:0 0 .75rem;font-size:1rem;color:var(--color-text-secondary);line-height:1.5}.multi-group-editor__dialog-message code{background:var(--color-bg-secondary);padding:.25rem .5rem;border-radius:.25rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9rem;color:var(--color-warning-hover)}.multi-group-editor__dialog-note{margin:0 0 1.5rem;font-size:.9rem;color:var(--color-text-tertiary);font-style:italic}.multi-group-editor__dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:480px){.multi-group-editor__dialog{padding:1.5rem}.multi-group-editor__dialog-actions{flex-direction:column-reverse}.multi-group-editor__dialog-actions .button{width:100%}}.sync-view{background:var(--color-bg-secondary);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.sync-view__header{margin-bottom:1.5rem}.sync-view__header h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-text-primary)}.sync-view__description{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.sync-view__mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem;padding:.25rem;background:var(--color-bg-secondary);border-radius:.5rem;width:fit-content}.sync-view__mode-button{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border:none;border-radius:.375rem;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.sync-view__mode-button:hover:not(:disabled):not(.sync-view__mode-button--active){background:#3b82f61a;color:var(--color-info)}.sync-view__mode-button--active{background:var(--color-info);color:var(--color-white);cursor:default}.sync-view__mode-button:disabled{opacity:.5;cursor:not-allowed}.sync-view__node-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem}.sync-view__node-select-group{flex:1;display:flex;flex-direction:column;gap:.5rem}.sync-view__node-select-group label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sync-view__select{width:100%;padding:.5rem .75rem;font-size:.95rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.sync-view__select:hover:not(:disabled){border-color:var(--color-info)}.sync-view__select:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #3b82f61a}.sync-view__select:disabled{opacity:.5;cursor:not-allowed}.sync-view__swap-button{flex-shrink:0;width:3rem;height:3rem;margin-top:1.25rem;padding:0;font-size:1.5rem;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.sync-view__swap-button:hover:not(:disabled){border-color:var(--color-info);background:var(--color-info);color:var(--color-white);transform:rotate(180deg)}.sync-view__swap-button:disabled{opacity:.5;cursor:not-allowed}.sync-view__primary-secondaries{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem}.sync-view__primary-selector{display:flex;flex-direction:column;gap:.5rem}.sync-view__primary-selector label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sync-view__secondaries-selector{display:flex;flex-direction:column;gap:.5rem}.sync-view__secondaries-selector>label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.sync-view__secondaries-list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem}.sync-view__secondary-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.sync-view__secondary-item:hover{background:var(--color-bg-tertiary)}.sync-view__secondary-item input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.sync-view__secondary-item span{font-size:.95rem;color:var(--color-text-primary)}.sync-view__secondaries-hint{margin:.5rem 0 0;font-size:.875rem;font-style:italic;color:var(--color-text-secondary)}.sync-view__ps-content{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.sync-view__ps-secondary{border:1px solid var(--color-border, #e5e7eb);border-radius:8px;overflow:hidden}.sync-view__ps-secondary-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;user-select:none;background:var(--color-surface-secondary, #f9fafb);gap:.5rem}.sync-view__ps-secondary-header:hover{background:var(--color-surface-hover, #f3f4f6)}.sync-view__ps-secondary-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;flex:1;min-width:0}.sync-view__ps-secondary-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.sync-view__ps-secondary-content{padding:1rem;border-top:1px solid var(--color-border, #e5e7eb)}.sync-view__ps-sync-button{padding:.25rem .75rem!important;font-size:.85rem!important;white-space:nowrap}.sync-view__error,.sync-view__success,.sync-view__warning{margin-bottom:1rem;padding:.75rem 1rem;border-radius:.375rem}.sync-view__error{background:var(--color-danger-bg);border:1px solid var(--color-danger-light)}.sync-view__success{background:var(--color-success-bg);border:1px solid var(--color-success-light)}.sync-view__warning{display:flex;gap:.75rem;align-items:flex-start;background:var(--color-warning-bg);border:1px solid var(--color-warning)}.sync-view__warning-icon{font-size:1.25rem;flex-shrink:0}.sync-view__warning-content{flex:1}.sync-view__warning-content strong{display:block;margin-bottom:.25rem;color:var(--color-warning-dark);font-weight:600}.sync-view__warning-content p{margin:0;color:var(--color-text-secondary);line-height:1.5}.sync-view__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem}.sync-view__summary-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg-secondary);border-radius:.375rem;box-shadow:0 1px 2px #0000000d}.sync-view__summary-icon{font-size:1.5rem}.sync-view__summary-icon--in-sync{color:var(--color-success)}.sync-view__summary-icon--different{color:var(--color-warning)}.sync-view__summary-icon--only-source{color:var(--color-info)}.sync-view__summary-icon--only-target{color:var(--color-text-secondary)}.sync-view__summary-count{font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.sync-view__summary-label{font-size:.85rem;color:var(--color-text-secondary);text-align:center}.sync-view__actions{display:flex;gap:1rem;margin-bottom:1.5rem}.sync-view__sync-button{flex:1;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.sync-view__diffs{display:flex;flex-direction:column;gap:1rem}.sync-view__diff{border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg-secondary);overflow:hidden;transition:all .2s}.sync-view__diff:hover{box-shadow:0 2px 8px #0000001a}.sync-view__diff--in-sync{border-left:4px solid var(--color-success)}.sync-view__diff--different{border-left:4px solid var(--color-warning)}.sync-view__diff--only-source{border-left:4px solid var(--color-info)}.sync-view__diff--only-target{border-left:4px solid var(--color-text-secondary)}.sync-view__diff-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--color-bg-tertiary)}.sync-view__diff-header--clickable{cursor:pointer;transition:background .2s}.sync-view__diff-header--clickable:hover{background:var(--color-bg-tertiary)}.sync-view__diff-header-right{display:flex;align-items:center;gap:.75rem}.sync-view__expand-icon{font-size:.75rem;color:var(--color-text-secondary);transition:transform .2s}.sync-view__diff-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.1rem;color:var(--color-text-primary)}.sync-view__status-icon{font-size:1.25rem}.sync-view__status-icon--in-sync{color:var(--color-success)}.sync-view__status-icon--different{color:var(--color-warning)}.sync-view__status-icon--only-source{color:var(--color-info)}.sync-view__status-icon--only-target{color:var(--color-text-secondary)}.sync-view__status-badge{padding:.25rem .75rem;font-size:.8rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.sync-view__status-badge--in-sync{background:var(--color-success-bg);color:var(--color-success-text)}.sync-view__status-badge--different{background:var(--color-warning-bg);color:var(--color-response-info-text)}.sync-view__status-badge--only-source{background:var(--color-info-light);color:var(--color-primary)}.sync-view__status-badge--only-target{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sync-view__diff-details{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.sync-view__diff-node{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.sync-view__diff-node strong{color:var(--color-text-primary);font-weight:600;display:block;margin-bottom:.5rem}.sync-view__stat-badges{display:flex;flex-wrap:wrap;gap:.375rem}.sync-view__stat-badge{display:inline-block;padding:.25rem .625rem;font-size:.8rem;font-weight:500;border-radius:.375rem;white-space:nowrap;transition:all .2s}.sync-view__stat-badge--match{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-light)}.sync-view__stat-badge--diff{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-light)}.sync-view__stat-badge--only{background:var(--color-warning-bg);color:var(--color-response-info-text);border:1px solid var(--color-warning)}.sync-view__diff-empty{color:var(--color-text-tertiary);font-style:italic;font-size:.85rem}.sync-view__detailed-diff{padding:1rem 1.25rem;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border-light)}.sync-view__diff-category{margin-bottom:1.5rem}.sync-view__diff-category:last-child{margin-bottom:0}.sync-view__diff-category-title{margin:0 0 .75rem;font-size:.95rem;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.sync-view__diff-changes{margin-bottom:1rem}.sync-view__diff-changes:last-child{margin-bottom:0}.sync-view__diff-changes-title{margin:0 0 .5rem;font-size:.85rem;font-weight:600}.sync-view__diff-changes-title--added{color:var(--color-success-dark)}.sync-view__diff-changes-title--removed{color:var(--color-danger)}.sync-view__diff-changes-title--modified{color:var(--color-response-cached-text)}.sync-view__diff-changes-title--changed{color:var(--color-warning-hover)}.sync-view__diff-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.sync-view__diff-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.85rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;border-radius:.25rem;line-height:1.4}.sync-view__diff-item--added{background:var(--color-success-bg);color:var(--color-success-text)}.sync-view__diff-item--removed{background:var(--color-danger-bg);color:var(--color-danger-text)}.sync-view__diff-item--modified{background:var(--color-response-cached-bg);color:var(--color-response-cached-text);flex-direction:column;align-items:stretch}.sync-view__diff-item--changed{background:var(--color-warning-bg);color:var(--color-warning-dark)}.sync-view__diff-modification{display:flex;flex-direction:column;gap:.25rem;width:100%}.sync-view__diff-old-value{color:var(--color-danger-text);text-decoration:line-through;font-weight:500;font-size:.85em;opacity:.8}.sync-view__diff-arrow{color:var(--color-response-cached-text);font-weight:600;font-size:1rem;align-self:flex-start}.sync-view__diff-new-value{color:var(--color-response-cached-text);font-weight:600}.sync-view__diff-prefix{font-weight:700;font-size:.75rem}.sync-view__dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.sync-view__dialog{background:var(--color-bg-secondary);border-radius:.75rem;box-shadow:0 20px 40px #0000004d;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}.sync-view__dialog-title{margin:0;padding:1.5rem 1.5rem 0;font-size:1.5rem;color:var(--color-text-primary)}.sync-view__dialog-content{padding:1rem 1.5rem}.sync-view__dialog-message{margin:0 0 1rem;font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.sync-view__dialog-label{margin:0 0 .5rem;font-size:.9rem;color:var(--color-text-primary)}.sync-view__dialog-affected{margin:1rem 0;padding:1rem;background:var(--color-bg-secondary);border-radius:.5rem}.sync-view__dialog-group-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.sync-view__dialog-group-list li{padding:.25rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:9999px;font-size:.85rem;color:var(--color-text-primary)}.sync-view__dialog-warning{margin:1rem 0 0;padding:.75rem 1rem;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:.5rem;font-size:.9rem;font-weight:600;color:var(--color-response-info-text)}.sync-view__dialog-danger{margin:1rem 0;padding:1rem;background:var(--color-danger-bg);border:2px solid var(--color-danger);border-radius:.5rem}.sync-view__dialog-danger-title{margin:0 0 .5rem;font-size:.95rem;font-weight:700;color:var(--color-danger-text)}.sync-view__dialog-danger-message{margin:0 0 .75rem;font-size:.85rem;color:var(--color-danger-dark);line-height:1.5}.sync-view__dialog-danger-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sync-view__dialog-danger-list li{padding:.5rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-danger);border-radius:.375rem;font-size:.9rem;color:var(--color-danger-text)}.sync-view__dialog-group--danger{background:var(--color-danger-bg)!important;border-color:var(--color-danger)!important;color:var(--color-danger-dark)!important;font-weight:600}.sync-view__dialog-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem;justify-content:flex-end}.button--ghost{background:transparent;border-color:transparent}.button--ghost:hover:not(:disabled){background:var(--color-bg-secondary)}.button--danger-text{color:var(--color-danger-text)}.button--danger-text:hover:not(:disabled){color:var(--color-danger-dark)}.button--danger{background:var(--color-danger);color:var(--color-white)}.button--danger:hover:not(:disabled){background:var(--color-danger-dark)}.sync-view__settings-diff{margin-bottom:1.5rem}.sync-view__settings-diff:last-child{margin-bottom:0}.sync-view__settings-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem}.sync-view__settings-node{display:flex;flex-direction:column;gap:.5rem}.sync-view__settings-node-title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.sync-view__settings-list{display:flex;flex-direction:column;gap:.5rem}.sync-view__setting-row{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--color-bg-tertiary);border-radius:.375rem;border:1px solid var(--color-border)}.sync-view__setting-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.025em}.sync-view__setting-value{padding:.375rem .5rem;border-radius:.25rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;word-break:break-word;white-space:pre-wrap}.sync-view__setting-value--source{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-light)}.sync-view__setting-value--target{background:var(--color-danger-bg);color:var(--color-danger-text);border:1px solid var(--color-danger-light)}.sync-view__change-count-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--color-warning-bg);color:var(--color-response-info-text);border:1px solid var(--color-warning);border-radius:.375rem;font-size:.75rem;font-weight:600;margin-left:.5rem}@media(max-width:768px){.sync-view{padding:1rem}.sync-view__node-selector{flex-direction:column;align-items:stretch}.sync-view__swap-button{width:100%;height:2.5rem;margin-top:0;border-radius:.375rem}.sync-view__swap-button:hover:not(:disabled){transform:rotate(90deg)}.sync-view__actions{flex-direction:column}.sync-view__summary{grid-template-columns:repeat(2,1fr)}.sync-view__settings-comparison{grid-template-columns:1fr}.sync-view__change-count-badge{font-size:.7rem;padding:.2rem .5rem}.sync-view__dialog{padding:1rem;max-height:90vh}.sync-view__dialog-title{padding:1rem 1rem 0}.sync-view__dialog-content{padding:.75rem 1rem}.sync-view__dialog-actions{padding:0 1rem 1rem;flex-direction:column-reverse}.sync-view__dialog-actions .button{width:100%}.sync-view__diff-item{font-size:.8rem;word-break:break-all}}.advanced-blocking__delete-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.advanced-blocking__delete-dialog{background:var(--color-bg-secondary);border-radius:.75rem;box-shadow:0 20px 40px #0000004d;width:90%;max-width:450px;animation:slideUp .3s ease-out}.advanced-blocking__delete-title{margin:0;padding:1.5rem 1.5rem 0;font-size:1.5rem;color:var(--color-text-primary)}.advanced-blocking__delete-content{padding:1rem 1.5rem}.advanced-blocking__delete-message{margin:0 0 1rem;font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.advanced-blocking__delete-message strong{color:var(--color-text-primary);font-weight:600}.advanced-blocking__delete-warning{margin:0;padding:.75rem 1rem;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:.5rem;font-size:.9rem;font-weight:600;color:var(--color-response-info-text)}.advanced-blocking__delete-actions{display:flex;gap:.75rem;padding:0 1.5rem 1.5rem;justify-content:flex-end}@media(max-width:480px){.advanced-blocking__delete-dialog{width:95%;max-width:none}.advanced-blocking__delete-title{padding:1rem 1rem 0;font-size:1.25rem}.advanced-blocking__delete-content{padding:.75rem 1rem}.advanced-blocking__delete-actions{padding:0 1rem 1rem;flex-direction:column-reverse}.advanced-blocking__delete-actions .button{width:100%}}.logs-page__col--group-badge{width:35px;min-width:35px}.logs-page__cell--group-badge,.logs-page__header--group-badge{text-align:center;padding:.5rem .25rem}.logs-page__cell--group-badge{overflow:visible;text-overflow:clip}.logs-page__group-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-select-0-gradient-from) 0%,var(--color-select-0-gradient-to) 100%);box-shadow:0 2px 4px #2563eb4d}.logs-page__row--selected-color-0 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-0-gradient-from) 0%,var(--color-select-0-gradient-to) 100%);box-shadow:0 2px 4px #2563eb4d}.logs-page__row--selected-color-1 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-1-gradient-from) 0%,var(--color-select-1-gradient-to) 100%);box-shadow:0 2px 4px #9333ea4d}.logs-page__row--selected-color-2 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-2-gradient-from) 0%,var(--color-select-2-gradient-to) 100%);box-shadow:0 2px 4px #db27774d}.logs-page__row--selected-color-3 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-3-gradient-from) 0%,var(--color-select-3-gradient-to) 100%);box-shadow:0 2px 4px #dc26264d}.logs-page__row--selected-color-4 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-4-gradient-from) 0%,var(--color-select-4-gradient-to) 100%);box-shadow:0 2px 4px #ea580c4d}.logs-page__row--selected-color-5 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-5-gradient-from) 0%,var(--color-select-5-gradient-to) 100%);box-shadow:0 2px 4px #d977064d}.logs-page__row--selected-color-6 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-6-gradient-from) 0%,var(--color-select-6-gradient-to) 100%);box-shadow:0 2px 4px #16a34a4d}.logs-page__row--selected-color-7 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-7-gradient-from) 0%,var(--color-select-7-gradient-to) 100%);box-shadow:0 2px 4px #0596694d}.logs-page__row--selected-color-8 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-8-gradient-from) 0%,var(--color-select-8-gradient-to) 100%);box-shadow:0 2px 4px #0891b24d}.logs-page__row--selected-color-9 .logs-page__group-badge{background:linear-gradient(135deg,var(--color-select-9-gradient-from) 0%,var(--color-select-9-gradient-to) 100%);box-shadow:0 2px 4px #4f46e54d}.logs-page__col--select{width:45px;min-width:45px}.logs-page__cell--select,.logs-page__header--select{text-align:center;padding:.5rem}.logs-page__header--select input[type=checkbox],.logs-page__cell--select input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.logs-page__bulk-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-info-bg) 100%);border:1px solid var(--color-primary-light);border-radius:1rem;margin-top:.75rem;box-shadow:0 2px 8px #6366f11a;animation:slideDown .2s ease}.logs-page__bulk-actions-info{font-size:1rem;color:var(--color-text-primary)}.logs-page__bulk-actions-info strong{color:var(--color-primary);font-weight:700}.logs-page__bulk-actions-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.logs-page__bulk-action-btn{padding:.65rem 1.25rem;border-radius:.75rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;gap:.5rem}.logs-page__bulk-action-btn--block{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-light)}.logs-page__bulk-action-btn--block:hover{background:var(--color-danger-bg);border-color:var(--color-danger-light);transform:translateY(-1px);box-shadow:0 4px 8px #dc262626}.logs-page__bulk-action-btn--allow{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-light)}.logs-page__bulk-action-btn--allow:hover{background:var(--color-success-bg);border-color:var(--color-success-light);transform:translateY(-1px);box-shadow:0 4px 8px #16a34a26}.logs-page__bulk-action-btn--clear{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border-light)}.logs-page__bulk-action-btn--clear:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.logs-page__bulk-domain-list{max-height:300px;overflow-y:auto;background:var(--color-bg-tertiary);border-radius:.5rem;padding:.75rem 1rem}.logs-page__bulk-domain-list li{padding:.5rem 0;border-bottom:1px solid var(--color-border-light);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;color:var(--color-text-primary)}.logs-page__bulk-domain-list li:last-child{border-bottom:none}.logs-page__bulk-domain-item{display:flex;align-items:center;gap:.75rem}.logs-page__modal-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #00000026}.logs-page__modal-badge--color-0{background:linear-gradient(135deg,var(--color-select-0-gradient-from) 0%,var(--color-select-0-gradient-to) 100%);box-shadow:0 2px 4px #2563eb4d}.logs-page__modal-badge--color-1{background:linear-gradient(135deg,var(--color-select-1-gradient-from) 0%,var(--color-select-1-gradient-to) 100%);box-shadow:0 2px 4px #9333ea4d}.logs-page__modal-badge--color-2{background:linear-gradient(135deg,var(--color-select-2-gradient-from) 0%,var(--color-select-2-gradient-to) 100%);box-shadow:0 2px 4px #db27774d}.logs-page__modal-badge--color-3{background:linear-gradient(135deg,var(--color-select-3-gradient-from) 0%,var(--color-select-3-gradient-to) 100%);box-shadow:0 2px 4px #dc26264d}.logs-page__modal-badge--color-4{background:linear-gradient(135deg,var(--color-select-4-gradient-from) 0%,var(--color-select-4-gradient-to) 100%);box-shadow:0 2px 4px #ea580c4d}.logs-page__modal-badge--color-5{background:linear-gradient(135deg,var(--color-select-5-gradient-from) 0%,var(--color-select-5-gradient-to) 100%);box-shadow:0 2px 4px #d977064d}.logs-page__modal-badge--color-6{background:linear-gradient(135deg,var(--color-select-6-gradient-from) 0%,var(--color-select-6-gradient-to) 100%);box-shadow:0 2px 4px #16a34a4d}.logs-page__modal-badge--color-7{background:linear-gradient(135deg,var(--color-select-7-gradient-from) 0%,var(--color-select-7-gradient-to) 100%);box-shadow:0 2px 4px #0596694d}.logs-page__modal-badge--color-8{background:linear-gradient(135deg,var(--color-select-8-gradient-from) 0%,var(--color-select-8-gradient-to) 100%);box-shadow:0 2px 4px #0891b24d}.logs-page__modal-badge--color-9{background:linear-gradient(135deg,var(--color-select-9-gradient-from) 0%,var(--color-select-9-gradient-to) 100%);box-shadow:0 2px 4px #4f46e54d}.logs-page__bulk-domain-text{flex:1;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;min-width:0}.logs-page__bulk-actions.hidden{opacity:0;pointer-events:none;visibility:hidden;height:0;min-height:0;padding:0;margin:0;overflow:hidden;border:none;box-shadow:none}.logs-page__bulk-actions.visible{opacity:1;pointer-events:auto;visibility:visible;animation:slideDown .2s ease}@media(max-width:768px){.logs-page__header{gap:1rem}.logs-page__controls{width:100%;flex-direction:column;gap:.75rem;align-items:stretch}.logs-page__mode-toggle{width:100%;justify-content:center}.toggle-button{flex:1;text-align:center;font-size:.875rem;padding:.5rem .75rem}.logs-page__filters-toggle{display:block;width:100%;margin-top:.75rem}.logs-page__quick-filters.logs-page__quick-filters--mobile-hidden{display:none!important;opacity:0!important;max-height:0!important;overflow:hidden!important}.logs-page__quick-filters:not(.logs-page__quick-filters--mobile-hidden){display:inline-flex!important;opacity:1;max-height:3000px;animation:slideDown .2s ease;gap:.5rem}.logs-page__filters{width:100%;flex-direction:column;gap:.75rem;margin-top:.75rem}.logs-page__filter{width:100%;display:flex;flex-direction:column;gap:.5rem}.logs-page__filter select{width:100%;font-size:1rem;padding:.75rem}.logs-page__pager{width:100%;display:flex;justify-content:space-between;gap:.5rem}.logs-page__pager button{flex:1;font-size:1rem;padding:.75rem}.logs-page__pager span{flex:0 0 auto;display:flex;align-items:center;padding:0 .75rem;font-weight:600}.logs-page__settings-toggle{width:100%;font-size:1rem;padding:.75rem 1rem;justify-content:center}.logs-page__settings{position:fixed;inset:auto 0 0;min-width:100%;max-width:100%;max-height:85vh;border-radius:1rem 1rem 0 0;box-shadow:0 -4px 24px #1e2a4026}.logs-page__tail-status{width:100%;justify-content:center;padding:.75rem;background:var(--color-success-bg);border-radius:.75rem}.logs-page__tail-resume{width:100%;font-size:1rem;padding:.75rem 1rem}.logs-page__statistics-summary{font-size:.85rem;line-height:1.4}.logs-page__bulk-actions{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.logs-page__bulk-actions-info{font-size:.95rem;text-align:center}.logs-page__bulk-actions-buttons{flex-direction:column;gap:.5rem}.logs-page__bulk-action-btn{width:100%;justify-content:center;font-size:1rem;padding:.75rem 1rem}.logs-page__selection-tip{padding:.875rem 1rem;font-size:.875rem}.logs-page__selection-tip-dismiss{padding:.5rem .75rem;font-size:.875rem}.logs-page__filter-hint{padding:.875rem 1rem;font-size:.875rem}.logs-page__filter-hint-dismiss{padding:.5rem .75rem;font-size:.875rem}.logs-page__table{font-size:.9rem}.logs-page__table th,.logs-page__table td{padding:.85rem .75rem}.logs-page__table tbody tr:hover{background:var(--color-bg-tertiary)}.logs-page__header--select input[type=checkbox],.logs-page__cell--select input[type=checkbox]{width:22px;height:22px;cursor:pointer}.logs-page__response-badge{min-width:36px;min-height:36px;font-size:.9rem;display:flex;align-items:center;justify-content:center}.logs-page__cell--domain{font-weight:500;color:var(--color-text-primary)}.logs-page__cell--client{font-size:.9rem;color:var(--color-text-secondary)}.logs-page__cell--timestamp{font-size:.9rem;white-space:nowrap}}@keyframes newEntryBorderFade{0%{opacity:1}to{opacity:0}}.logs-page__row--new td:first-child,.logs-page__row--blocked.logs-page__row--new td:first-child{box-shadow:inset 3px 0 0 0 var(--color-info);animation:newEntryBorderFade 3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.sync-view__stat-badges{gap:.25rem}.sync-view__stat-badge{font-size:.75rem;padding:.2rem .5rem}.sync-view__diff-node strong{font-size:.85rem;margin-bottom:.375rem}}.dhcp-bulk-sync-inline{padding:2rem}.dhcp-bulk-sync-inline__header{margin-bottom:2rem}.dhcp-bulk-sync-inline__header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem}.dhcp-bulk-sync-inline__header p{color:var(--color-text-secondary);margin:0;line-height:1.5}.dhcp-bulk-sync-inline__form{display:flex;flex-direction:column;gap:1.5rem}.dhcp-bulk-sync-inline__target-actions{display:flex;gap:1rem;margin-bottom:.75rem;margin-top:.5rem}.dhcp-bulk-sync-inline__preview{margin-top:1.5rem;padding:1.25rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px}.dhcp-bulk-sync-inline__preview-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.dhcp-bulk-sync-inline__preview-header strong{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.dhcp-bulk-sync-inline__preview-subtitle{font-size:.875rem;color:var(--color-text-secondary)}.dhcp-bulk-sync-inline__preview-loading,.dhcp-bulk-sync-inline__preview-empty{padding:1.5rem;text-align:center;color:var(--color-text-secondary)}.dhcp-bulk-sync-inline__preview-empty{display:flex;flex-direction:column;gap:.5rem;align-items:center}.dhcp-bulk-sync-inline__preview-empty span{font-weight:500;font-size:.95rem}.dhcp-bulk-sync-inline__preview-empty p{margin:0;font-size:.875rem}.dhcp-bulk-sync-inline__preview-list{display:flex;flex-direction:column;gap:.5rem}.dhcp-bulk-sync-inline__preview-item{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;overflow:hidden;transition:all .2s ease}.dhcp-bulk-sync-inline__preview-item--skipped{opacity:.6;background:var(--color-bg-tertiary)}.dhcp-bulk-sync-inline__preview-item-button{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;width:100%;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s ease}.dhcp-bulk-sync-inline__preview-item-button:hover{background:#3b82f60d}.dhcp-bulk-sync-inline__preview-item-button:disabled{cursor:not-allowed}.dhcp-bulk-sync-inline__preview-item:hover{border-color:var(--color-primary);box-shadow:0 2px 4px #3b82f61a}.dhcp-bulk-sync-inline__preview-icon{font-size:1.25rem;color:var(--color-primary);font-weight:700;line-height:1;margin-top:.1rem;flex-shrink:0}.dhcp-bulk-sync-inline__preview-item--skipped .dhcp-bulk-sync-inline__preview-icon{color:var(--color-text-tertiary)}.dhcp-bulk-sync-inline__preview-content{flex:1;display:flex;flex-direction:column;gap:.35rem}.dhcp-bulk-sync-inline__preview-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.dhcp-bulk-sync-inline__preview-details{font-size:.8125rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dhcp-bulk-sync-inline__preview-note{font-size:.75rem;color:var(--color-text-secondary);margin-top:.35rem;display:flex;flex-direction:column;gap:.25rem}.dhcp-bulk-sync-inline__preview-note>div{display:flex;align-items:center;gap:.25rem}.dhcp-bulk-sync-inline__preview-badge{display:inline-block;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.dhcp-bulk-sync-inline__preview-badge--enabled{background:var(--color-success-bg);color:var(--color-success-text)}.dhcp-bulk-sync-inline__preview-badge--disabled{background:var(--color-danger-bg);color:var(--color-danger-text)}.dhcp-bulk-sync-inline__preview-badge--skipped{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.dhcp-bulk-sync-inline__preview-badge--partial{background:var(--color-info-light);color:var(--color-primary)}.dhcp-bulk-sync-inline__preview-badge--warning{background:var(--color-warning-bg);color:var(--color-response-info-text)}.dhcp-bulk-sync-inline__preview-badge--update{background:var(--color-info-light);color:var(--color-primary)}.dhcp-bulk-sync-inline__preview-expanded{padding:1rem;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem}.dhcp-bulk-sync-inline__preview-expanded-section{display:flex;flex-direction:column;gap:.5rem}.dhcp-bulk-sync-inline__preview-expanded-section strong{font-size:.875rem;color:var(--color-text-primary)}.dhcp-bulk-sync-inline__preview-expanded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;font-size:.8125rem}.dhcp-bulk-sync-inline__preview-expanded-grid .label{font-weight:600;color:var(--color-text-secondary)}.dhcp-bulk-sync-inline__preview-expanded-note{padding:.5rem .75rem;background:var(--color-bg-secondary);border-radius:4px;font-size:.8125rem}.dhcp-bulk-sync-inline__preview-expanded-note .success{color:var(--color-success-text)}.dhcp-bulk-sync-inline__preview-expanded-note .muted{color:var(--color-text-secondary)}.dhcp-bulk-sync-inline__preview-expanded-loading{padding:1rem;text-align:center;color:var(--color-text-secondary)}.dhcp-bulk-sync-inline__preview-expanded-loading .spinner{display:inline-block;animation:spin 1s linear infinite}.dhcp-bulk-sync-inline__preview-target-diff{margin-top:.5rem;padding:.75rem;background:var(--color-bg-secondary);border-radius:6px;border:1px solid var(--color-border-light)}.dhcp-bulk-sync-inline__preview-target-header{font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem}.dhcp-bulk-sync-inline__preview-diff-loading{color:var(--color-text-tertiary);font-style:italic;font-size:.8125rem}.dhcp-bulk-sync-inline__preview-diff-none{color:var(--color-success-text);font-size:.8125rem}.dhcp-bulk-sync-inline__preview-diff-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.dhcp-bulk-sync-inline__preview-diff-item{font-size:.8125rem;display:flex;align-items:center;flex-wrap:wrap;gap:.375rem;padding:.25rem 0}.dhcp-bulk-sync-inline__preview-diff-item .diff-icon{flex-shrink:0;width:1.25rem}.dhcp-bulk-sync-inline__preview-diff-item .diff-label{font-weight:500;color:var(--color-text-secondary);min-width:100px}.dhcp-bulk-sync-inline__preview-diff-item .diff-value{font-family:var(--font-mono, monospace);padding:.125rem .375rem;border-radius:3px;word-break:break-all}.dhcp-bulk-sync-inline__preview-diff-item .diff-old{background:var(--color-danger-bg, #fee2e2);color:var(--color-danger-text, #b91c1c);text-decoration:line-through}.dhcp-bulk-sync-inline__preview-diff-item .diff-new{background:var(--color-success-bg, #dcfce7);color:var(--color-success-text, #15803d)}.dhcp-bulk-sync-inline__preview-diff-item .diff-arrow{color:var(--color-text-tertiary);font-weight:700}.dhcp-bulk-sync-inline__preview-diff-item .diff-note{color:var(--color-text-tertiary);font-style:italic}.dhcp-bulk-sync-inline__preview-diff-item--modified .diff-label{color:var(--color-warning-text)}.dhcp-bulk-sync-inline__preview-diff-item--added .diff-label{color:var(--color-success-text)}.dhcp-bulk-sync-inline__preview-diff-item--removed .diff-label{color:var(--color-danger-text)}.dhcp-bulk-sync-inline__preview-summary{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-secondary);text-align:center}.dhcp-bulk-sync-inline__preview-summary strong{color:var(--color-text-primary);font-weight:600}.dhcp-bulk-sync-inline__preview-summary .skip-note{color:var(--color-text-tertiary);font-size:.8125rem}.dhcp-bulk-sync-inline__actions{margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-start}.dhcp-bulk-sync-inline__status{margin-top:1.5rem;padding:1.25rem;background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:8px;display:flex;align-items:flex-start;gap:1rem}.dhcp-bulk-sync-inline__status-spinner{font-size:1.5rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dhcp-bulk-sync-inline__status p{margin:0}.dhcp-bulk-sync-inline__status p:first-of-type{margin-bottom:.25rem}.dhcp-bulk-sync-results-modal{width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.dhcp-bulk-sync-results__summary{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:.5rem;margin-bottom:1.5rem}.dhcp-bulk-sync-results__summary--success{background:var(--color-success-bg);border:1px solid var(--color-success-light)}.dhcp-bulk-sync-results__summary--warning{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.dhcp-bulk-sync-results__summary--error{background:var(--color-danger-bg);border:1px solid var(--color-danger-light)}.dhcp-bulk-sync-results__summary-icon{font-size:2rem;line-height:1;flex-shrink:0}.dhcp-bulk-sync-results__summary--success .dhcp-bulk-sync-results__summary-icon{color:var(--color-success)}.dhcp-bulk-sync-results__summary--warning .dhcp-bulk-sync-results__summary-icon{color:var(--color-warning)}.dhcp-bulk-sync-results__summary--error .dhcp-bulk-sync-results__summary-icon{color:var(--color-danger)}.dhcp-bulk-sync-results__summary-text{font-size:1rem;color:var(--color-text-primary)}.dhcp-bulk-sync-results__stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.dhcp-bulk-sync-results__stat{flex:1;min-width:100px;padding:1rem;background:var(--color-bg-tertiary);border-radius:.5rem;text-align:center}.dhcp-bulk-sync-results__stat--success{background:var(--color-success-bg);border:1px solid var(--color-success-light)}.dhcp-bulk-sync-results__stat--skipped{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.dhcp-bulk-sync-results__stat--failed{background:var(--color-danger-bg);border:1px solid var(--color-danger-light)}.dhcp-bulk-sync-results__stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:.25rem}.dhcp-bulk-sync-results__stat-label{font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.025em}.dhcp-bulk-sync-results__nodes{margin-bottom:1.5rem}.dhcp-bulk-sync-results__section-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.dhcp-bulk-sync-results__node{padding:1rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:.5rem;margin-bottom:1rem}.dhcp-bulk-sync-results__node:last-child{margin-bottom:0}.dhcp-bulk-sync-results__node--success{background:var(--color-success-bg);border-color:var(--color-success-light)}.dhcp-bulk-sync-results__node--partial{background:var(--color-warning-bg);border-color:var(--color-warning)}.dhcp-bulk-sync-results__node--failed{background:var(--color-danger-bg);border-color:var(--color-danger-light)}.dhcp-bulk-sync-results__node-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dhcp-bulk-sync-results__node-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.dhcp-bulk-sync-results__node-status{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;border-radius:.25rem}.dhcp-bulk-sync-results__node-status--success{background:var(--color-success);color:#fff}.dhcp-bulk-sync-results__node-status--partial{background:var(--color-warning);color:var(--color-text-primary)}.dhcp-bulk-sync-results__node-status--failed{background:var(--color-danger);color:#fff}.dhcp-bulk-sync-results__node-stats{display:flex;gap:1.5rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.75rem}.dhcp-bulk-sync-results__scopes{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.dhcp-bulk-sync-results__scope{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem}.dhcp-bulk-sync-results__scope--synced{border-left:3px solid var(--color-success)}.dhcp-bulk-sync-results__scope--skipped{border-left:3px solid var(--color-warning)}.dhcp-bulk-sync-results__scope--failed{border-left:3px solid var(--color-danger)}.dhcp-bulk-sync-results__scope-icon{flex-shrink:0;font-size:1rem;line-height:1}.dhcp-bulk-sync-results__scope--synced .dhcp-bulk-sync-results__scope-icon{color:var(--color-success)}.dhcp-bulk-sync-results__scope--skipped .dhcp-bulk-sync-results__scope-icon{color:var(--color-warning)}.dhcp-bulk-sync-results__scope--failed .dhcp-bulk-sync-results__scope-icon{color:var(--color-danger)}.dhcp-bulk-sync-results__scope-name{flex:1;font-weight:500;color:var(--color-text-primary)}.dhcp-bulk-sync-results__scope-status{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.125rem .5rem;border-radius:.25rem}.dhcp-bulk-sync-results__scope-status--synced{background:var(--color-success-bg);color:var(--color-success-text)}.dhcp-bulk-sync-results__scope-status--skipped{background:var(--color-warning-bg);color:var(--color-warning-dark)}.dhcp-bulk-sync-results__scope-status--failed{background:var(--color-danger-bg);color:var(--color-danger-text)}.dhcp-bulk-sync-results__scope-message{flex-basis:100%;margin-top:.25rem;padding-top:.25rem;border-top:1px solid var(--color-border-light);font-size:.8125rem;color:var(--color-text-secondary);font-style:italic}.dhcp-bulk-sync-results__footer-info{font-size:.8125rem;color:var(--color-text-secondary);text-align:center;padding-top:1rem;border-top:1px solid var(--color-border)}.advanced-blocking-summary__card{background:var(--color-bg-secondary);border-color:var(--color-border)}.advanced-blocking-summary__card p{color:var(--color-text-tertiary)}@media(max-width:768px){.configuration__tab-switcher{display:flex;gap:.25rem;padding:.35rem;width:100%}.configuration__tab-switcher .configuration__tab,.configuration__tab-switcher .configuration__tab--active{flex:1 1 0;padding:.75rem .5rem;font-size:.875rem;min-height:44px;white-space:nowrap;text-align:center;justify-content:center}.configuration__header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1rem}.configuration__header>div{padding-right:0}.configuration__header h1{font-size:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.configuration__header p{font-size:.9rem}.configuration__header .cluster-info-badge,.configuration__header .cluster-info-badge-container{position:static;margin:0;flex-shrink:0}.configuration__header .cluster-info-banner:not(.cluster-info-banner--dropdown){position:static;margin-top:1rem;max-width:100%}.node-selector{gap:.75rem;margin-bottom:1rem}.node-selector__label{flex-direction:column;align-items:flex-start;gap:.25rem}.node-selector__cards{gap:.75rem;grid-template-columns:1fr}.node-selector__card{padding:.875rem .875rem .875rem 2.75rem;min-height:56px}}@media(max-width:480px){.configuration__tab-switcher .configuration__tab,.configuration__tab-switcher .configuration__tab--active{padding:.65rem .5rem;font-size:.8rem}.configuration__header h1{font-size:1.25rem}}.background-token-security-banner{display:flex;align-items:flex-start;gap:16px;padding:12px 16px;background:var(--color-danger-bg);border-bottom:1px solid var(--color-danger);color:var(--color-danger-text)}.background-token-security-banner--warning{background:var(--color-warning-bg);border-bottom:1px solid var(--color-warning);color:var(--color-warning-dark)}.background-token-security-banner__content{flex:1;min-width:0}.background-token-security-banner__actions{display:flex;align-items:center;gap:8px}.background-token-security-banner__title{margin:0 0 6px;font-size:14px;font-weight:700;color:inherit}.background-token-security-banner__message{margin:0;font-size:13px;line-height:1.5;color:inherit;overflow-wrap:anywhere}.background-token-security-banner__message strong{font-weight:700;color:inherit}.about-modal__overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.about-modal{background:var(--color-bg-secondary);border-radius:1rem;box-shadow:0 20px 40px #0003;max-width:480px;width:100%;padding:2rem;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.about-modal__close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;line-height:1}.about-modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.about-modal__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem}.about-modal__logo{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 4px 12px #365df34d}.about-modal__title{margin:0;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.about-modal__version{display:inline-block;padding:.25rem .75rem;background:var(--color-primary-light);color:var(--color-primary);font-size:.875rem;font-weight:600;border-radius:999px}.about-modal__version-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.about-modal__update-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:999px;background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success-text);font-size:.85rem;text-decoration:none;transition:all .2s ease}.about-modal__update-pill:hover{background:var(--color-success-light);border-color:var(--color-success);color:var(--color-success-text)}.about-modal__version-status{font-size:.9rem;color:var(--color-text-tertiary)}.about-modal__version-status--ok{color:var(--color-success-text)}.about-modal__version-status--error{color:var(--color-danger, #ef4444)}.about-modal__description{text-align:center;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1.5rem;font-size:.95rem}.about-modal__links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.about-modal__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);text-decoration:none;font-size:.95rem;transition:all .2s ease}.about-modal__link:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.about-modal__link svg:first-child{font-size:1.25rem;width:1.25rem;color:var(--color-text-secondary)}.about-modal__link:hover svg:first-child{color:var(--color-primary)}.about-modal__link span{flex:1}.about-modal__link-external{font-size:.75rem;color:var(--color-text-tertiary)}.about-modal__footer{text-align:center;padding-top:1rem;border-top:1px solid var(--color-border)}.about-modal__footer p{margin:0;color:var(--color-text-tertiary);font-size:.875rem}@media(max-width:480px){.about-modal{padding:1.5rem;margin:.5rem}.about-modal__logo{width:56px;height:56px;font-size:1.75rem}.about-modal__title{font-size:1.25rem}.about-modal__description{font-size:.9rem}.about-modal__link{padding:.625rem .875rem;font-size:.9rem}}.install-prompt{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;z-index:1000;animation:slideInUp .5s ease}.install-prompt__button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4f46e566;transition:all .3s ease}.install-prompt__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e599}.install-prompt__button:active{transform:translateY(0)}.install-prompt__icon{width:20px;height:20px;flex-shrink:0}.install-prompt__text{white-space:nowrap}.install-prompt__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#4f46e533;backdrop-filter:blur(10px);border:1px solid rgba(79,70,229,.3);border-radius:50%;color:#4f46e5;font-size:20px;line-height:1;cursor:pointer;transition:all .2s ease}.install-prompt__close:hover{background:#4f46e54d;border-color:#4f46e580;transform:scale(1.1)}.install-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.install-modal__content{background:var(--color-bg-primary, #1e293b);border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 40px #00000080;animation:slideInUp .3s ease;overflow:hidden}.install-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border, #334155)}.install-modal__header h3{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary, #f1f5f9)}.install-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary, #94a3b8);font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease}.install-modal__close:hover{background:var(--color-bg-secondary, #334155);color:var(--color-text-primary, #f1f5f9)}.install-modal__body{padding:20px;color:var(--color-text-secondary, #94a3b8);line-height:1.6}.install-modal__body p{margin:0 0 16px}.install-modal__body ol{margin:0 0 16px;padding-left:20px}.install-modal__body li{margin-bottom:12px;display:flex;align-items:center;gap:8px}.install-modal__body strong{color:var(--color-text-primary, #f1f5f9);font-weight:600}.install-modal__ios-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin:0 4px;color:#4f46e5}.install-modal__note{margin-top:16px;padding:12px;background:#4f46e51a;border-left:3px solid #4F46E5;border-radius:4px;font-size:13px}@media(max-width:768px){.install-prompt{bottom:80px;right:16px;padding:10px 16px;font-size:13px}.install-prompt__icon{width:18px;height:18px}.install-prompt__text{display:none}.install-prompt__close{margin-left:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .install-modal__content{background:var(--color-bg-secondary)}[data-theme=dark] .install-modal__header{border-bottom-color:var(--color-border)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;padding:12px 20px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .3s ease,opacity .3s ease;animation:slideInDown .3s ease;box-shadow:0 2px 8px #00000026}.offline-banner--offline{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.offline-banner--reconnected{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:slideInDown .3s ease,slideOutUp .3s ease 2.7s forwards}.offline-banner__content{display:flex;align-items:center;gap:12px;max-width:1200px;width:100%}.offline-banner__icon{width:20px;height:20px;flex-shrink:0}.offline-banner__text{flex:1;line-height:1.5}.offline-banner__text strong{font-weight:600}@media(max-width:768px){.offline-banner{padding:10px 16px;font-size:13px}.offline-banner__icon{width:18px;height:18px}.offline-banner__content{gap:10px}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.offline-banner~*{margin-top:44px}@media(max-width:768px){.offline-banner~*{margin-top:40px}}