/* QUARZEO High-Tech UI v10 — visual layer only, no business logic changed */
:root{
  --qz-midnight:#071221;
  --qz-navy:#0a2038;
  --qz-blue:#1268ff;
  --qz-cyan:#20d9ff;
  --qz-violet:#7c5cff;
  --qz-coral:#ff6b7a;
  --qz-lime:#5ce6ad;
  --qz-ink:#102a42;
  --qz-muted:#6e8498;
  --qz-line:rgba(16,64,105,.12);
  --qz-surface:rgba(255,255,255,.82);
  --qz-glow:0 22px 70px rgba(16,70,120,.12);
}

html{scroll-behavior:smooth}
body.qz-hightech{
  --mouse-x:72%;--mouse-y:18%;
  background:
    radial-gradient(circle at var(--mouse-x) var(--mouse-y),rgba(32,217,255,.13),transparent 24rem),
    linear-gradient(135deg,#f6f9fd 0%,#eef5fb 52%,#f7f5ff 100%);
  color:var(--qz-ink);
}
body.qz-hightech:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(29,101,159,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(29,101,159,.055) 1px,transparent 1px);
  background-size:36px 36px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%);
}

/* Login */
body.qz-hightech .qz-auth,
body.qz-hightech .loginView{
  background:
    radial-gradient(circle at 14% 18%,rgba(32,217,255,.17),transparent 25rem),
    radial-gradient(circle at 90% 80%,rgba(124,92,255,.2),transparent 30rem),
    linear-gradient(145deg,#06111f,#0b213b 55%,#101733)!important;
  overflow:hidden;
}
body.qz-hightech .qz-auth:before,
body.qz-hightech .loginView:before{
  content:"";position:absolute;inset:-20%;pointer-events:none;opacity:.22;
  background:repeating-linear-gradient(105deg,transparent 0 78px,rgba(66,218,255,.2) 79px 80px);
  animation:qzGridDrift 18s linear infinite;
}
body.qz-hightech .qz-auth-box,
body.qz-hightech .loginCard{
  position:relative;z-index:1;border:1px solid rgba(121,222,255,.24)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(244,249,255,.88))!important;
  border-radius:28px!important;box-shadow:0 34px 100px rgba(0,7,25,.44),inset 0 1px 0 #fff!important;
}
body.qz-hightech .qz-auth-box{padding:31px}
body.qz-hightech .qz-auth-brand span{background:linear-gradient(100deg,#fff,#80eaff 45%,#a792ff)!important;-webkit-background-clip:text!important;background-clip:text!important}
body.qz-hightech .qz-auth-brand b{color:#65e5ff!important}
body.qz-hightech .qz-auth form button[type="submit"],
body.qz-hightech .loginCard>button{
  background:linear-gradient(115deg,#1268ff,#6a5cff 52%,#19c9ee)!important;
  box-shadow:0 16px 36px rgba(44,94,255,.3)!important;transition:.25s ease!important;
}
body.qz-hightech .qz-auth form button:hover,
body.qz-hightech .loginCard>button:hover{transform:translateY(-2px);filter:saturate(1.18) brightness(1.05)}

/* App frame */
body.qz-hightech .app{grid-template-columns:276px 1fr;background:transparent}
body.qz-hightech .sidebar{
  width:276px;padding:20px 15px;
  background:
    radial-gradient(circle at 16% 2%,rgba(32,217,255,.22),transparent 15rem),
    radial-gradient(circle at 100% 78%,rgba(124,92,255,.19),transparent 18rem),
    linear-gradient(180deg,#071624,#091e34 52%,#071423);
  border-right:1px solid rgba(90,211,255,.14);box-shadow:22px 0 70px rgba(8,27,50,.19);
}
body.qz-hightech .sidebar:after{content:"";position:absolute;inset:0 0 0 auto;width:1px;background:linear-gradient(transparent,#39dfff 32%,#7c5cff 66%,transparent);opacity:.4}
body.qz-hightech .sideBrand{padding:8px 10px 18px;gap:11px}
body.qz-hightech .sideBrand img{width:154px;filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(61,223,255,.22))}
body.qz-hightech .sideBrand span{background:linear-gradient(115deg,#24d7f3,#7163ff);padding:6px 9px;border-radius:999px;box-shadow:0 0 18px rgba(47,211,255,.24)}
body.qz-hightech .roleCard,body.qz-hightech .centerMini{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-color:rgba(129,221,255,.17);box-shadow:inset 0 1px rgba(255,255,255,.07)}
body.qz-hightech .roleCard b{color:#7deaff;background:rgba(32,217,255,.1);border-color:rgba(32,217,255,.22)}
body.qz-hightech .navGroup>span{color:#668ba5;padding-top:11px}
body.qz-hightech .navGroup a{position:relative;min-height:39px;color:#a9bfd0;border:1px solid transparent;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}
body.qz-hightech .navGroup a:hover{transform:translateX(3px);background:rgba(255,255,255,.055);border-color:rgba(110,215,255,.1);color:#fff}
body.qz-hightech .navGroup a.active{background:linear-gradient(110deg,rgba(22,104,255,.42),rgba(32,217,255,.11));border-color:rgba(91,211,255,.22);box-shadow:0 9px 24px rgba(0,49,115,.25),inset 3px 0 #28dcff;color:#fff}
body.qz-hightech .navGroup a.active:after{content:"";position:absolute;right:10px;width:6px;height:6px;border-radius:50%;background:#5ce6ad;box-shadow:0 0 12px #5ce6ad}
body.qz-hightech .navIcon{transition:transform .25s ease,color .25s ease}
body.qz-hightech .navGroup a:hover .navIcon{transform:scale(1.12) rotate(-4deg);color:#60e2ff}
body.qz-hightech .workspace{padding:0 34px 58px;background:transparent}
body.qz-hightech .topbar{
  height:96px;background:linear-gradient(90deg,rgba(244,249,253,.82),rgba(246,249,255,.68));
  border-color:rgba(27,94,146,.1);backdrop-filter:blur(22px) saturate(1.35);
}
body.qz-hightech .topbar h1{font-size:30px;color:#09233d;letter-spacing:-.045em}
body.qz-hightech .topbar>div:first-child span{color:#267da8}
body.qz-hightech .qz-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(34,179,139,.2);border-radius:999px;background:rgba(255,255,255,.66);color:#237a62;font-size:8px;font-weight:950;letter-spacing:.11em;white-space:nowrap}
body.qz-hightech .qz-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#48dcab;box-shadow:0 0 0 0 rgba(72,220,171,.5);animation:qzPulse 2s infinite}
body.qz-hightech .topRight,body.qz-hightech .topActions{display:flex;align-items:center;gap:9px}
body.qz-hightech .search,body.qz-hightech .globalSearch{border-color:rgba(34,102,151,.13);background:rgba(255,255,255,.72);box-shadow:0 10px 32px rgba(20,67,105,.07);transition:.22s ease}
body.qz-hightech .search:focus-within,body.qz-hightech .globalSearch:focus-within{border-color:rgba(32,190,231,.48);box-shadow:0 0 0 4px rgba(32,217,255,.09),0 13px 35px rgba(16,75,120,.1)}
body.qz-hightech .refreshBtn,body.qz-hightech .actor,body.qz-hightech .iconBtn,body.qz-hightech .profileChip{border-color:rgba(31,99,151,.13);background:rgba(255,255,255,.72);box-shadow:0 9px 25px rgba(26,69,105,.06);transition:.22s ease}
body.qz-hightech .refreshBtn:hover,body.qz-hightech .actor:hover,body.qz-hightech .iconBtn:hover,body.qz-hightech .profileChip:hover{transform:translateY(-2px);border-color:rgba(32,190,231,.38);box-shadow:0 13px 28px rgba(24,81,128,.12)}
body.qz-hightech .content{max-width:1540px;padding-top:24px}

/* Content system */
body.qz-hightech .pageIntro h2{font-size:40px;color:#0a2741}
body.qz-hightech .pageIntro span,body.qz-hightech .eyebrow{color:#0f85ae}
body.qz-hightech .introHero{
  position:relative;overflow:hidden;padding:27px 30px;border:1px solid rgba(99,225,255,.2);
  background:
    radial-gradient(circle at 88% 12%,rgba(82,216,255,.28),transparent 18rem),
    radial-gradient(circle at 58% 130%,rgba(124,92,255,.38),transparent 23rem),
    linear-gradient(125deg,#07192c,#0b3560 55%,#0e4f74);
  box-shadow:0 25px 70px rgba(7,31,58,.26);transform:translateZ(0);
}
body.qz-hightech .introHero:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(100,221,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(100,221,255,.3) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black);animation:qzGridDrift 22s linear infinite}
body.qz-hightech .introHero>*{position:relative;z-index:1}
body.qz-hightech .introHero h2{font-size:34px}
body.qz-hightech .introStats div{background:rgba(255,255,255,.085);border-color:rgba(127,226,255,.2);backdrop-filter:blur(10px);transition:.22s ease}
body.qz-hightech .introStats div:hover{transform:translateY(-3px);background:rgba(255,255,255,.13)}
body.qz-hightech .kpis{gap:14px;margin:17px 0}
body.qz-hightech .kpi,body.qz-hightech .panel,body.qz-hightech .actionCard,
body.qz-hightech .healthCard,body.qz-hightech .teamCard,body.qz-hightech .formCard,
body.qz-hightech .billingPartner{
  position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,251,255,.76));
  border-color:var(--qz-line);box-shadow:var(--qz-glow),inset 0 1px #fff;backdrop-filter:blur(14px);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
body.qz-hightech .kpi:before,body.qz-hightech .panel:before,body.qz-hightech .actionCard:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#1268ff,#20d9ff 48%,#7c5cff);opacity:.72}
body.qz-hightech .kpi:nth-child(2):before,body.qz-hightech .actionCard:nth-child(2):before{background:linear-gradient(90deg,#7c5cff,#c15cff)}
body.qz-hightech .kpi:nth-child(3):before,body.qz-hightech .actionCard:nth-child(3):before{background:linear-gradient(90deg,#16c898,#5ce6ad)}
body.qz-hightech .kpi:nth-child(4):before,body.qz-hightech .actionCard:nth-child(4):before{background:linear-gradient(90deg,#ff8a5c,#ff5c86)}
body.qz-hightech .kpi:hover,body.qz-hightech .panel:hover,body.qz-hightech .actionCard:hover{transform:translateY(-3px);border-color:rgba(34,156,213,.23);box-shadow:0 27px 70px rgba(20,72,113,.16),inset 0 1px #fff}
body.qz-hightech .kpi strong,body.qz-hightech .actionCard strong{font-size:29px;background:linear-gradient(120deg,#0a2a47,#1268ff 68%,#17bcdc);-webkit-background-clip:text;background-clip:text;color:transparent}
body.qz-hightech .panelHead h3{font-size:21px;color:#0b2945}
body.qz-hightech .row,body.qz-hightech .prospectCard,body.qz-hightech .applicationCard,
body.qz-hightech .table,body.qz-hightech .toolbar,body.qz-hightech .kanbanCol{
  border-color:rgba(26,90,138,.1);background:rgba(255,255,255,.72);box-shadow:0 8px 26px rgba(20,66,101,.045);transition:.22s ease;
}
body.qz-hightech .row:hover,body.qz-hightech .prospectCard:hover,body.qz-hightech .applicationCard:hover{transform:translateX(3px);border-color:rgba(32,180,223,.25);box-shadow:0 12px 30px rgba(19,78,120,.09)}
body.qz-hightech .progress{height:8px;background:#e7eff6}
body.qz-hightech .progress i{background:linear-gradient(90deg,#1268ff,#20d9ff 60%,#66e2be);box-shadow:0 0 12px rgba(32,217,255,.42)}
body.qz-hightech .badge,body.qz-hightech .tag{background:#e7f6ff;color:#0d6e9d;border:1px solid rgba(17,132,180,.1)}
body.qz-hightech .badge.green,body.qz-hightech .tag.green{background:#e8fbf5;color:#188064}
body.qz-hightech .badge.gold,body.qz-hightech .tag.gold{background:#fff5df;color:#976111}
body.qz-hightech .badge.red,body.qz-hightech .tag.red{background:#fff0f3;color:#a93d58}
body.qz-hightech .primary{background:linear-gradient(115deg,#1268ff,#715cff 58%,#17cce8);box-shadow:0 12px 28px rgba(47,93,224,.23);transition:.22s ease}
body.qz-hightech .primary:hover{transform:translateY(-2px);filter:saturate(1.15);box-shadow:0 17px 34px rgba(47,93,224,.3)}
body.qz-hightech .secondary:hover,body.qz-hightech .mini:hover{border-color:rgba(32,179,219,.35);color:#0f74a1;transform:translateY(-1px)}
body.qz-hightech .coverageMap{background:radial-gradient(circle at 42% 72%,rgba(32,217,255,.35),transparent 10%),radial-gradient(circle at 55% 28%,rgba(124,92,255,.23),transparent 10%),linear-gradient(145deg,#e7f5ff,#f9fbff);box-shadow:inset 0 0 60px rgba(31,102,166,.07)}
body.qz-hightech .mapDot{background:#1268ff;box-shadow:0 0 0 9px rgba(18,104,255,.1),0 0 20px rgba(18,104,255,.55);animation:qzMapPulse 2.6s infinite}
body.qz-hightech .searchResults{background:rgba(255,255,255,.91);backdrop-filter:blur(24px);border-color:rgba(41,135,191,.18);box-shadow:0 28px 80px rgba(9,37,66,.22)}
body.qz-hightech .modalCard{background:linear-gradient(145deg,#fff,#f4f9ff);border-color:rgba(34,142,199,.2);box-shadow:0 35px 100px rgba(4,22,42,.33)}
body.qz-hightech .toast{background:linear-gradient(115deg,#09263f,#12568a);border:1px solid rgba(90,220,255,.3);box-shadow:0 18px 45px rgba(5,34,59,.35)}
body.qz-hightech .qz-reveal{opacity:0;transform:translateY(12px)}
body.qz-hightech .qz-reveal.qz-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.72,.2,1)}
body.qz-hightech .qz-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.42);transform:scale(0);pointer-events:none;animation:qzRipple .55s ease-out}

@keyframes qzGridDrift{to{transform:translate3d(44px,0,0)}}
@keyframes qzPulse{70%{box-shadow:0 0 0 8px rgba(72,220,171,0)}100%{box-shadow:0 0 0 0 rgba(72,220,171,0)}}
@keyframes qzMapPulse{50%{box-shadow:0 0 0 15px rgba(18,104,255,0),0 0 28px rgba(18,104,255,.5)}}
@keyframes qzRipple{to{transform:scale(4);opacity:0}}

@media(max-width:1100px){body.qz-hightech .app{grid-template-columns:82px 1fr}body.qz-hightech .sidebar{width:82px}body.qz-hightech .sideBrand img,body.qz-hightech .roleCard,body.qz-hightech .centerMini,body.qz-hightech .navGroup>span,body.qz-hightech .navGroup a>span:not(.navIcon),body.qz-hightech .sidebarFoot{display:none!important}body.qz-hightech .navGroup a{justify-content:center}body.qz-hightech .workspace{grid-column:2;padding-inline:22px}body.qz-hightech .search,body.qz-hightech .globalSearch{width:230px}}
@media(max-width:760px){body.qz-hightech .app{display:block}body.qz-hightech .sidebar{position:fixed;inset:auto 10px 10px;width:auto;height:66px;padding:8px;display:flex;flex-direction:row;overflow:auto;border:1px solid rgba(85,208,255,.2);border-radius:20px;z-index:100}body.qz-hightech .sidebar .sideBrand,body.qz-hightech .sidebar .roleCard,body.qz-hightech .sidebar .centerMini,body.qz-hightech .sidebar .navGroup>span,body.qz-hightech .sidebarFoot{display:none!important}body.qz-hightech .sidebar nav{display:flex}body.qz-hightech .navGroup{display:flex;margin:0}body.qz-hightech .navGroup a{min-width:50px;height:50px;padding:0}body.qz-hightech .workspace{padding:0 15px 92px}body.qz-hightech .topbar{height:auto;min-height:82px;align-items:flex-start;padding:14px 0}body.qz-hightech .topRight,body.qz-hightech .topActions{flex-wrap:wrap;justify-content:flex-end}body.qz-hightech .search,body.qz-hightech .globalSearch{order:3;width:100%}body.qz-hightech .qz-live{display:none}body.qz-hightech .pageIntro{align-items:flex-start;flex-direction:column}body.qz-hightech .introHero{align-items:flex-start;flex-direction:column}.introStats{width:100%;overflow:auto}body.qz-hightech .kpis,body.qz-hightech .grid2,body.qz-hightech .grid3,body.qz-hightech .settingsGrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){body.qz-hightech .topbar h1{font-size:23px}body.qz-hightech .actor{display:none}body.qz-hightech .kpis,body.qz-hightech .grid2,body.qz-hightech .grid3,body.qz-hightech .settingsGrid,body.qz-hightech .actionCards{grid-template-columns:1fr}body.qz-hightech .introHero{padding:22px 18px}body.qz-hightech .introHero h2,body.qz-hightech .pageIntro h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.qz-hightech .qz-reveal{opacity:1;transform:none}}