:root{--bg: #07111f;--bg-soft: #0c172a;--card: rgba(10, 20, 39, .82);--card-strong: rgba(12, 25, 49, .96);--line: rgba(143, 176, 224, .16);--text: #edf4ff;--muted: #90a6c4;--accent: var(--tenant-accent, #4fd1c5);--accent-2: #22c55e;--danger: #fb7185;--warning: #f59e0b;--shadow: 0 24px 80px rgba(2, 8, 23, .42)}html.light{--bg: #f4f7fb;--bg-soft: #eaeff6;--card: rgba(255, 255, 255, .82);--card-strong: rgba(255, 255, 255, .96);--line: rgba(30, 60, 110, .1);--text: #1a2332;--muted: #5a6d84;--danger: #e11d48;--warning: #d97706;--shadow: 0 24px 80px rgba(30, 60, 110, .08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Outfit,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(79,209,197,.16),transparent 32%),radial-gradient(circle at top right,rgba(251,113,133,.14),transparent 28%),linear-gradient(180deg,#030712,#07111f)}html.light body{background:radial-gradient(circle at top left,rgba(79,209,197,.08),transparent 32%),radial-gradient(circle at top right,rgba(99,102,241,.06),transparent 28%),linear-gradient(180deg,#f8fafd,#eef2f8)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.hidden{display:none!important}.text-center{text-align:center}.text-muted{color:var(--muted)}.truncate{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-shell{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{padding:28px;border-right:1px solid var(--line);background:#040a16e6;display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:sticky;top:0;height:100vh}.brand-block{display:flex;align-items:center;gap:14px;margin-bottom:32px}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;font-weight:800;color:#04111f;background:linear-gradient(135deg,var(--accent),#90cdf4);box-shadow:0 12px 32px #4fd1c547;overflow:hidden}.brand-mark__image{width:100%;height:100%;object-fit:cover}.brand-title{font-size:1.1rem;font-weight:700}.brand-subtitle,.small-label,.metric-foot,.sidebar-card__hint{color:var(--muted);font-size:.9rem}.nav-stack{display:grid;gap:6px;overflow-y:auto;max-height:calc(100vh - 260px)}.nav-section-label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:14px 16px 2px;font-weight:600}.nav-item{padding:14px 16px;border:1px solid transparent;border-radius:16px;color:#d9e8ff;transition:.25s ease}.nav-item:hover,.nav-item.active{background:#4fd1c514;border-color:#4fd1c538;transform:translate(4px)}.sidebar-card,.glass-card,.metric-card,.hero-card,.auth-card,.error-card,.result-card,.modal-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-card{padding:20px;border-radius:24px}.sidebar-card__value{font-size:1.05rem;font-weight:700;margin:8px 0}.content-shell{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.page-title{margin:6px 0 0;font-size:2rem}.content-area{display:grid;gap:24px}.hero-card{border-radius:30px;padding:28px;display:flex;justify-content:space-between;align-items:start;gap:20px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.hero-title{margin:8px 0 10px;font-size:clamp(1.8rem,3vw,3rem);max-width:760px}.hero-copy{margin:0;color:var(--muted);max-width:720px}.metric-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.metric-card{border-radius:24px;padding:24px}.metric-label{color:var(--muted);display:block;margin-bottom:12px}.metric-value{font-size:2rem;display:block;margin-bottom:8px}.glass-card,.form-shell{border-radius:28px;padding:24px}.section-heading,.toolbar,.form-actions,.action-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title{margin:6px 0 0;font-size:1.35rem}.mini-tag,.status-pill,.badge-status,.auth-badge{padding:10px 14px;border-radius:999px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mini-tag,.status-pill,.auth-badge{background:#ffffff0f}.status-pill.ok,.badge-status.ok,.trust-box.ok,.auth-badge{color:#b6ffe0;background:#22c55e1f;border:1px solid rgba(34,197,94,.24)}.status-pill.danger,.badge-status.danger,.trust-box.danger,.auth-badge.danger{color:#ffd4dc;background:#fb71851f;border:1px solid rgba(251,113,133,.26)}.status-pill.warn,.badge-status.warn,.trust-box.warn,.auth-badge.warn{color:#ffe0ad;background:#f59e0b1f;border:1px solid rgba(245,158,11,.26)}.trust-box{border-radius:22px;padding:22px}.trust-box__status{font-size:1.4rem;font-weight:800;margin-bottom:8px}.trust-box__message,.trust-box__meta{color:var(--muted)}.table-wrap{overflow-x:auto;margin-top:18px}.table-dark{width:100%;border-collapse:collapse;min-width:760px}.table-dark th,.table-dark td{padding:16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-dark th{color:#c6d9f3;font-size:.88rem;text-transform:uppercase;letter-spacing:.06em}.grid-form{display:grid;gap:18px}.form-group{display:grid;gap:10px}.form-label{color:#dce8fb;font-weight:600}.form-control{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(143,176,224,.2);background:#07111fb8;color:var(--text);outline:none;transition:border-color .2s ease,transform .2s ease}.form-control:focus{border-color:var(--accent);transform:translateY(-1px)}.textarea-lg{min-height:220px;resize:vertical}.form-error{color:#ffbec8;font-size:.88rem}.field-hint{font-size:.82rem;margin-top:8px;color:var(--muted)}.field-hint.warn{color:#ffe0ad}.field-hint.danger{color:#ffb8c4}.field-hint.success{color:#b6ffe0}.url-trust-badge{display:inline-flex;align-items:center;width:fit-content;margin-bottom:8px;padding:6px 10px;border-radius:10px 10px 10px 0;font-size:.78rem;font-weight:700;letter-spacing:.02em;background:#ffffff0f;border:1px solid var(--line);color:var(--muted)}.url-trust-badge.ok{color:#b6ffe0;background:#22c55e1f;border-color:#22c55e3d}.url-trust-badge.danger{color:#ffd4dc;background:#fb71851f;border-color:#fb718542}.url-trust-badge.warn{color:#ffe0ad;background:#f59e0b1f;border-color:#f59e0b42}.url-trust-badge.neutral{color:#b8d4ff;background:#3b82f61f;border-color:#3b82f638}.backup-row-actions{display:flex;justify-content:flex-end;margin-top:10px}.btn{padding:12px 18px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#04111f;background:linear-gradient(135deg,var(--accent),#90cdf4)}.btn-ghost,.btn-inline{color:var(--text);background:#ffffff0a;border-color:var(--line)}.btn-inline{padding:10px 12px}.btn-block{width:100%}.btn-danger-soft{color:#ffd6de;background:#fb71851a;border-color:#fb71853d}.btn-danger-soft:disabled{opacity:.65;cursor:not-allowed}.search-bar{display:flex;gap:12px;width:min(100%,540px)}.search-bar-wide{width:min(100%,760px);flex-wrap:wrap}.pagination-wrap{margin-top:20px}.code-block{padding:16px;border-radius:18px;background:#020817cc;color:#b9cdf0;overflow:auto}.alert-box,.result-card,.empty-state{margin-top:18px;padding:18px;border-radius:18px;background:#ffffff0d;border:1px solid var(--line)}.result-list{display:grid;gap:14px}.result-item{padding:18px;border-radius:20px;border:1px solid var(--line);background:#050c18b8}.dashboard-grid-live{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr)}.live-ticker-board{display:grid;gap:18px;margin-top:18px}.live-kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.live-kpi{padding:16px;border-radius:18px;border:1px solid var(--line);background:#ffffff0a;display:grid;gap:8px}.live-kpi span{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.live-kpi strong{font-size:1.8rem}.live-ticker-list{display:grid;gap:10px;max-height:520px;overflow:auto}.live-ticker-item{padding:14px 16px;border-radius:18px;border:1px solid rgba(79,209,197,.12);background:linear-gradient(135deg,#4fd1c514,#07111fb8);display:grid;gap:8px}.live-ticker-item__top,.live-ticker-item__body{display:flex;justify-content:space-between;gap:14px;align-items:center}.live-ticker-item__top span,.live-ticker-item__body small{color:var(--muted);font-size:.86rem}.modal-shell{position:fixed;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#020817b3}.modal-card{width:min(720px,100%);border-radius:28px;padding:24px}.auth-shell,.error-shell{display:grid;place-items:center;padding:24px}.auth-card,.error-card{width:min(560px,100%);border-radius:32px;padding:36px}.auth-title{margin:14px 0 10px;font-size:2.1rem}.auth-subtitle,.auth-note{color:var(--muted)}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.data-table th{color:#c6d9f3;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.data-table tbody tr:hover{background:#4fd1c50a}.data-table.is-compact th,.data-table.is-compact td{padding:8px 10px;font-size:.9rem}.sort-button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0}.sort-button.active{color:var(--accent)}.sort-button.active:after{content:"•";color:var(--accent)}.toolbar-actions,.toolbar-stack-mobile{display:flex;align-items:center;gap:12px}.compact-toggle{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;cursor:pointer}.compact-toggle input{accent-color:var(--accent)}.list-summary{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tag-stack{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:.74rem;font-weight:700;background:color-mix(in srgb,var(--tag-color) 16%,transparent);color:var(--tag-color);border:1px solid color-mix(in srgb,var(--tag-color) 28%,transparent)}.action-row-wrap{flex-wrap:wrap;justify-content:flex-start}.table-row-trashed{opacity:.92}.skeleton-table{margin-top:18px;display:grid;gap:12px}.skeleton-row{display:grid;grid-template-columns:.8fr 2fr 1fr .8fr .6fr 1fr 1fr .7fr .7fr;gap:12px}.skeleton-row span{display:block;height:52px;border-radius:16px;background:linear-gradient(90deg,#ffffff0a,#ffffff1f,#ffffff0a);background-size:200% 100%;animation:skeleton-shift 1.2s linear infinite}@keyframes skeleton-shift{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-stack{position:fixed;right:24px;bottom:24px;z-index:50;display:grid;gap:10px}.app-toast{min-width:260px;max-width:340px;padding:14px 16px;border-radius:16px;border:1px solid rgba(79,209,197,.25);background:#07111ff5;color:var(--text);box-shadow:var(--shadow);transform:translateY(0);opacity:1;transition:opacity .25s ease,transform .25s ease}.app-toast.success{border-color:#22c55e40}.app-toast.danger{border-color:#fb718540}.app-toast.is-leaving{opacity:0;transform:translateY(10px)}.status-pill.status-active{color:#b6ffe0;background:#22c55e1f;border:1px solid rgba(34,197,94,.24)}.status-pill.status-degraded{color:#ffd4dc;background:#fb71851f;border:1px solid rgba(251,113,133,.26)}.alert-box.alert-success{color:#b6ffe0;background:#22c55e1a;border-color:#22c55e3d}.alert-box.alert-danger{color:#ffd4dc;background:#fb71851a;border-color:#fb718542}.btn-sm{padding:6px 12px;font-size:.82rem;border-radius:10px}.menu-toggle{display:none}@media (max-width: 1100px){.panel-shell,.metric-grid,.dashboard-grid{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:min(320px,86vw);transform:translate(-105%);transition:transform .25s ease;z-index:20}.sidebar.open{transform:translate(0)}.content-shell{padding:22px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#ffffff0f;color:var(--text);cursor:pointer}}#nprogress .bar{background:var(--accent)!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px var(--accent),0 0 5px var(--accent)!important}.scroll-top-btn{position:fixed;bottom:32px;right:32px;z-index:9000;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--bg);border:none;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #4fd1c559;transition:opacity .25s,transform .25s;display:flex;align-items:center;justify-content:center}.scroll-top-btn:hover{transform:translateY(-3px);box-shadow:0 6px 28px #4fd1c580}.scroll-top-btn.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.link-preview-tooltip{position:absolute;z-index:8000;background:var(--card-strong);border:1px solid var(--line);border-radius:10px;padding:12px;width:320px;box-shadow:var(--shadow);pointer-events:none;opacity:0;transition:opacity .2s}.link-preview-tooltip.is-visible{opacity:1}.link-preview-tooltip img{width:100%;height:140px;object-fit:cover;border-radius:6px;margin-bottom:8px}.link-preview-tooltip .lp-title{font-weight:600;font-size:14px;color:var(--text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-tooltip .lp-desc{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-tooltip .lp-favicon{width:16px;height:16px;border-radius:3px;vertical-align:middle;margin-right:4px}.link-preview-tooltip .lp-meta{font-size:11px;color:var(--muted);margin-top:8px}.link-preview-tooltip .lp-pending{margin-top:8px;font-size:12px;color:#f6ad55}.heatmap-list{display:grid;gap:12px}.geo-heatmap-visual{padding:12px 0 18px}#geoHeatmapCanvas{width:100%;height:220px;display:block;border-radius:18px;background:radial-gradient(circle at 20% 20%,rgba(79,209,197,.12),transparent 35%),radial-gradient(circle at 80% 30%,rgba(144,205,244,.12),transparent 32%),linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.05)}.heatmap-item{display:grid;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff05,#4fd1c508)}.metric-grid-tight{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-card-compact{padding:16px}.heatmap-bar{height:10px;border-radius:999px;background:#ffffff0d;overflow:hidden}.heatmap-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4fd1c5a6,#f6ad55f2);box-shadow:0 0 18px #4fd1c559}.captcha-slot{min-height:18px}.confetti-burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9999}.confetti-burst span{position:absolute;top:-20px;width:12px;height:22px;border-radius:4px;opacity:.95;animation:confettiDrop 2.7s ease-in forwards}@keyframes confettiDrop{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate3d(0,110vh,0) rotate(720deg);opacity:0}}@media (max-width: 768px){.topbar,.hero-card,.toolbar,.search-bar,.form-actions,.section-heading{flex-direction:column;align-items:stretch}.page-title{font-size:1.6rem}.truncate{max-width:180px}.toolbar-actions,.list-summary{align-items:stretch}.compact-toggle{justify-content:center}.toast-stack{left:16px;right:16px;bottom:16px}.app-toast{max-width:none;min-width:0}.scroll-top-btn{bottom:16px;right:16px}.live-kpi-strip{grid-template-columns:1fr}.live-ticker-item__top,.live-ticker-item__body{flex-direction:column;align-items:flex-start}.heatmap-item{padding:10px 12px}}html.light .sidebar{background:#ffffffeb;border-right-color:var(--line)}html.light .nav-item{color:#3a4a5e}html.light .nav-item:hover,html.light .nav-item.active{background:#4fd1c51a;border-color:#4fd1c547;color:#0f2137}html.light .brand-mark{color:#fff;box-shadow:0 12px 32px #4fd1c52e}html.light .form-control{background:#ffffffd9;border-color:#1e3c6e29;color:var(--text)}html.light .form-control:focus{border-color:var(--accent);background:#fff}html.light .form-label{color:#2a3a50}html.light .table-dark th{color:#3a4a5e}html.light .table-dark th,html.light .table-dark td{border-bottom-color:var(--line)}html.light .data-table th{color:#3a4a5e}html.light .data-table tbody tr:hover{background:#4fd1c50f}html.light .btn-ghost,html.light .btn-inline{color:var(--text);background:#1e3c6e0d;border-color:var(--line)}html.light .btn-ghost:hover,html.light .btn-inline:hover{background:#1e3c6e17}html.light .btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent),#38bdf8);box-shadow:0 4px 16px #4fd1c538}html.light .btn-danger-soft{color:#be123c;background:#fb718514;border-color:#fb718538}html.light .code-block{background:#1e3c6e0d;color:#3a4a5e}html.light .app-toast{background:#fffffff5;color:var(--text);border-color:var(--line);box-shadow:0 8px 32px #1e3c6e1a}html.light .app-toast.success{border-color:#22c55e59}html.light .app-toast.danger{border-color:#fb718559}html.light .mini-tag,html.light .status-pill,html.light .auth-badge{background:#1e3c6e0f;color:#3a4a5e}html.light .status-pill.ok,html.light .badge-status.ok,html.light .trust-box.ok,html.light .auth-badge:not(.danger):not(.warn){color:#15803d;background:#22c55e14;border-color:#22c55e38}html.light .status-pill.danger,html.light .badge-status.danger,html.light .trust-box.danger,html.light .auth-badge.danger{color:#be123c;background:#fb718514;border-color:#fb718538}html.light .status-pill.warn,html.light .badge-status.warn,html.light .trust-box.warn,html.light .auth-badge.warn{color:#a16207;background:#f59e0b14;border-color:#f59e0b38}html.light .url-trust-badge{background:#1e3c6e0a;color:#5a6d84}html.light .url-trust-badge.ok{color:#15803d;background:#22c55e14;border-color:#22c55e38}html.light .url-trust-badge.danger{color:#be123c;background:#fb718514;border-color:#fb718538}html.light .url-trust-badge.warn{color:#a16207;background:#f59e0b14;border-color:#f59e0b38}html.light .url-trust-badge.neutral{color:#1d4ed8;background:#3b82f614;border-color:#3b82f62e}html.light .alert-box{background:#1e3c6e0a}html.light .alert-box.alert-success{color:#15803d;background:#22c55e0f;border-color:#22c55e33}html.light .alert-box.alert-danger{color:#be123c;background:#fb71850f;border-color:#fb718533}html.light .form-error{color:#e11d48}html.light .field-hint.warn{color:#a16207}html.light .field-hint.danger{color:#be123c}html.light .field-hint.success{color:#15803d}html.light .result-item{background:#ffffffb3;border-color:var(--line)}html.light .live-ticker-item{border-color:#4fd1c529;background:linear-gradient(135deg,#4fd1c50f,#fffc)}html.light .live-kpi{background:#fff9;border-color:var(--line)}html.light .modal-shell{background:#1e3c6e2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}html.light .skeleton-row span{background:linear-gradient(90deg,#1e3c6e0a,#1e3c6e1a,#1e3c6e0a);background-size:200% 100%}html.light .scroll-top-btn{color:#fff;box-shadow:0 4px 20px #4fd1c540}html.light .compact-toggle{background:#1e3c6e0a;border-color:var(--line)}html.light .heatmap-item{border-color:var(--line);background:linear-gradient(180deg,#fff9,#4fd1c50a)}html.light .heatmap-bar{background:#1e3c6e0f}html.light .link-preview-tooltip{background:#fff;border-color:var(--line);box-shadow:0 12px 40px #1e3c6e1f}html.light #geoHeatmapCanvas{background:radial-gradient(circle at 20% 20%,rgba(79,209,197,.08),transparent 35%),radial-gradient(circle at 80% 30%,rgba(99,102,241,.06),transparent 32%),linear-gradient(180deg,#fff9,#f0f5fccc);border-color:var(--line)}.theme-toggle-sidebar{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);cursor:pointer;transition:all .3s ease;font-size:.95rem;font-family:inherit;font-weight:500;margin-bottom:12px}.theme-toggle-sidebar span:first-child{font-size:1.25rem;line-height:1;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:#4fd1c51f;color:var(--accent);flex-shrink:0}.theme-toggle-sidebar:hover{background:#4fd1c514;border-color:#4fd1c538;color:var(--text);transform:translate(4px)}html.light .theme-toggle-sidebar{background:#1e3c6e0a}html.light .theme-toggle-sidebar:hover{background:#4fd1c51a}html.light .theme-toggle-sidebar span:first-child{background:#f59e0b1f;color:#d97706}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);cursor:pointer;transition:all .3s ease;font-size:1.2rem;line-height:1;flex-shrink:0}.theme-toggle:hover{background:#4fd1c51a;border-color:#4fd1c547;color:var(--accent);transform:translateY(-1px)}html.light .theme-toggle{background:#1e3c6e0d}html.light .theme-toggle:hover{background:#4fd1c51f}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background .35s ease,background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease!important}
