*{box-sizing:border-box}:root{--bg:#020a14;--line:#183754;--text:#eef6ff;--muted:#91a5ba;--cyan:#14cfff}
html,body{margin:0;min-height:100%;background:#020a14;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button{font:inherit;color:inherit}
.shell{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 58% 5%,rgba(0,104,255,.13),transparent 31%),linear-gradient(120deg,#020a14,#06182a)}
.sidebar{height:100vh;position:sticky;top:0;padding:26px 14px 20px;border-right:1px solid #14304a;background:linear-gradient(#03101df7,#020c17fa);display:flex;flex-direction:column}
.logo{display:flex;gap:14px;padding:0 18px 24px;align-items:flex-start}.logo-mark{font-size:43px;color:var(--cyan);line-height:.72}.logo strong{font-size:21px;letter-spacing:.22em}.logo span{display:block;color:var(--cyan);font-size:10px;letter-spacing:.25em;text-align:center;margin-top:6px}
.nav{display:grid;gap:4px}.nav button{height:42px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;padding:0 15px;color:#c5d2df;cursor:pointer;display:flex;gap:13px;align-items:center}.nav button:hover,.nav button.active{background:linear-gradient(90deg,rgba(19,90,153,.55),rgba(9,40,69,.55));border-color:#24527c;color:#fff}
.system{border-top:1px solid #15304a;margin-top:12px;padding:14px 12px}.section-label{font-size:10px;color:#7f96ad;letter-spacing:.14em;margin-bottom:12px}.system>div:not(.section-label){display:flex;justify-content:space-between;color:#9db0c2;font-size:11px;margin:11px 0}.system b{color:#20e3a0;font-size:10px;font-weight:500}
.theme-box{display:flex;align-items:center;gap:8px;border:1px solid #17344f;border-radius:8px;padding:9px 12px;font-size:11px}.theme-box>span{margin-right:auto}.theme-box button{width:30px;height:30px;border:0;border-radius:50%;background:#09203a}.theme-box i{width:42px;height:25px;border-radius:20px;background:#1f68cf;position:relative}.theme-box i:after{content:"";position:absolute;width:19px;height:19px;background:#fff;border-radius:50%;right:3px;top:3px}
.sidebar footer{margin-top:auto;color:#70869b;font-size:10px;line-height:2}.main{min-width:0;padding:0 22px 20px}
.topbar{height:85px;border-bottom:1px solid #17304a;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;color:#8ba0b6;font-size:11px}.hello b{color:var(--cyan)}.hello small{display:block;margin-top:9px}.compass{width:52px;height:52px;border:1px solid #26527b;transform:rotate(45deg);display:grid;place-items:center;font:700 21px Georgia}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.top-actions button{height:36px;min-width:36px;background:#06172a;border:1px solid #1b3b5a;border-radius:8px}.notify{position:relative}.notify em{position:absolute;right:-5px;top:-8px;background:#347cff;border-radius:10px;padding:2px 5px;font-size:9px}.avatar{width:42px;height:42px;border:1px solid #2b76ae;border-radius:50%;display:grid;place-items:center}
.hero{height:292px;padding:29px 18px;display:grid;grid-template-columns:1fr 300px;gap:25px;background:linear-gradient(90deg,#03101ffc 0%,#03101fa6 38%,#03101f0a 74%),url('../assets/hero-clean.jpg') 67% center/cover}.hero h1{font:700 46px/1.03 'Playfair Display',Georgia;margin:0 0 16px}.hero h1 span{color:var(--cyan)}.hero p{color:#a9b8c8;line-height:1.65}.signature{font:italic 23px cursive;color:#b7c7d6}.stats{display:flex;margin-top:10px;width:max-content;border:1px solid #193650;border-radius:8px;background:#061b30cc}.stats div{padding:8px 16px;border-right:1px solid #193650}.stats div:last-child{border-right:0}.stats small{color:#8da2b7;font-size:9px}.stats strong{display:block;color:#fff;font-size:13px}
.thought{align-self:start;min-height:207px;padding:20px 22px;border:1px solid #1b3b5a;border-radius:8px;background:#09203add;backdrop-filter:blur(8px)}.quote{font:48px Georgia}.thought p{font:15px/1.5 Georgia;color:#e6edf5}.thought small{color:#9eb0c3}
.modules{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:3px}.module-card{height:202px;border:1px solid #1a3c5b;border-radius:7px;padding:14px;position:relative;overflow:hidden;background:linear-gradient(180deg,#03101f10,#03101ff5 74%),var(--image) center top/cover;cursor:pointer}.module-card:hover{filter:brightness(1.12)}.module-card .spacer{height:76px}.module-card h2{font-size:17px;margin:8px 0}.module-card p{font-size:11px;line-height:1.45;color:#a4b4c5}.module-card button{position:absolute;right:9px;bottom:8px;border:0;background:none}
.projects{margin-top:14px}.section-title{display:flex;justify-content:space-between}.section-title h3{font-size:14px;margin:0 0 9px}.section-title button{border:0;background:none;color:#4c9dff;font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.project-card{height:181px;border:1px solid #183754;border-radius:7px;overflow:hidden;background:#061527;position:relative;cursor:pointer}.project-card img{width:100%;height:88px;object-fit:cover}.project-card h4{font-size:13px;margin:8px 10px 4px}.project-card p{font-size:10px;line-height:1.4;color:#90a3b8;margin:0 10px;height:28px;overflow:hidden}.project-card span{position:absolute;bottom:8px;left:10px;background:#08294a;border:1px solid #154a77;color:#57aaff;border-radius:4px;padding:3px 7px;font-size:9px}.project-card button{position:absolute;right:9px;bottom:8px;border:0;background:none}
.dashboard-grid{display:grid;grid-template-columns:1.05fr 1.1fr 1.05fr 1fr;gap:8px;margin-top:12px}.panel{height:181px;border:1px solid #183754;border-radius:7px;background:linear-gradient(#071a2e,#061426);padding:14px}.panel h3{font-size:14px;margin:0}.tasks label{display:flex;gap:7px;margin:10px 0;font-size:9px;color:#9fb1c4}.tasks small{margin-left:auto}.tasks>button{border:0;background:none;color:#4ca5ff;font-size:10px}.rings{display:flex;justify-content:space-between;margin-top:20px}.rings i{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle,#071a2e 58%,transparent 60%),conic-gradient(#1bd9c2 0 40%,#397cff 40% 72%,#1b334b 72%);display:grid;place-items:center;font-style:normal;font-size:12px}.rings small{display:block;font-size:8px;color:#8499ad}.monitor-meta{display:flex;justify-content:space-between;border-top:1px solid #17344f;margin-top:16px;padding-top:10px}.monitor-meta span{font-size:8px;color:#8195aa}.monitor-meta b{display:block;color:#fff;font-size:11px}
.finance h3{display:flex;justify-content:space-between}.finance h3 button{font-size:9px;background:#0a2036;border:1px solid #23415f}.finance-row{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;color:#8ca0b4}.finance-row b{display:block;color:#fff;font-size:12px}.finance-row i{color:#14d29b}.spark{height:13px;margin:-14px 0 0 55%;clip-path:polygon(0 76%,10% 62%,20% 71%,30% 38%,40% 55%,50% 24%,60% 40%,70% 10%,80% 32%,90% 15%,100% 0,100% 100%,0 100%)}.blue{background:#168cff}.red{background:#ff4c57}.purple{background:#8a62ff}
.note textarea{width:100%;height:85px;margin:12px 0;background:#061528;border:1px solid #1a3b59;border-radius:6px;color:#fff;padding:10px;resize:none}.note button{width:100%;height:34px;border:0;border-radius:5px;background:linear-gradient(90deg,#725bff,#2f71ff)}
.modal{position:fixed;inset:0;background:#000a;backdrop-filter:blur(8px);display:none;place-items:center;z-index:50}.modal.open{display:grid}.modal-card{width:min(420px,calc(100% - 30px));background:#09203a;border:1px solid #28547c;border-radius:12px;padding:28px;text-align:center;position:relative}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px}.modal-logo{width:52px;height:52px;margin:auto;display:grid;place-items:center;border:1px solid #3a7faf;transform:rotate(45deg);color:#12cfff}.modal-card p{color:#9fb2c5}.modal-card #modalOk{background:#1f7dff;border:0;border-radius:6px;padding:10px 25px}
@media(max-width:1200px){.shell{grid-template-columns:210px minmax(0,1fr)}.modules,.project-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:relative;height:auto}.nav{grid-template-columns:repeat(2,1fr)}.system,.theme-box,.sidebar footer{display:none}.main{padding:0 10px}.topbar{grid-template-columns:1fr auto}.compass{display:none}.top-actions>span{display:none}.hero{height:auto;display:block}.hero h1{font-size:39px}.thought{margin-top:25px}.modules,.project-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}
/* Layout correction pass */
.hero{position:relative;overflow:hidden;background-color:#03101f}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#03101f 0%,rgba(3,16,31,.88) 34%,rgba(3,16,31,.12) 67%,rgba(3,16,31,.55) 100%);z-index:0}
.hero-copy,.thought{position:relative;z-index:1}
.hero-copy{min-width:0}
.thought{max-width:300px;justify-self:end}
.modules{align-items:stretch;margin-top:10px;margin-bottom:18px}
.module-card{display:flex;flex-direction:column;height:222px;padding:0;background:#061527;isolation:isolate}
.module-card:before{content:"";position:absolute;inset:0 0 auto;height:118px;background:var(--image) center/cover no-repeat;z-index:-2}
.module-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,13,25,.02) 0,rgba(3,13,25,.32) 42%,#061527 59%,#061527 100%);z-index:-1}
.module-visual{height:108px!important;display:flex;align-items:flex-start;padding:14px}
.module-symbol{width:44px;height:44px;border:1px solid rgba(84,166,255,.35);border-radius:12px;display:grid;place-items:center;color:#78baff;background:rgba(5,25,48,.72);backdrop-filter:blur(5px);box-shadow:0 0 25px rgba(44,125,255,.18)}
.module-card:nth-child(1) .module-symbol,.module-card:nth-child(6) .module-symbol{color:#b378ff;border-color:rgba(179,120,255,.45)}
.module-card:nth-child(5) .module-symbol{color:#49dcff}
.module-card .spacer{display:none}
.module-card h2{margin:2px 14px 5px}
.module-card p{margin:0 14px;padding-right:22px}
.module-card button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #24445f;border-radius:50%;background:rgba(3,15,28,.78)}
.icon{width:20px;height:20px;flex:0 0 auto}
.module-symbol .icon{width:25px;height:25px}
.arrow-icon{width:15px;height:15px}
.projects{clear:both;margin-top:0;padding-top:0}
.section-title{min-height:28px;align-items:center}
.project-grid{align-items:stretch}
.project-card{height:205px;display:flex;flex-direction:column}
.project-card img{height:100px;flex:0 0 100px}
.project-card h4{white-space:normal;line-height:1.25;min-height:32px}
.project-card p{height:auto;min-height:28px}
.dashboard-grid{margin-top:16px;align-items:stretch}
.panel{height:205px;overflow:hidden}
.tasks label{line-height:1.25}
.finance{display:flex;flex-direction:column}
.finance-chart{height:104px;margin-top:10px;border-radius:5px;overflow:hidden;background:linear-gradient(180deg,rgba(12,44,75,.55),rgba(4,18,34,.2))}
.finance-chart svg{width:100%;height:100%;display:block}
.grid-lines path{stroke:#25425b;stroke-width:.65;opacity:.45}
.area{fill:url(#areaIncome)}
.income-line,.expense-line{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}
.income-line{stroke:#22a6ff}.expense-line{stroke:#ff5869;stroke-width:1.7}
.finance-legend{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:9px}
.finance-legend span{font-size:8px;color:#859bb0;white-space:nowrap}
.finance-legend b{display:block;color:#fff;font-size:10px;margin-top:2px}
.finance-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.income-dot{background:#22a6ff}.expense-dot{background:#ff5869}
@media (min-width:1201px){
  .main{overflow:hidden}
  .modules{grid-template-columns:repeat(6,minmax(0,1fr))}
  .project-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* Second layout correction */
.stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(92px,1fr));
  width:min(100%,520px);
  margin-top:12px;
}
.stats div{
  min-width:0;
  padding:8px 12px;
}
.stats small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.2;
}
.stats strong{
  margin-top:3px;
}

.module-card{
  height:224px;
  padding:0;
  display:flex;
  flex-direction:column;
  background:#061527!important;
}
.module-preview{
  width:100%;
  height:112px;
  object-fit:cover;
  display:block;
  flex:0 0 112px;
  filter:saturate(.95) brightness(.9);
}
.module-card:before,
.module-card:after{
  display:none!important;
}
.module-visual{
  position:absolute;
  top:12px;
  left:12px;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  z-index:2;
}
.module-symbol{
  background:rgba(4,18,34,.82);
}
.module-card h2{
  margin:11px 14px 5px;
}
.module-card p{
  margin:0 14px;
}
.module-card button{
  z-index:3;
}
.modules{
  margin-bottom:18px;
}
.projects{
  position:relative;
  z-index:1;
}

@media(max-width:1500px){
  .stats{grid-template-columns:repeat(4,minmax(80px,1fr));width:min(100%,470px)}
  .stats small{font-size:8px}
  .stats strong{font-size:12px}
}
@media(max-width:1150px){
  .stats{grid-template-columns:repeat(2,minmax(110px,1fr));width:360px}
}
@media(max-width:760px){
  .stats{grid-template-columns:repeat(2,minmax(100px,1fr));width:100%}
  .module-preview{height:105px;flex-basis:105px}
}

/* Final authoritative stats strip */
.hero-copy .stats{
  display:grid!important;
  grid-template-columns:92px 92px 112px 110px!important;
  width:406px!important;
  max-width:406px!important;
  min-width:406px!important;
  height:42px!important;
  margin-top:12px!important;
  padding:0!important;
  border:1px solid #193650!important;
  border-radius:7px!important;
  overflow:hidden!important;
  background:rgba(6,27,48,.88)!important;
}
.hero-copy .stats div{
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  padding:5px 9px!important;
  border-right:1px solid #193650!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow:hidden!important;
}
.hero-copy .stats div:last-child{border-right:0!important}
.hero-copy .stats small{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-size:7px!important;
  line-height:9px!important;
  letter-spacing:0!important;
  color:#8da2b7!important;
}
.hero-copy .stats strong{
  display:block!important;
  margin:1px 0 0!important;
  font-size:11px!important;
  line-height:12px!important;
  color:#fff!important;
}
@media(max-width:1300px){
  .hero-copy .stats{
    grid-template-columns:84px 80px 102px 100px!important;
    width:366px!important;
    max-width:366px!important;
    min-width:366px!important;
  }
  .hero-copy .stats div{padding:5px 7px!important}
  .hero-copy .stats small{font-size:6.6px!important}
}
@media(max-width:980px){
  .hero-copy .stats{
    grid-template-columns:repeat(4,1fr)!important;
    width:100%!important;
    max-width:420px!important;
    min-width:0!important;
  }
}

/* Hero height correction: keep statistics fully inside the hero block */
.hero{
  height:320px!important;
  min-height:320px!important;
  padding-top:28px!important;
  padding-bottom:26px!important;
  align-items:start!important;
}
.hero-copy{
  display:flex!important;
  flex-direction:column!important;
  min-height:286px!important;
}
.hero-copy .signature{
  margin-top:10px!important;
}
.hero-copy .stats{
  margin-top:auto!important;
  margin-bottom:0!important;
  position:static!important;
  flex-shrink:0!important;
}
.thought{
  margin-top:0!important;
}
@media(max-width:1300px){
  .hero{
    height:330px!important;
    min-height:330px!important;
  }
  .hero-copy{
    min-height:276px!important;
  }
}
@media(max-width:760px){
  .hero{
    height:auto!important;
    min-height:0!important;
    padding-bottom:24px!important;
  }
  .hero-copy{
    min-height:0!important;
  }
  .hero-copy .stats{
    margin-top:18px!important;
  }
}