/* Nonstop100 v5.3.2 - SaaS dashboard redesign */
:root{
  --ns-navy:#06142b;
  --ns-navy-2:#0a1d3e;
  --ns-blue:#1463ff;
  --ns-blue-2:#2d7dff;
  --ns-bg:#f5f7fb;
  --ns-card:#ffffff;
  --ns-text:#0f172a;
  --ns-muted:#64748b;
  --ns-border:#e5eaf2;
  --ns-shadow:0 8px 24px rgba(15,23,42,.06);
  --ns-radius:14px;
  --ns-sidebar:248px;
  --ns-topbar:74px;
}

html,body{background:var(--ns-bg)!important;color:var(--ns-text);font-family:Inter,Arial,sans-serif;font-size:14px;}
body.ns-saas-body{margin:0;min-height:100vh;overflow-x:hidden;}
a{color:inherit}

/* Top bar */
.ns-topbar{height:var(--ns-topbar);background:linear-gradient(90deg,#06142b 0%,#061a39 55%,#041024 100%);color:#fff;display:flex;align-items:center;gap:22px;padding:0 28px;position:sticky;top:0;z-index:1000;box-shadow:0 12px 30px rgba(2,8,23,.22)}
.ns-brand-wrap{width:300px;flex:0 0 300px;display:flex;align-items:center}
.ns-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.ns-brand-shield{width:46px;height:52px;position:relative;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1e79ff,#0d3e8c);clip-path:polygon(50% 0%,92% 15%,82% 78%,50% 100%,18% 78%,8% 15%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.18),0 8px 18px rgba(20,99,255,.35)}
.ns-brand-shield:before{content:"";position:absolute;inset:7px;background:#071934;clip-path:polygon(50% 0%,92% 15%,82% 78%,50% 100%,18% 78%,8% 15%)}
.ns-brand-shield:after{content:"♕";position:absolute;top:-12px;font-size:19px;color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.ns-brand-shield span{position:relative;z-index:1;font-weight:900;font-size:23px;color:#5cb0ff;letter-spacing:-1px}
.ns-brand-copy strong{display:block;font-size:24px;line-height:22px;letter-spacing:-.7px;font-weight:900;color:#fff}.ns-brand-copy strong span{color:#4d9bff}.ns-brand-copy small{display:block;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#c8d6f1;font-weight:800;margin-top:3px}

.ns-global-search{height:38px;max-width:520px;min-width:280px;flex:1;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:0 10px;color:#dbeafe;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ns-global-search input{background:transparent;border:0;outline:0;color:#fff;font-size:13px;flex:1;min-width:0}.ns-global-search input::placeholder{color:#b8c5dc}.ns-global-search kbd{font-size:11px;color:#cbd5e1;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.18);border-radius:6px;padding:3px 7px;font-family:inherit}
.ns-topnav{display:flex;align-items:center;gap:10px;white-space:nowrap}.ns-topnav a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px;border-radius:9px;text-decoration:none;color:#e5edf9;font-weight:700;font-size:13px}.ns-topnav a:hover,.ns-topnav a.active{background:rgba(255,255,255,.09)}.ns-topnav span{font-size:16px;color:#fff}
.ns-userbox{display:flex;align-items:center;gap:10px;margin-left:auto;white-space:nowrap}.ns-bell{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;text-decoration:none;position:relative;background:rgba(255,255,255,.07)}.ns-bell b{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;border-radius:999px;background:#ef233c;color:#fff;font-size:10px;display:grid;place-items:center}.ns-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4f8df8,#1d4ed8);display:grid;place-items:center;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 18px rgba(20,99,255,.28)}.ns-user-meta strong{display:block;font-size:13px;line-height:15px}.ns-user-meta small{display:block;color:#cbd5e1;font-size:11px}.ns-logout,.ns-login{color:#e2e8f0;text-decoration:none;font-size:13px;font-weight:700}.ns-btn{height:34px;border-radius:9px;padding:0 13px;display:inline-flex;align-items:center;text-decoration:none;font-weight:800;font-size:13px}.ns-btn-primary{background:#1463ff;color:#fff!important;box-shadow:0 6px 14px rgba(20,99,255,.3)}

/* Shell/sidebar */
.ns-app-shell{display:grid;grid-template-columns:var(--ns-sidebar) minmax(0,1fr);min-height:calc(100vh - var(--ns-topbar));}
.ns-sidebar{background:#fff;border-right:1px solid var(--ns-border);position:sticky;top:var(--ns-topbar);height:calc(100vh - var(--ns-topbar));overflow:hidden;z-index:30}.ns-sidebar-scroll{height:100%;overflow:auto;padding:16px 12px 24px;scrollbar-width:thin}.ns-side-section{margin-top:16px}.ns-side-section p{font-size:11px;line-height:1;margin:0 0 8px 12px;color:#667085;font-weight:900;letter-spacing:.55px;text-transform:uppercase}.ns-side-item{min-height:36px;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:10px;color:#26364f;text-decoration:none;font-size:13px;font-weight:650;margin:2px 0;position:relative}.ns-side-item span:first-child{width:20px;text-align:center;color:#44546f;font-size:16px}.ns-side-item b{font-weight:750;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ns-side-item:hover{background:#f2f7ff;color:#0b57d0}.ns-side-item.active{background:#eaf3ff;color:#082f69}.ns-side-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:var(--ns-blue)}.ns-side-item.locked{color:#64748b}.ns-side-item.locked b:before{content:"🔒 ";font-size:10px}.ns-side-badge,.ns-side-item em{font-style:normal;font-size:10px;line-height:17px;border-radius:5px;padding:0 6px;font-weight:900;letter-spacing:.2px}.ns-side-badge.pro{background:#0f63ff;color:#fff}.ns-side-badge.business{background:#f59e0b;color:#fff}.ns-side-badge.ok{background:#dcfce7;color:#15803d}.ns-side-item em{background:#eef2f7;color:#475569}.ns-admin-section{padding-top:12px;border-top:1px solid #edf1f7}

/* Content */
.ns-content.page-shell{max-width:none!important;width:auto!important;margin:0!important;padding:26px 28px 34px!important;background:var(--ns-bg);min-height:calc(100vh - var(--ns-topbar));}
.ns-content h1,.ns-content .page-title h1{font-size:26px!important;line-height:1.18!important;letter-spacing:-.5px!important;margin:0 0 6px!important}.ns-content h2{font-size:19px!important;letter-spacing:-.2px!important}.ns-content h3{font-size:16px!important}.ns-content p{font-size:13px;line-height:1.55}.ns-content .page-title,.ns-content .section-title,.ns-content .admin-title{margin-bottom:18px!important}.ns-content .page-title p,.ns-content .admin-title p{font-size:13px!important;color:var(--ns-muted)!important;margin:0!important}

/* Hide/neutralize legacy horizontal navigation blocks */
.site-header:not(.ns-topbar),.main-nav:not(.ns-app-nav),.ns-app-nav{display:none!important}.header-inner,.nav-inner,.ns-app-nav-inner{display:contents}.brand,.brand-cup,.brand-text,.brand-name,.brand-tagline{all:unset}

/* Cards, dashboard blocks */
.card,.ns-card,.admin-card,.stat-box,.ns-highlight,.ns-hero-card,.featured-card,.quick-card,.latest-card,.pricing-card,.report-card,.plan-card{background:#fff!important;border:1px solid var(--ns-border)!important;border-radius:var(--ns-radius)!important;box-shadow:var(--ns-shadow)!important}.card-title,.admin-card h2,.ns-card-title{font-size:14px!important;font-weight:850!important;color:#111827!important;border-bottom:1px solid #edf1f7!important;padding-bottom:10px!important;margin-bottom:12px!important}.dashboard-grid{gap:16px!important}.stats-strip{gap:14px!important;margin:18px 0!important}.stat-box{padding:15px 16px!important;min-height:auto!important}.stat-box strong{font-size:23px!important;line-height:1.1!important}.stat-box small{font-size:12px!important;color:var(--ns-muted)!important}.stat-icon{width:36px!important;height:36px!important;border-radius:10px!important;background:#eaf3ff!important;color:#0f63ff!important;display:inline-grid!important;place-items:center!important}

/* Hero becomes compact SaaS summary */
.ns-hero{padding:18px 20px!important;border-radius:16px!important;margin:0 0 18px!important;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid var(--ns-border)!important;box-shadow:var(--ns-shadow)!important}.ns-hero h1{font-size:25px!important;max-width:720px!important}.ns-hero p{font-size:13px!important;max-width:760px!important;color:#546179!important}.ns-hero-grid{gap:18px!important}.ns-kicker{font-size:11px!important;letter-spacing:.6px!important}.ns-hero-actions{gap:8px!important;margin-top:14px!important}.ns-hero-actions a,.primary,.secondary,.outline-btn,.btn,button,input[type=submit],.button{min-height:34px!important;height:auto!important;border-radius:8px!important;padding:8px 12px!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important}.primary,.btn-primary,.ns-content .btn-primary{background:var(--ns-blue)!important;color:#fff!important;border:1px solid var(--ns-blue)!important}.secondary,.outline-btn{background:#fff!important;color:#1e293b!important;border:1px solid #d8e0eb!important}.ns-hero-card{padding:16px!important}.ns-hero-card strong{font-size:30px!important;color:#0f63ff!important}.ns-mini-grid{gap:8px!important}.ns-mini-grid div{padding:9px!important;border-radius:10px!important;background:#f8fafc!important}.ns-mini-grid b{font-size:17px!important}

/* Feature highlights */
.ns-highlight-row{gap:14px!important;margin:0 0 18px!important}.ns-highlight{padding:15px!important}.ns-highlight span{font-size:11px!important}.ns-highlight strong{font-size:14px!important}.ns-highlight p{font-size:12px!important;margin-top:4px!important}

/* Tables */
table,.top-table{border-collapse:separate!important;border-spacing:0!important;width:100%;font-size:13px!important}.table-wrap{border:1px solid #e8edf5;border-radius:12px;overflow:auto;background:#fff}thead th{height:38px!important;background:#f8fafc!important;color:#475569!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.4px!important;font-weight:900!important;border-bottom:1px solid #e8edf5!important;padding:0 12px!important}tbody td{height:42px!important;border-bottom:1px solid #eef2f7!important;padding:8px 12px!important}tbody tr:hover td{background:#f9fbff!important}.rank{font-weight:900;color:#0f63ff}.num{font-variant-numeric:tabular-nums;font-weight:800}.site-title-link{color:#0f172a;text-decoration:none}.site-title-link:hover{color:#0f63ff}

/* Forms */
input,select,textarea{border:1px solid #d8e0eb!important;border-radius:8px!important;min-height:34px!important;padding:7px 10px!important;font-size:13px!important;background:#fff!important;color:#0f172a!important}label{font-size:12px!important;color:#475569!important;font-weight:800!important}.form-row,.field-row{gap:10px!important;margin-bottom:12px!important}

/* PRO lock overlay */
.pro-blur,.locked-preview,.ns-pro-preview{filter:blur(2.5px);opacity:.28;pointer-events:none}.pro-required,.ns-access-card,.ns-lock-panel{background:#fff!important;border:1px solid #dbe5f2!important;border-radius:16px!important;box-shadow:var(--ns-shadow)!important;padding:18px!important;max-width:680px}.pro-required h1,.ns-access-card h1{font-size:22px!important}.ns-plan-tag,.pro-badge{display:inline-flex;align-items:center;height:18px;border-radius:5px;padding:0 6px;font-size:10px;font-weight:900;line-height:18px}.ns-plan-pro{background:#0f63ff;color:#fff}.ns-plan-business{background:#f59e0b;color:#fff}

/* Footer */
.ns-saas-footer{margin-left:var(--ns-sidebar);background:var(--ns-bg)!important;border-top:1px solid var(--ns-border)!important;color:#64748b!important}.ns-saas-footer .footer-inner{max-width:none!important;padding:14px 28px!important;display:flex!important;gap:28px!important;font-size:12px!important}.ns-saas-footer a{text-decoration:none;color:#64748b}.ns-saas-footer a:hover{color:#0f63ff}

/* Responsive */
@media (max-width:1180px){.ns-topnav{display:none}.ns-brand-wrap{width:260px;flex-basis:260px}.ns-global-search{max-width:none}}
@media (max-width:900px){:root{--ns-sidebar:0px;--ns-topbar:64px}.ns-topbar{height:64px;padding:0 14px;gap:12px}.ns-brand-wrap{width:auto;flex:0}.ns-brand-copy small{display:none}.ns-brand-copy strong{font-size:18px}.ns-brand-shield{width:36px;height:40px}.ns-global-search{display:none}.ns-user-meta,.ns-logout{display:none}.ns-app-shell{display:block}.ns-sidebar{position:relative;top:0;height:auto;width:auto;border-right:0;border-bottom:1px solid var(--ns-border)}.ns-sidebar-scroll{display:flex;gap:8px;overflow:auto;padding:10px 12px}.ns-side-section{display:contents}.ns-side-section p{display:none}.ns-side-item{flex:0 0 auto;min-height:34px;background:#fff;border:1px solid #e5eaf2}.ns-side-item b{max-width:120px}.ns-content.page-shell{padding:18px 14px 26px!important}.ns-saas-footer{margin-left:0}.ns-hero-grid,.dashboard-grid{display:block!important}.side-stack{margin-top:14px}.stats-strip,.ns-highlight-row{grid-template-columns:1fr 1fr!important;display:grid!important}}
@media (max-width:560px){.ns-brand-copy{display:none}.ns-userbox{gap:6px}.ns-avatar{width:34px;height:34px}.stats-strip,.ns-highlight-row{grid-template-columns:1fr!important}.ns-content h1{font-size:22px!important}.ns-hero h1{font-size:22px!important}}