:root{--bg:#07111f;--panel:#0d1b2d;--panel2:#102239;--line:#223754;--text:#edf4ff;--muted:#9fb1c9;--brand:#7c3aed;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--shadow:0 22px 60px #0004}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,#182c4a 0,transparent 38%),var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;min-height:100vh}a{color:inherit}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:28px;padding:15px 28px;background:#07111fe8;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:18px}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #22c55e22}.topbar nav{display:flex;gap:6px;flex:1}.topbar nav a,.user-menu a{padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:14px}.topbar nav a:hover,.topbar nav a.active,.user-menu a:hover{background:#ffffff0d;color:#fff}.user-menu{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.container{max-width:1450px;margin:0 auto;padding:28px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0 0 7px;font-size:29px}.page-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:11px 15px;background:var(--brand);color:#fff;text-decoration:none;cursor:pointer;font-weight:700;font-size:14px}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:#172a44;border:1px solid var(--line)}.btn.danger{background:#7f1d1d}.btn.small{padding:8px 11px;font-size:12px}.grid{display:grid;gap:18px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.card{background:linear-gradient(180deg,#102039,#0c192b);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#7c3aed18;left:-30px;bottom:-45px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:34px;font-weight:900;margin-top:8px;letter-spacing:-1px}.stat-note{font-size:12px;color:var(--muted);margin-top:5px}.live-card .stat-value{color:#61e294}.dashboard-grid{grid-template-columns:1.3fr .7fr}.dashboard-grid.equal{grid-template-columns:1fr 1fr}.card h2{font-size:17px;margin:0 0 16px}.chart-wrap{height:280px;position:relative}.chart-wrap canvas{width:100%;height:100%}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:550px}.table th,.table td{padding:12px 10px;border-bottom:1px solid #223754;text-align:right;font-size:13px}.table th{color:var(--muted);font-weight:600}.table tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.bar-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr 55px;align-items:center;gap:10px;margin:12px 0;font-size:13px}.bar{height:9px;border-radius:99px;background:#1e324e;overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#22c55e)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;background:#ffffff0c;border:1px solid var(--line);font-size:11px}.live-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-left:6px;box-shadow:0 0 0 5px #22c55e18}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.select,.input,.textarea{background:#091728;color:#fff;border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-family:inherit;font-size:14px}.select{min-width:180px}.input,.textarea{width:100%}.textarea{min-height:105px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.form-group.full{grid-column:1/-1}.help{color:var(--muted);font-size:12px;line-height:1.8;margin-top:7px}.site-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-card h3{margin:0 0 6px}.site-domain{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-meta{display:flex;align-items:center;justify-content:space-between;margin:20px 0 0;padding-top:15px;border-top:1px solid var(--line)}.code-box{position:relative;background:#050c16;border:1px solid #20334c;border-radius:13px;padding:15px;margin:10px 0}.code-box pre{margin:0;direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all;color:#cbdaf0;font:12px/1.7 Consolas,monospace;padding-left:78px}.copy-btn{position:absolute;left:10px;top:10px;border:1px solid #334b69;background:#12233b;color:#fff;border-radius:8px;padding:7px 9px;cursor:pointer}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;padding:11px 13px;cursor:pointer;font-family:inherit}.tabs button.active{color:#fff;border-color:var(--brand)}.tab-panel{display:none}.tab-panel.active{display:block}.widget-preview{display:flex;align-items:center;justify-content:center;min-height:130px;background:linear-gradient(135deg,#f7f9fc,#e9eef6);border-radius:14px;overflow:hidden}.widget-sample{direction:rtl;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff;color:#172033;border:1px solid #dce3ed;box-shadow:0 8px 25px #0002;font-size:13px}.widget-sample .dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;border:1px solid}.alert.success{background:#0c2d20;border-color:#166534;color:#bbf7d0}.alert.error{background:#351017;border-color:#7f1d1d;color:#fecaca}.empty{padding:35px;text-align:center;color:var(--muted)}.login-wrap{max-width:460px;margin:80px auto}.login-logo{text-align:center;margin-bottom:20px}.login-logo .brand-dot{display:inline-block;margin-left:10px}.login-card h1{text-align:center}.login-card .btn{width:100%;margin-top:8px}.section-gap{margin-top:18px}.danger-zone{border-color:#652331}.public-shell{max-width:1200px;margin:0 auto;padding:25px}.public-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.public-brand{font-size:18px;font-weight:800}.country-code{direction:ltr;display:inline-block}.loading{opacity:.55}.toggle{display:flex;align-items:center;gap:9px}.toggle input{width:18px;height:18px}.kpi-small{font-size:12px;color:var(--muted)}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.equal{grid-template-columns:1fr}.site-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{padding:12px 14px;flex-wrap:wrap;gap:10px}.topbar nav{order:3;width:100%;overflow:auto}.user-menu span{display:none}.container{padding:18px 13px}.page-head{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-value{font-size:27px}.card{padding:15px;border-radius:15px}.site-cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.public-shell{padding:15px}.public-head{align-items:flex-start;gap:12px;flex-direction:column}}@media(max-width:440px){.stats-grid{grid-template-columns:1fr}.topbar nav a{white-space:nowrap}}

/* v1.0.1 — keep long page URLs/titles from stretching the dashboard */
body{overflow-x:hidden}.grid>*{min-width:0}.card{min-width:0;max-width:100%}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.page-table{min-width:0;table-layout:fixed}.page-table th:nth-child(2),.page-table td:nth-child(2){width:112px;text-align:center}.page-table th:nth-child(3),.page-table td:nth-child(3){width:72px;text-align:center}.recent-table{table-layout:fixed;min-width:760px}.recent-table th:nth-child(1),.recent-table td:nth-child(1){width:32%}.recent-table th:nth-child(2),.recent-table td:nth-child(2){width:112px;text-align:center}.recent-table th:nth-child(3),.recent-table td:nth-child(3){width:110px}.recent-table th:nth-child(4),.recent-table td:nth-child(4){width:160px}.recent-table th:nth-child(5),.recent-table td:nth-child(5){width:160px}.page-title-cell{display:flex;align-items:center;gap:7px;min-width:0;max-width:100%}.page-title-cell .live-dot{flex:0 0 auto;margin-left:0}.page-title-text{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.page-open-btn{white-space:nowrap;min-width:92px;padding:7px 10px}.action-cell,.number-cell{white-space:nowrap}.date-cell{white-space:nowrap}.bar-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.page-table th,.page-table td{padding:10px 6px}.page-table th:nth-child(2),.page-table td:nth-child(2){width:98px}.page-table th:nth-child(3),.page-table td:nth-child(3){width:54px}.page-open-btn{min-width:84px;padding:7px 8px;font-size:11px}.page-title-text{font-size:12px}.recent-table{min-width:700px}}