/* CYVICA Edge Premium UI Layer
   Visual-only layer. Existing PHP, database and workflow logic are unchanged. */
:root{
  --cx-bg:#f5f7fb;
  --cx-surface:#ffffff;
  --cx-ink:#101828;
  --cx-text:#344054;
  --cx-muted:#667085;
  --cx-subtle:#98a2b3;
  --cx-border:#e6eaf0;
  --cx-border-strong:#d8dee8;
  --cx-primary:#155eef;
  --cx-primary-dark:#1247bd;
  --cx-primary-soft:#eef4ff;
  --cx-success:#12b76a;
  --cx-success-soft:#ecfdf3;
  --cx-warning:#f79009;
  --cx-warning-soft:#fffaeb;
  --cx-danger:#d92d20;
  --cx-danger-soft:#fef3f2;
  --cx-shadow:0 8px 28px rgba(16,24,40,.045);
  --cx-shadow-lg:0 18px 55px rgba(16,24,40,.09);
  --cx-radius:16px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;background:var(--cx-bg)!important;color:var(--cx-ink)!important;-webkit-font-smoothing:antialiased}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
button,input,select,textarea{font-family:inherit}

/* Shared dashboard shell */
.dashboard-header,.header,header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--cx-border)!important;box-shadow:0 1px 0 rgba(16,24,40,.02)!important;backdrop-filter:blur(14px)}
.dashboard-header{min-height:70px!important;padding:0 34px!important;gap:28px!important}
.brand,.logo{font-weight:800!important;letter-spacing:-.035em!important;color:var(--cx-ink)!important;text-decoration:none!important}
.brand:after,.logo:after{content:"";display:inline-block;width:7px;height:7px;margin-left:5px;margin-bottom:2px;border-radius:50%;background:var(--cx-primary);box-shadow:0 0 0 4px var(--cx-primary-soft)}
.nav-wrap{gap:18px!important}
.nav{gap:2px!important}
.nav a{color:#475467!important;font-size:13px!important;font-weight:650!important;border:1px solid transparent!important;border-radius:9px!important;padding:8px 10px!important}
.nav a:hover{background:#f8fafc!important;color:var(--cx-primary)!important}
.nav a[href$="/msme"],.nav a[href$="/professional"],.nav a[href$="/admin"]{font-weight:750!important}
.account{gap:12px!important}
.account-name,.user{color:var(--cx-text)!important;font-weight:650!important}
.account-menu{gap:4px!important}
.account-menu a{padding:6px 8px;border-radius:7px;color:var(--cx-muted)!important;font-weight:600}
.account-menu a:hover{background:#f2f4f7;color:var(--cx-primary)!important}
.notification-badge{background:var(--cx-primary)!important;box-shadow:0 0 0 3px #fff}

.dashboard-main,.container,.ai-page{max-width:1180px!important}
.dashboard-main{padding:36px 24px 72px!important}
.container{width:min(1120px,calc(100% - 48px))!important;margin:34px auto!important;padding:0!important}

/* Hero and page headings */
.hero,.top-section,.top-card,.ai-chat-shell,.ai-hero{border:1px solid var(--cx-border)!important;border-radius:20px!important;background:var(--cx-surface)!important;box-shadow:var(--cx-shadow)!important}
.hero{padding:30px!important;margin-bottom:20px!important}
.hero-top{align-items:center!important}
.hero h1,.top-section h1,.top-card h1{font-size:31px!important;line-height:1.16!important;letter-spacing:-.035em!important;color:var(--cx-ink)!important}
.hero p,.subtitle,.muted{color:var(--cx-muted)!important}
.hero p{font-size:14px!important;line-height:1.65!important}

/* KPI strip */
.kpis{gap:12px!important;margin-bottom:20px!important}
.kpi{position:relative;overflow:hidden;background:#fff!important;border:1px solid var(--cx-border)!important;border-radius:14px!important;padding:18px 18px!important;box-shadow:var(--cx-shadow)!important}
.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cx-primary);opacity:.8}
.kpi-label{font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--cx-muted)!important;font-weight:750!important}
.kpi-value{font-size:28px!important;line-height:1.1;color:var(--cx-ink)!important;letter-spacing:-.04em}
.kpi-link:hover .kpi{transform:translateY(-1px);border-color:#c9d7f5!important;box-shadow:0 12px 32px rgba(21,94,239,.08)!important}

/* Cards */
.cards{gap:14px!important}
.card,.project-card,.professional-card,.application-card,.list-card,.profile-card,.verification-card,.verification-box,.confirmation-box,.apply-box,.result-card,.answer-card{background:#fff!important;border:1px solid var(--cx-border)!important;border-radius:16px!important;box-shadow:var(--cx-shadow)!important}
.card{padding:21px!important;min-height:0!important}
.card:hover,.project-card:hover,.professional-card:hover{border-color:#d4dbea!important;box-shadow:0 12px 34px rgba(16,24,40,.07)!important}
.card h2,.card h3,.project-card h2,.professional-card h2,.application-card h2{color:var(--cx-ink)!important;letter-spacing:-.02em}
.card p,.description,.professional-meta,.skill-line{color:var(--cx-muted)!important;line-height:1.62!important}
.card-actions,.actions{gap:8px!important}

/* Buttons */
.btn,.button,.ai-send,.ai-launch-btn{border-radius:9px!important;font-weight:750!important;box-shadow:none!important}
.btn{padding:10px 14px!important;background:var(--cx-primary)!important;border-color:var(--cx-primary)!important}
.btn:hover{background:var(--cx-primary-dark)!important;border-color:var(--cx-primary-dark)!important;transform:translateY(-1px)}
.btn-secondary{background:#fff!important;color:var(--cx-primary)!important;border-color:#cfd8e8!important}
.btn-secondary:hover{background:var(--cx-primary-soft)!important;border-color:#b7c9ee!important}
.btn-success{background:#039855!important;border-color:#039855!important}
.btn-warning{background:#f79009!important;border-color:#f79009!important}
.btn-danger,.btn-reject{background:var(--cx-danger)!important;border-color:var(--cx-danger)!important}
.status-pill,.badge,.status,.verified-badge{border:1px solid transparent!important;font-weight:750!important}
.verified-badge{background:var(--cx-success-soft)!important;color:#027a48!important;border-color:#abefc6!important}
.status-pill{background:#f2f4f7!important;color:#475467!important}
.notice{border-radius:11px!important;box-shadow:none!important}

/* Directory / project browsing */
.directory-toolbar{background:#fff!important;border:1px solid var(--cx-border)!important;border-radius:16px!important;padding:17px!important;box-shadow:var(--cx-shadow)!important}
.directory-form input,.field input,.field textarea,.field select,.form-control,input,select,textarea{border-color:var(--cx-border-strong)!important;border-radius:9px!important;background:#fff!important;color:var(--cx-ink)!important}
.directory-form input:focus,.field input:focus,.field textarea:focus,.field select:focus,.form-control:focus,input:focus,select:focus,textarea:focus{outline:none!important;border-color:#84adff!important;box-shadow:0 0 0 4px rgba(21,94,239,.08)!important}
.project-card{padding:22px!important}
.project-card .project-title,.project-card h2{font-size:19px!important}
.project-meta,.project-info{color:var(--cx-muted)!important}

/* Tables / list rows */
.table-like{gap:8px!important}
.meta{background:#f8fafc!important;border:1px solid #eef1f5!important;border-radius:10px!important}
.message{border:1px solid #edf0f4!important;border-radius:11px!important;background:#f8fafc!important}
.message.mine{background:#eef4ff!important;border-color:#d9e6ff!important}

/* Forms and focused workspaces */
.field label,.form-group label{font-size:13px!important;color:#344054!important;font-weight:750!important}
.field input,.field textarea,.field select,.form-control{padding:11px 12px!important}
.grid,.form-grid{gap:14px!important}

/* AI workspace */
.ai-dashboard-section.ai-modal{border-radius:22px!important;box-shadow:var(--cx-shadow-lg)!important}
.ai-launch-btn{background:var(--cx-primary)!important;border-color:var(--cx-primary)!important;padding:11px 15px!important}
.ai-launch-btn:hover{background:var(--cx-primary-dark)!important}
.ai-chat-shell{box-shadow:var(--cx-shadow-lg)!important}
.ai-form{border-color:var(--cx-border-strong)!important;border-radius:16px!important}
.ai-form textarea{font-size:17px!important}
.result-footer{background:#111827!important;border-radius:15px!important}

/* Engagement workspace */
.header{height:68px!important;padding:0 34px!important}
.header .logo{font-size:22px!important}
.header .user{font-size:13px!important}
.container .card{padding:23px!important}
.milestone{border:1px solid var(--cx-border)!important;border-radius:13px!important;background:#fff!important}
.milestone:hover{border-color:#d4dbea!important}

/* Footer */
.footer-note{color:#98a2b3!important;text-align:center!important;padding-top:10px}

/* Authentication */
.auth-page .container{max-width:520px!important;margin:64px auto!important}
.auth-page .container .card{padding:34px!important;border-radius:20px!important;box-shadow:var(--cx-shadow-lg)!important}
.auth-page .container .logo{text-align:center;font-size:29px!important;margin-bottom:7px}
.auth-page .container .subtitle{text-align:center;margin-bottom:28px!important}
.auth-page button[type="submit"]{border-radius:10px!important;background:var(--cx-primary)!important}

/* Mobile */
@media(max-width:1050px){
  .dashboard-header{padding:0 20px!important}
  .nav{overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap}
  .cards{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
  .dashboard-header{position:static!important;flex-direction:column!important;align-items:flex-start!important;padding:14px 16px!important;gap:10px!important}
  .nav-wrap{width:100%!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .nav{width:100%!important;flex-wrap:nowrap!important;padding-bottom:2px}
  .account{width:100%!important;justify-content:space-between!important}
  .dashboard-main{padding:24px 14px 48px!important}
  .container{width:calc(100% - 28px)!important;margin:22px auto!important}
  .hero{padding:22px!important;border-radius:17px!important}
  .hero-top{align-items:flex-start!important;flex-direction:column!important}
  .hero h1,.top-section h1,.top-card h1{font-size:25px!important}
  .kpis{grid-template-columns:repeat(2,1fr)!important}
  .cards{grid-template-columns:1fr!important}
  .card{padding:18px!important}
  .directory-form{grid-template-columns:1fr!important}
  .professional-grid,.projects{grid-template-columns:1fr!important}
  .header{height:auto!important;padding:14px 16px!important}
  .top{display:block!important}
}
@media(max-width:430px){
  .kpis{grid-template-columns:1fr!important}
  .hero{padding:19px!important}
  .auth-page .container{margin:30px auto!important}
  .auth-page .container .card{padding:24px!important}
}

/* CYVICA Website-inspired visual refresh — UI only */
:root{
  --site-blue:#0066cc;
  --site-blue-deep:#004499;
  --site-navy:#003366;
  --site-cyan:#00bcd4;
  --site-light:#e6f2ff;
  --site-gradient:linear-gradient(135deg,#0066cc 0%,#004499 50%,#003366 100%);
  --site-accent:linear-gradient(135deg,#00bcd4 0%,#0066cc 100%);
}
body{background:linear-gradient(180deg,#f8fbff 0,#f4f8fd 48%,#f7f9fc 100%)!important}
.dashboard-header,.header,header{background:rgba(255,255,255,.96)!important;box-shadow:0 8px 28px rgba(0,51,102,.06)!important}
.brand,.logo{color:var(--site-navy)!important}
.brand:after,.logo:after{background:var(--site-cyan)!important;box-shadow:0 0 0 4px rgba(0,188,212,.12)!important}
.nav a:hover{background:var(--site-light)!important;color:var(--site-blue)!important}
.notification-badge{background:var(--site-blue)!important}
.hero{background:linear-gradient(135deg,#ffffff 0%,#f4f9ff 60%,#edfaff 100%)!important;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-110px;background:radial-gradient(circle,rgba(0,188,212,.16),rgba(0,102,204,0));pointer-events:none}
.hero h1,.top-section h1,.top-card h1{color:var(--site-navy)!important}
.kpi:before{background:var(--site-accent)!important}
.kpi-value{color:var(--site-navy)!important}
.btn,.ai-send,.ai-launch-btn{background:var(--site-gradient)!important;border-color:transparent!important;box-shadow:0 5px 16px rgba(0,102,204,.18)!important}
.btn:hover,.ai-launch-btn:hover{background:linear-gradient(135deg,#005bb7 0%,#003d88 55%,#002b59 100%)!important;box-shadow:0 8px 22px rgba(0,102,204,.24)!important}
.btn-secondary{background:#fff!important;color:var(--site-blue)!important;border:1px solid #b9d2ee!important;box-shadow:none!important}
.btn-secondary:hover{background:#f0f7ff!important;color:var(--site-navy)!important}
.card:hover,.project-card:hover,.professional-card:hover{border-color:#bcd4ee!important;box-shadow:0 14px 38px rgba(0,67,128,.09)!important}
.directory-toolbar{background:linear-gradient(180deg,#fff,#fbfdff)!important}
.verified-badge{background:#ecfbff!important;color:#007c91!important;border-color:#a8e8f0!important}
.notice{background:#ecfbff!important;color:#006b7a!important;border-color:#a8e8f0!important}
.auth-page{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(0,188,212,.12),transparent 28%),radial-gradient(circle at 90% 85%,rgba(0,102,204,.12),transparent 30%),linear-gradient(135deg,#f7fbff,#eef6ff)!important;display:flex;align-items:center;justify-content:center;padding:28px 16px}
.auth-page .container{max-width:480px!important;width:100%!important;margin:0!important}
.auth-page .container .card{background:rgba(255,255,255,.97)!important;border:1px solid rgba(0,102,204,.12)!important;border-radius:24px!important;padding:38px!important;box-shadow:0 25px 70px rgba(0,51,102,.14)!important}
.auth-page .logo{font-size:0!important;text-align:center!important;margin-bottom:10px!important}
.auth-page .logo:before{content:"";display:block;width:190px;height:57px;margin:0 auto 4px;background:url('../cyvica-logo.svg') center/contain no-repeat}
.auth-page .logo:after{display:none!important}
.auth-page .subtitle{font-size:15px!important;color:#667085!important}
.auth-page input,.auth-page select{min-height:48px!important;border-radius:11px!important;border:1px solid #cdd9e7!important}
.auth-page input:focus,.auth-page select:focus{border-color:#5aa8e8!important;box-shadow:0 0 0 4px rgba(0,102,204,.09)!important}
.auth-page button[type=submit]{min-height:49px!important;border-radius:11px!important;background:var(--site-gradient)!important;box-shadow:0 7px 20px rgba(0,102,204,.2)!important}
.auth-page .register a,.auth-page a{color:var(--site-blue)!important}
@media(max-width:760px){.auth-page .container .card{padding:28px 22px!important}.auth-page .logo:before{width:170px}}

/* ================================================================
   CYVICA EDGE — APPLICATION UI V2
   UI-only override. No PHP, database, API or workflow behavior changed.
   ================================================================ */

:root{
  --edge-navy:#061a33;
  --edge-navy-2:#0a2a52;
  --edge-blue:#0066cc;
  --edge-cyan:#00bcd4;
  --edge-sky:#eaf6ff;
  --edge-page:#f4f8fc;
  --edge-line:#dce7f2;
  --edge-text:#10233d;
  --edge-muted:#64748b;
  --edge-gradient:linear-gradient(135deg,#0066cc 0%,#004499 58%,#062b55 100%);
}

/* Main MSME/Professional application shell */
body:has(.dashboard-header){
  background:var(--edge-page)!important;
}
body:has(.dashboard-header) .dashboard-header{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:258px!important;
  min-height:100vh!important;
  height:100vh!important;
  padding:25px 16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  z-index:1000!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#061a33 0%,#082b55 100%)!important;
  box-shadow:12px 0 40px rgba(4,28,56,.12)!important;
  backdrop-filter:none!important;
}
body:has(.dashboard-header) .dashboard-header .brand{
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  padding:0 13px!important;
  margin:0 0 25px!important;
  color:#fff!important;
  font-size:22px!important;
  letter-spacing:-.05em!important;
  font-weight:850!important;
}
body:has(.dashboard-header) .dashboard-header .brand:after{
  width:8px!important;height:8px!important;
  margin-left:6px!important;margin-bottom:10px!important;
  background:var(--edge-cyan)!important;
  box-shadow:0 0 0 4px rgba(0,188,212,.14)!important;
}
body:has(.dashboard-header) .nav-wrap{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex:1!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:space-between!important;
  gap:20px!important;
}
body:has(.dashboard-header) .nav{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  overflow:visible!important;
}
body:has(.dashboard-header) .nav a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:45px!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  color:#c7d5e6!important;
  font-size:13px!important;
  font-weight:650!important;
  text-decoration:none!important;
  letter-spacing:.005em!important;
}
body:has(.dashboard-header) .nav a:before{
  content:""!important;
  width:7px!important;height:7px!important;
  margin-right:12px!important;
  border-radius:50%!important;
  background:#55718f!important;
  transition:.2s ease!important;
}
body:has(.dashboard-header) .nav a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.07)!important;
}
body:has(.dashboard-header) .nav a:hover:before{
  background:var(--edge-cyan)!important;
  box-shadow:0 0 10px rgba(0,188,212,.7)!important;
}
body:has(.dashboard-header) .nav a[href="/dashboard/msme"]:before{background:var(--edge-cyan)!important}
body:has(.dashboard-header) .notification-badge{
  margin-left:auto!important;
  background:var(--edge-cyan)!important;
  color:#06223d!important;
  box-shadow:none!important;
}
body:has(.dashboard-header) .account{
  width:100%!important;
  padding:14px 12px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
}
body:has(.dashboard-header) .account:before{
  content:""!important;
  width:34px!important;height:34px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--edge-cyan),#1476dc)!important;
  box-shadow:0 0 0 4px rgba(0,188,212,.08)!important;
}
body:has(.dashboard-header) .account-name{
  color:#fff!important;
  font-size:13px!important;
  font-weight:750!important;
  max-width:135px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body:has(.dashboard-header) .account-menu{
  width:100%!important;
  padding-left:46px!important;
  gap:10px!important;
}
body:has(.dashboard-header) .account-menu a{
  color:#91a8c2!important;
  font-size:12px!important;
  padding:0!important;
}
body:has(.dashboard-header) .account-menu a:hover{color:#fff!important;background:transparent!important}
body:has(.dashboard-header) .dashboard-main{
  max-width:none!important;
  margin-left:258px!important;
  padding:38px 48px 70px!important;
}
body:has(.dashboard-header) .dashboard-main > *{max-width:1220px!important;margin-left:auto!important;margin-right:auto!important}
body:has(.dashboard-header) .hero{
  margin-bottom:22px!important;
  padding:34px 38px!important;
  border:0!important;
  border-radius:24px!important;
  background:var(--edge-gradient)!important;
  box-shadow:0 20px 50px rgba(0,68,136,.16)!important;
  overflow:hidden!important;
}
body:has(.dashboard-header) .hero:before{
  content:""!important;
  position:absolute!important;
  width:380px!important;height:380px!important;
  right:-120px!important;top:-180px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)!important;
}
body:has(.dashboard-header) .hero:after{background:radial-gradient(circle,rgba(0,188,212,.30),rgba(0,188,212,0) 65%)!important;right:40px!important;top:-90px!important}
body:has(.dashboard-header) .hero h1{
  color:#fff!important;
  font-size:36px!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
}
body:has(.dashboard-header) .hero p{color:#d6e7fa!important;font-size:15px!important;max-width:650px!important}
body:has(.dashboard-header) .ai-launch-btn{
  position:relative!important;
  z-index:2!important;
  background:#fff!important;
  color:var(--edge-blue)!important;
  border:0!important;
  border-radius:11px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
body:has(.dashboard-header) .ai-launch-btn:hover{background:#effaff!important;color:#004499!important}
body:has(.dashboard-header) .kpis{gap:15px!important;margin-bottom:24px!important}
body:has(.dashboard-header) .kpi{
  min-height:118px!important;
  padding:22px!important;
  border:1px solid var(--edge-line)!important;
  border-radius:17px!important;
  box-shadow:0 7px 25px rgba(16,50,84,.055)!important;
  background:#fff!important;
}
body:has(.dashboard-header) .kpi:before{width:4px!important;background:linear-gradient(180deg,var(--edge-cyan),var(--edge-blue))!important}
body:has(.dashboard-header) .kpi-label{color:#71839a!important;font-size:10px!important;letter-spacing:.1em!important}
body:has(.dashboard-header) .kpi-value{font-size:32px!important;color:var(--edge-navy)!important;margin-top:5px!important}
body:has(.dashboard-header) .cards{gap:17px!important}
body:has(.dashboard-header) .card{
  border:1px solid var(--edge-line)!important;
  border-radius:18px!important;
  padding:25px!important;
  box-shadow:0 8px 28px rgba(16,50,84,.045)!important;
  background:#fff!important;
}
body:has(.dashboard-header) .card h2{font-size:21px!important;color:var(--edge-navy)!important}
body:has(.dashboard-header) .card p{font-size:14px!important;color:#657b94!important}
body:has(.dashboard-header) .card:hover{transform:translateY(-2px)!important;border-color:#b9d5ee!important;box-shadow:0 18px 38px rgba(0,72,136,.10)!important}
body:has(.dashboard-header) .btn{border-radius:10px!important;background:var(--edge-gradient)!important;padding:11px 17px!important}
body:has(.dashboard-header) .btn-secondary{background:#fff!important;color:var(--edge-blue)!important;border:1px solid #b9d5ee!important}
body:has(.dashboard-header) .notice{border-radius:12px!important;background:#e9fbff!important;color:#00687b!important;border-color:#b8edf4!important}

/* Other application pages retain their existing top navigation but get the V2 skin. */
body:has(.header) .header{
  background:#fff!important;
  border-bottom:1px solid var(--edge-line)!important;
  box-shadow:0 4px 18px rgba(16,50,84,.05)!important;
}
body:has(.header) .container{max-width:1240px!important}
body:has(.header) .card{border-radius:18px!important;border-color:var(--edge-line)!important;box-shadow:0 8px 26px rgba(16,50,84,.05)!important}

@media(max-width:1050px){
  body:has(.dashboard-header) .dashboard-main{padding-left:30px!important;padding-right:30px!important}
  body:has(.dashboard-header) .kpis{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
  body:has(.dashboard-header) .dashboard-header{
    position:static!important;width:100%!important;height:auto!important;min-height:0!important;
    padding:14px 16px!important;border-radius:0!important;
  }
  body:has(.dashboard-header) .dashboard-header .brand{margin-bottom:8px!important}
  body:has(.dashboard-header) .nav-wrap{display:block!important}
  body:has(.dashboard-header) .nav{flex-direction:row!important;overflow-x:auto!important;padding-bottom:5px!important}
  body:has(.dashboard-header) .nav a{white-space:nowrap!important}
  body:has(.dashboard-header) .account{margin-top:8px!important}
  body:has(.dashboard-header) .account-menu{padding-left:0!important;width:auto!important;margin-left:auto!important}
  body:has(.dashboard-header) .dashboard-main{margin-left:0!important;padding:24px 15px 48px!important}
  body:has(.dashboard-header) .hero{padding:26px 23px!important;border-radius:20px!important}
  body:has(.dashboard-header) .hero h1{font-size:28px!important}
  body:has(.dashboard-header) .hero-top{gap:18px!important}
}