:root{color-scheme:dark;--bg:#090d14;--surface:#131924;--surface2:#192130;--border:#283346;--text:#f1f5ff;--muted:#95a1b7;--accent:#8ca6ff;--accent2:#637de7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#18213a 0%,transparent 30%),var(--bg);color:var(--text);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:29px;letter-spacing:-1.1px;margin-bottom:0}h2{font-size:25px;letter-spacing:-.65px}h3{font-size:16px;margin-bottom:15px}.muted,small{color:var(--muted)}.tiny{font-size:11px}.shell{display:flex;min-height:100vh}aside{width:253px;padding:27px 17px;border-right:1px solid var(--border);background:#0d121b;display:flex;flex-direction:column;position:sticky;height:100vh;top:0;flex-shrink:0}.brand{font-weight:850;letter-spacing:1.1px;font-size:15px;margin-bottom:40px;white-space:nowrap}.brand em{display:block;font-size:10px;font-weight:650;letter-spacing:2.4px;font-style:normal;color:#8490a7;margin-left:23px}.logo{color:var(--accent);font-size:24px}.side-label{font-size:10px;color:#697790;letter-spacing:2px;font-weight:700;margin:12px 12px}nav a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;color:#aebbd0;border-radius:9px;transition:.2s;margin:3px 0}nav a:hover{background:#1a2332;color:white}nav b{font-size:10px;border-radius:12px;background:#25314a;padding:0 7px}.sidebar-footer{font-size:12px;color:var(--muted);margin-top:auto;padding:15px 12px;border-top:1px solid var(--border)}.sidebar-footer strong{display:block;color:white;margin:6px 0}.sidebar-footer a{color:var(--accent)}main{max-width:1600px;width:100%;min-width:0;padding:35px clamp(18px,3.5vw,55px) 80px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}header small{font-size:10px;letter-spacing:2px}.user-pill{border:1px solid #2c3850;padding:7px 14px;border-radius:40px;color:#b9c5d6;font-size:12px}.hero{padding:27px 30px;border-radius:16px;background:linear-gradient(105deg,#253459,#141d30 65%,#111720);border:1px solid #344367;margin:20px 0 22px}.hero h2{font-size:29px;margin:8px 0}.hero p{color:#a8b9d1;margin:0}.eyebrow{color:#a4b8ff;font-size:10px;letter-spacing:2px;font-weight:750}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:20px;min-width:0}.stat small{font-size:12px;display:block}.stat strong{display:block;font-weight:700;letter-spacing:-1px;font-size:29px;margin-top:10px;overflow-wrap:anywhere}.stat strong.small-val{font-size:14px;letter-spacing:0;line-height:1.5}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:23px;margin-bottom:20px;min-width:0}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.section-head h3{margin:0}.section-head h2{margin:0}.site-list{display:grid;gap:5px}.site-item{display:flex;gap:15px;align-items:center;border-bottom:1px solid #252e3f;padding:15px 3px;transition:.15s}.site-item:hover{color:#c1ceff}.site-item:last-child{border:none}.site-dot{width:11px;height:11px;border-radius:50%;background:#71d9ad;box-shadow:0 0 0 4px #71d9ad17}.site-item strong{display:block}.site-item small{display:block;margin-top:1px;overflow-wrap:anywhere}.item-right{display:flex;align-items:center;gap:9px;margin-left:auto}.tag{border:1px solid #354158;border-radius:40px;padding:3px 9px;font-size:10px;color:#aebad0;white-space:nowrap;font-weight:700}.tag.good{color:#84dbb5;border-color:#286b52;background:#1b3b3029}.tag.bad{color:#ffaaa6;border-color:#714344;background:#52262624}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.data-list{display:grid;gap:0}.data-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #283244;padding:11px 0}.data-list>div:last-child{border:0}.data-list span{color:#abb8ca}.data-list strong{font-weight:650;text-align:right}form{display:block}label{font-size:12px;font-weight:600;color:#b6c2d3;display:block;margin:14px 0 17px}input,select,textarea{display:block;width:100%;border:1px solid #39465d;background:#0d1420;color:white;border-radius:9px;padding:11px 12px;font:inherit;margin-top:7px}input:focus,textarea:focus,select:focus{outline:2px solid #657fea55;border-color:#7388ed}textarea{min-height:100px;resize:vertical}.form-row{display:flex;align-items:end;gap:10px}.form-row>*{flex:1}.form-row .btn{flex:0}.btn{display:inline-block;border:1px solid #485776;background:#222d40;color:#e1eaff;padding:10px 16px;font:inherit;font-weight:650;font-size:12px;border-radius:9px;cursor:pointer;white-space:nowrap}.btn:hover{background:#2c3b56}.btn.primary{background:#6f86f1;color:#080d1d;border-color:#92a6fa}.btn.primary:hover{background:#94a7ff}.btn.small{padding:6px 10px}.notice,.error{border:1px solid #355b74;background:#142538;border-radius:10px;padding:12px 16px;margin-bottom:18px}.error{color:#ffc1c1;border-color:#753939;background:#361e25}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}.auth-card{width:min(100%,440px);background:#121924;border:1px solid #2b3850;padding:36px;border-radius:18px;box-shadow:0 20px 60px #0005}.auth-card .brand{margin-bottom:28px}.auth-card p{color:var(--muted)}.auth-card .btn{width:100%;margin-top:12px}.auth-card h1{margin:0 0 8px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{border-bottom:1px solid #2e394b;padding:12px 9px;vertical-align:top}th{font-size:11px;letter-spacing:.5px;color:#98a8c0;text-transform:uppercase}.entry,.notification{padding:15px 0;border-bottom:1px solid #2c3546}.entry strong{font-size:12px}.entry p{margin:7px 0;color:#b8c6d9}.notification{display:flex;justify-content:space-between;gap:15px}.notification strong{margin-left:10px}.notification p{margin:8px 0}.keybox{background:#262b40;padding:15px;border-radius:9px}.keybox code{display:block;word-break:break-all;padding-top:9px;color:#adc0ff}.narrow{max-width:700px}.bars{height:150px;display:flex;align-items:end;gap:5px;padding:10px 0}.bar-col{height:100%;flex:1;display:flex;align-items:flex-end}.bar{background:linear-gradient(#8ea7ff,#5266ac);border-radius:3px 3px 0 0;width:100%;min-width:2px;opacity:.85}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}aside{position:relative;width:100%;height:auto;padding:15px;border-right:0;border-bottom:1px solid var(--border)}.brand{margin:0 0 8px}.side-label,.sidebar-footer{display:none}nav{display:flex;overflow-x:auto;gap:7px}nav a{white-space:nowrap;font-size:11px;background:#172033;padding:7px 10px}main{padding:18px 14px 65px}header{margin:10px 0 15px}h1{font-size:24px}.user-pill{display:none}.hero{padding:20px}.hero h2{font-size:24px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:22px}.panel{padding:16px}.item-right .tag:first-child{display:none}.form-row{display:block}.site-item{gap:8px}.site-item strong{font-size:12px}.section-head{align-items:flex-start}.section-head .btn{white-space:normal}}

/* InVisionss original logo – branding update */
.brand.brand-image{display:flex;align-items:center;gap:12px;letter-spacing:1px;white-space:normal;min-height:49px}
.brand-image img{display:block;width:48px;height:48px;object-fit:contain;flex:none}
.brand-image .brand-wordmark{display:flex;flex-direction:column;line-height:1.1;font-size:14px;font-weight:850;color:#fff;letter-spacing:1px}
.brand-image .brand-wordmark em{display:block;font-size:9px;color:#8e9db5;font-style:normal;letter-spacing:2.2px;margin:7px 0 0 1px}
.auth-card .brand-image{margin-bottom:27px}
@media(max-width:700px){.brand.brand-image{margin-bottom:10px}.brand-image img{width:41px;height:41px}}

/* WebCare+ Dashboard Brand Layout — append to END of public/assets/style.css */
/* Icon on left; INVISIONSS above WEBCARE+ on right */
.shell aside .brand.brand-image {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100%;
  min-height: 52px;
  margin-bottom: 28px;
  text-align: left !important;
}
.shell aside .brand.brand-image > img {
  display: block !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  object-fit: contain;
  margin: 0 !important;
}
.shell aside .brand.brand-image > .brand-wordmark {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px;
  flex: 1 1 auto;
  min-width: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: 0.7px;
  white-space: nowrap;
  text-align: left !important;
}
.shell aside .brand.brand-image > .brand-wordmark em {
  display: block !important;
  margin: 0 !important;
  color: #99a8c2;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.2;
}