/* =========================================================
   NeoPusula Portal — Visual V2
   DESIGN ONLY. No DOM architecture, IDs, data attributes, routes,
   auth/session logic or JS behaviour are changed.
   ========================================================= */
:root{
  --ink:#0a1726;
  --muted:#65778a;
  --line:#dbe5ed;
  --paper:#eef4f8;
  --surface:#ffffff;
  --navy:#06192b;
  --navy-2:#0a2c49;
  --blue:#0877c9;
  --blue-2:#2aa8ef;
  --blue-soft:#e8f5fe;
  --orange:#f58a22;
  --green:#168065;
  --red:#bd584d;
  --radius:20px;
  --sidebar:276px;
  --v2-shadow:0 12px 34px rgba(19,55,79,.08);
  --v2-shadow-lg:0 26px 70px rgba(13,42,63,.12);
}
*{scrollbar-color:#bfd0dc transparent}
html{background:#eaf1f6}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 88% -8%,rgba(8,119,201,.08),transparent 32rem),
    linear-gradient(180deg,#f4f8fb 0,#edf3f7 100%);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.012em;
}
button,a,input,select{font-family:inherit!important}
button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
button:active{transform:scale(.985)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(8,119,201,.16);outline-offset:2px}

/* Loading */
.session-checking>.session-splash{
  background:radial-gradient(circle at 50% 42%,rgba(8,119,201,.10),transparent 15rem),#f6f9fb;
}
.session-splash img{width:76px;height:76px;filter:drop-shadow(0 16px 24px rgba(8,119,201,.14))}
.session-splash strong{font-size:15px;letter-spacing:-.025em}.session-splash span{font-size:11px;color:#718295}

/* ===== GATEWAY: obvious visual redesign ===== */
.gateway{
  grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr)!important;
  background:#eff5f8!important;
}
.gateway-brand{
  margin:14px 0 14px 14px!important;
  min-height:calc(100vh - 28px)!important;
  border-radius:30px!important;
  padding:clamp(38px,5.5vw,76px)!important;
  background:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),
    radial-gradient(circle at 8% 90%,rgba(42,168,239,.28),transparent 22rem),
    radial-gradient(circle at 87% 12%,rgba(8,119,201,.28),transparent 25rem),
    linear-gradient(145deg,#04111f 0,#082a47 68%,#074773 100%)!important;
  background-size:48px 48px,48px 48px,auto,auto,auto!important;
  box-shadow:0 30px 80px rgba(5,26,43,.18)!important;
}
.gateway-brand:after{
  width:480px!important;height:480px!important;right:-220px!important;bottom:-230px!important;
  border-color:rgba(93,200,255,.22)!important;
  box-shadow:0 0 0 76px rgba(72,185,244,.035),0 0 0 154px rgba(72,185,244,.018)!important;
}
.brand{gap:14px!important}.brand img{
  width:50px!important;height:50px!important;padding:5px!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.14)!important
}
.brand strong{font-size:16px!important;letter-spacing:.075em!important}.brand span{font-size:8px!important;letter-spacing:.14em!important}
.gateway-copy{max-width:610px!important}.gateway-copy h1{
  font-size:clamp(48px,5.5vw,80px)!important;line-height:.91!important;letter-spacing:-.072em!important;margin:24px 0 22px!important
}
.gateway-copy h1 em{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;color:#ffae5a!important}
.gateway-copy p{max-width:540px!important;font-size:14px!important;line-height:1.76!important;color:rgba(255,255,255,.68)!important}
.gateway-brand .eyebrow{color:#7fd0ff!important}.brand-foot{font-size:10px!important;color:rgba(255,255,255,.42)!important}
.gateway-main{padding:clamp(40px,6vw,90px)!important;background:transparent!important}
.role-wrap{width:min(660px,100%)!important}.role-head{margin-bottom:28px!important}.role-head h2{font-size:clamp(34px,3.2vw,48px)!important;letter-spacing:-.055em!important}.role-head p{font-size:13px!important}
.role-list{border:0!important;display:grid!important;gap:12px!important}
.role{
  grid-template-columns:64px 1fr auto!important;gap:17px!important;min-height:104px!important;padding:18px!important;
  border:1px solid #d9e5ed!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 28px rgba(14,50,73,.045)!important;backdrop-filter:blur(12px)
}
.role:hover{padding-left:18px!important;transform:translateY(-3px)!important;border-color:#a9d3ee!important;box-shadow:0 20px 44px rgba(14,50,73,.11)!important}
.role-icon{width:58px!important;height:58px!important;border-radius:18px!important;padding:3px!important;overflow:hidden!important;background:#eaf6fd!important}
.role-icon img{width:100%!important;height:100%!important;object-fit:contain!important}.role:nth-child(2) .role-icon{background:#fff3e7!important}.role:nth-child(3) .role-icon{background:#eaf7f3!important}
.role strong{font-size:16px!important;letter-spacing:-.025em!important}.role small{font-size:10px!important;line-height:1.5!important;margin-top:5px!important}
.role-arrow{width:40px!important;height:40px!important;border-radius:13px!important;background:#f4f8fb!important;border-color:#dce7ef!important;color:#4d6a80!important}
.role:hover .role-arrow{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important;transform:translateX(2px)!important}

/* ===== LOGIN ===== */
.login-screen{grid-template-columns:minmax(410px,.9fr) minmax(460px,1.1fr)!important;background:#eef4f8!important}
.login-visual{
  margin:14px 0 14px 14px!important;min-height:calc(100vh - 28px)!important;border-radius:30px!important;
  padding:clamp(34px,5vw,70px)!important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 76% 76%,rgba(42,168,239,.27),transparent 23rem),
    linear-gradient(150deg,#04111f,#082b49 76%)!important;
  background-size:46px 46px,46px 46px,auto,auto!important;
  box-shadow:0 28px 70px rgba(5,26,43,.17)!important;
}
.login-portrait{right:-2%!important;bottom:-10%!important;width:min(82%,590px)!important;height:79%!important;filter:drop-shadow(0 28px 40px rgba(0,0,0,.18))}
.login-message h2{font-size:clamp(34px,4vw,52px)!important;line-height:1!important;letter-spacing:-.06em!important}.login-message p{font-size:12px!important}
.login-main{padding:clamp(32px,6vw,80px)!important}.login-form-wrap{width:min(480px,100%)!important}.login-head h1{font-size:38px!important;letter-spacing:-.055em!important}
.login-head p{font-size:12px!important}.login-form{gap:16px!important}.login-field label{font-size:10px!important}
.login-field input,.login-field select{height:54px!important;border-radius:15px!important;border-color:#d6e3eb!important;background:#fff!important;padding:0 15px!important;font-size:12px!important;box-shadow:0 2px 8px rgba(15,47,70,.025)!important}
.login-field input:focus,.login-field select:focus{border-color:#71bbe8!important;box-shadow:0 0 0 4px rgba(8,119,201,.08)!important}
.password-toggle{right:9px!important;top:9px!important;height:36px!important;border-radius:10px!important;background:#edf5fa!important}
.login-submit{height:54px!important;border-radius:15px!important;background:linear-gradient(135deg,#138bd8,#0870bc)!important;font-size:11px!important;box-shadow:0 14px 30px rgba(8,111,200,.20)!important}.login-submit:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(8,111,200,.26)!important}
.login-demo{border-style:solid!important;border-radius:13px!important;background:#f7fafc!important}

/* ===== PORTAL SHELL: floating modern sidebar ===== */
.app{
  grid-template-columns:var(--sidebar) minmax(0,1fr)!important;
  gap:14px!important;padding:14px!important;
  background:linear-gradient(145deg,#eaf1f6,#f3f7fa 50%,#edf4f8)!important;
}
.sidebar{
  height:calc(100vh - 28px)!important;top:14px!important;border-radius:26px!important;
  padding:18px 14px!important;
  background:
    radial-gradient(circle at 12% 0,rgba(42,168,239,.18),transparent 15rem),
    linear-gradient(180deg,#061725 0,#08253e 58%,#071d31 100%)!important;
  box-shadow:0 26px 60px rgba(6,25,42,.18)!important;overflow:hidden!important
}
.sidebar .brand{padding:4px 8px 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.sidebar .brand img{width:44px!important;height:44px!important;border-radius:14px!important}.sidebar .brand strong{font-size:14px!important}.sidebar .brand span{font-size:7px!important;color:#7cc9f7!important}
.profile{margin:16px 4px 18px!important;padding:16px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}
.profile small{font-size:8px!important;color:#79cbfb!important}.profile strong{font-size:14px!important;margin:7px 0 4px!important}.profile span{font-size:9px!important}
.side-label{font-size:7px!important;margin:10px 10px 8px!important;color:rgba(255,255,255,.32)!important}.nav{gap:5px!important}.nav button{min-height:44px!important;padding:10px 11px!important;border-radius:12px!important;font-size:10.5px!important;color:rgba(255,255,255,.62)!important}.nav button:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}.nav button.active{background:linear-gradient(135deg,#fff,#edf7fd)!important;color:#08253e!important;box-shadow:0 10px 24px rgba(0,0,0,.14)!important}.nav-mark{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(255,255,255,.05)!important}.nav button.active .nav-mark{background:#dff2ff!important;color:#0877c9!important}.side-foot{padding:15px 6px 0!important}.side-foot button{font-size:9px!important;border-radius:8px!important;padding:8px 6px!important}
.main{min-width:0!important;border-radius:26px!important;overflow:clip!important;background:rgba(249,251,252,.72)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 14px 44px rgba(19,55,79,.035)!important}
.topbar{height:72px!important;padding:0 28px!important;background:rgba(249,251,252,.78)!important;border-bottom:1px solid #dee8ef!important;backdrop-filter:blur(20px) saturate(150%)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important}.crumb small{font-size:7.5px!important;color:#8393a1!important}.crumb strong{font-size:14px!important}.outline-btn{height:39px!important;border-radius:12px!important;border-color:#d7e4ec!important;background:#fff!important;color:#466075!important;font-size:9px!important}.avatar{width:40px!important;height:40px!important;background:linear-gradient(145deg,#0a3760,#061b2f)!important;box-shadow:0 9px 20px rgba(7,31,52,.16)!important}
.content{width:min(1320px,calc(100% - 58px))!important;padding:32px 0 58px!important}.view.active{animation:v2Reveal .28s cubic-bezier(.2,.7,.2,1)!important}@keyframes v2Reveal{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}

/* ===== HOME DASHBOARD ===== */
.home-hero{
  padding:32px!important;border-radius:24px!important;margin-bottom:18px!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(111,207,255,.26),transparent 17rem),
    radial-gradient(circle at 74% 110%,rgba(255,153,61,.10),transparent 18rem),
    linear-gradient(135deg,#0879ca 0,#075d9d 56%,#063f6b 100%)!important;
  box-shadow:0 22px 50px rgba(8,87,145,.16)!important
}
.home-hero:after{width:310px!important;height:310px!important;right:-145px!important;top:-170px!important;border-color:rgba(255,255,255,.13)!important;box-shadow:0 0 0 58px rgba(255,255,255,.025)!important}.home-hero h1{font-size:clamp(31px,3.2vw,44px)!important;letter-spacing:-.057em!important}.home-hero p{font-size:11.5px!important;color:rgba(255,255,255,.76)!important}.home-hero small{font-size:8px!important}.home-stats{gap:9px!important}.home-stat{padding:14px!important;border-radius:15px!important;background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(6px)!important}.home-stat strong{font-size:19px!important}.home-stat span{font-size:7.5px!important}
.quick-grid{gap:12px!important;margin-bottom:18px!important}.quick{border-radius:17px!important;border-color:#dce7ee!important;background:#fff!important;box-shadow:0 5px 18px rgba(19,55,79,.04)!important;min-height:88px!important;padding:15px!important}.quick:hover{transform:translateY(-3px)!important;border-color:#acd4ed!important;box-shadow:0 16px 34px rgba(19,55,79,.09)!important}.quick b{width:32px!important;height:32px!important;border-radius:10px!important;background:#e7f5fe!important;display:grid!important;place-items:center!important;color:#0877c9!important;font-size:14px!important;margin-bottom:11px!important}.quick span{font-size:10px!important}
.quick-grid.enhanced .quick{min-height:132px!important;border-radius:20px!important;box-shadow:0 15px 34px rgba(16,38,56,.11)!important}.quick-grid.enhanced .quick:hover{transform:translateY(-4px)!important}.quick-grid.enhanced .quick span{font-size:10px!important}
.home-grid,.home-stack{gap:18px!important}.panel{border:1px solid #dce7ee!important;border-radius:20px!important;background:#fff!important;box-shadow:0 7px 24px rgba(19,55,79,.045)!important}.panel:hover{box-shadow:0 16px 34px rgba(19,55,79,.075)!important}.panel-head{padding:17px 19px!important;min-height:66px!important}.panel-head h2{letter-spacing:-.025em!important}.focus-block{padding:21px!important}.focus-block small{font-size:8px!important}.focus-block h2{font-size:18px!important;letter-spacing:-.03em!important}.focus-block p{font-size:10.5px!important}.media-slot{min-height:150px!important;background:radial-gradient(circle at 90% 15%,rgba(8,119,201,.10),transparent 12rem),linear-gradient(145deg,#e9f5fd,#f7fafc)!important}.report-row{padding:15px 18px!important}.file-symbol,.report-art{border-radius:12px!important;background:#edf7fd!important;color:#0877c9!important}.row-btn{border-radius:10px!important}.teacher-note{padding:16px 18px!important}.teacher-badge{border-radius:12px!important;background:linear-gradient(145deg,#0877c9,#2aa8ef)!important;color:#fff!important}

/* ===== SECONDARY VIEWS ===== */
.page-head{margin-bottom:24px!important}.page-head h1{font-size:clamp(30px,3vw,41px)!important;letter-spacing:-.055em!important}.page-head p{font-size:11.5px!important}.eyebrow{font-size:9px!important;letter-spacing:.13em!important}.primary{border-radius:12px!important;padding:12px 16px!important;background:linear-gradient(135deg,#0d86d5,#086db7)!important;box-shadow:0 9px 20px rgba(8,111,200,.14)!important}.primary:hover{transform:translateY(-2px)!important;box-shadow:0 14px 28px rgba(8,111,200,.21)!important}
.summary-strip{gap:10px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}.summary-strip .metric{border:1px solid #dce7ee!important;border-radius:17px!important;background:#fff!important;padding:18px!important;box-shadow:0 6px 20px rgba(19,55,79,.04)!important}.metric small{font-size:7.5px!important}.metric strong{font-size:21px!important}.metric span{font-size:9px!important}
.table-wrap{overflow:hidden!important}.data-table{border-collapse:separate!important;border-spacing:0!important}.data-table thead th{background:#f4f8fb!important;color:#6b7e90!important;font-size:8px!important;padding:13px 14px!important;border-bottom:1px solid #dce7ee!important}.data-table tbody td{padding:14px!important;border-bottom:1px solid #edf1f4!important;font-size:10px!important}.data-table tbody tr:hover td{background:#f7fbfe!important}.matrix{overflow:hidden!important}.matrix-row{border-bottom-color:#e5edf2!important}.matrix-cell{padding:14px!important}.bar{height:7px!important;border-radius:999px!important;background:#e8eef2!important}.bar i{border-radius:999px!important;background:linear-gradient(90deg,#0877c9,#2aa8ef)!important}
.insight,.quality-aside{border-radius:20px!important;background:linear-gradient(155deg,#071c30,#0b3151)!important;box-shadow:0 18px 42px rgba(6,28,48,.14)!important}.scope-tabs{gap:7px!important;padding:12px!important}.scope-tabs button{border-radius:10px!important;padding:8px 11px!important}.scope-tabs button.active{background:linear-gradient(135deg,#0d86d5,#0870bd)!important}
.analysis-guide{border-radius:17px!important;background:#edf7fd!important;border-color:#d4e9f6!important}.analysis-guide-icon{border-radius:12px!important;box-shadow:0 5px 16px rgba(8,119,201,.08)!important}
.exam-trend{border-radius:20px!important;overflow:hidden!important;box-shadow:0 14px 36px rgba(8,29,49,.12)!important}

/* ===== MOBILE ===== */
@media(max-width:900px){
  .gateway{display:block!important;background:#f2f7fa!important}.gateway-brand{margin:0!important;min-height:380px!important;border-radius:0 0 28px 28px!important;padding:28px 22px 34px!important}.gateway-copy h1{font-size:45px!important;margin:45px 0 17px!important}.gateway-copy p{font-size:12px!important}.brand-foot{display:none!important}.gateway-main{padding:26px 18px 40px!important}.role{min-height:92px!important;grid-template-columns:56px 1fr auto!important;padding:14px!important}.role-icon{width:52px!important;height:52px!important}
  .login-screen{display:block!important;background:#f3f7fa!important}.login-visual{margin:0!important;min-height:220px!important;border-radius:0 0 28px 28px!important;padding:22px!important;color:#fff!important}.login-visual .brand strong,.login-message h2{color:#fff!important}.login-visual .brand span{color:rgba(255,255,255,.62)!important}.login-message small{color:#76ccff!important}.login-message p{color:rgba(255,255,255,.72)!important}.login-portrait{width:165px!important;height:165px!important;right:7px!important;bottom:-6px!important}.login-message{max-width:58%!important;margin-top:38px!important}.login-message h2{font-size:24px!important}.login-main{padding:24px 20px 40px!important}
}
@media(max-width:780px){
  .app{display:block!important;padding:0!important;background:#f0f5f8!important}.main{border:0!important;border-radius:0!important;min-height:100vh!important}.sidebar{height:100vh!important;top:0!important;border-radius:0 24px 24px 0!important;padding:18px 14px!important}.topbar{height:64px!important;padding:0 16px!important;background:rgba(248,251,252,.92)!important}.content{width:calc(100% - 28px)!important;padding:20px 0 98px!important}.home-hero{padding:22px!important;border-radius:20px!important}.home-hero h1{font-size:29px!important}.home-stats{margin-top:18px!important}.quick-grid{grid-template-columns:repeat(2,1fr)!important;gap:9px!important}.quick{min-height:84px!important}.quick-grid.enhanced .quick{min-height:116px!important;border-radius:17px!important}.home-grid{grid-template-columns:1fr!important}.summary-strip{grid-template-columns:repeat(2,1fr)!important}.summary-strip .metric{border-radius:14px!important;padding:14px!important}.page-head h1{font-size:29px!important}.panel{border-radius:17px!important}
  .mobile-dock{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;border:1px solid rgba(210,222,231,.9)!important;border-radius:19px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 44px rgba(16,45,65,.15)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;padding:5px!important;overflow:hidden!important}.mobile-dock button{border-radius:14px!important}.mobile-dock button.active{background:#e9f6fe!important;color:#0877c9!important}.mobile-dock button b{font-size:14px!important}
}
@media(max-width:520px){.gateway-copy h1{font-size:39px!important}.role strong{font-size:14px!important}.role small{font-size:9px!important}.home-stats{grid-template-columns:repeat(3,1fr)!important}.home-stat{padding:10px!important}.home-stat strong{font-size:16px!important}.home-stat span{font-size:6.5px!important}.summary-strip{grid-template-columns:1fr 1fr!important}}

/* Authentication surfaces are mutually exclusive at every viewport size.
   Keep this after all responsive display overrides. */
body > .gateway.hidden,
body > .login-screen.hidden,
body > .app.hidden {
  display:none!important;
}

/* The retired role gateway must never participate in first paint. */
body > #gateway,
body > #gateway[hidden] {
  display:none!important;
}


/* =========================================================
   V5 QUICK ACCESS FIX — visible icons, clean hierarchy
   ========================================================= */
.quick-grid.enhanced{
  gap:14px!important;
}
.quick-grid.enhanced .quick{
  --q-accent:#0877c9;
  min-height:136px!important;
  border:1px solid #d9e7f0!important;
  border-top:3px solid var(--q-accent)!important;
  border-radius:20px!important;
  padding:18px!important;
  background:
    radial-gradient(circle at 86% 22%,rgba(8,119,201,.055),transparent 92px),
    linear-gradient(145deg,#fff 0%,#f8fbfd 100%)!important;
  box-shadow:0 10px 28px rgba(18,55,80,.055)!important;
  overflow:hidden!important;
}
.quick-grid.enhanced .quick:nth-child(2){--q-accent:#267fc7}
.quick-grid.enhanced .quick:nth-child(3){--q-accent:#3894d0}
.quick-grid.enhanced .quick:nth-child(4){--q-accent:#126aa9}

/* icon plate */
.quick-grid.enhanced .quick:before{
  content:""!important;
  position:absolute!important;
  width:58px!important;height:58px!important;
  right:15px!important;top:15px!important;
  left:auto!important;bottom:auto!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#eaf7ff,#dff1fb)!important;
  border:1px solid #d3eaf7!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9)!important;
  z-index:1!important;
  pointer-events:none!important;
}
.quick-grid.enhanced .quick img{
  position:absolute!important;
  width:34px!important;height:34px!important;
  right:27px!important;top:27px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:brightness(0) saturate(100%) invert(35%) sepia(99%) saturate(1184%) hue-rotate(177deg) brightness(91%) contrast(94%)!important;
  z-index:2!important;
  transform:none!important;
}
.quick-grid.enhanced .quick:after{
  position:absolute!important;
  left:18px!important;top:21px!important;
  right:auto!important;bottom:auto!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  color:#71899c!important;
  background:none!important;
  z-index:3!important;
}
.quick-grid.enhanced .quick span{
  left:18px!important;
  right:62px!important;
  bottom:18px!important;
  font-size:14px!important;
  line-height:1.18!important;
  font-weight:820!important;
  color:#0a1d2d!important;
}
.quick-grid.enhanced .quick b{
  right:15px!important;bottom:15px!important;
  width:34px!important;height:34px!important;
  border-radius:11px!important;
  background:#e8f5fd!important;
  border:1px solid #d2eaf8!important;
  color:var(--q-accent)!important;
  font-size:14px!important;
}
.quick-grid.enhanced .quick:hover{
  transform:translateY(-4px)!important;
  border-color:#b8d9eb!important;
  border-top-color:var(--q-accent)!important;
  box-shadow:0 20px 42px rgba(18,72,108,.11)!important;
}
.quick-grid.enhanced .quick:hover:before{
  background:linear-gradient(145deg,#def3ff,#cfeafb)!important;
  border-color:#bedff1!important;
}
.quick-grid.enhanced .quick:hover img{
  transform:scale(1.07)!important;
}
.quick-grid.enhanced .quick:hover b{
  background:var(--q-accent)!important;
  color:#fff!important;
  border-color:var(--q-accent)!important;
}
@media(max-width:980px){
  .quick-grid.enhanced{gap:9px!important}
  .quick-grid.enhanced .quick{min-height:124px!important;padding:15px!important}
  .quick-grid.enhanced .quick:before{width:50px!important;height:50px!important;right:12px!important;top:13px!important;border-radius:15px!important}
  .quick-grid.enhanced .quick img{width:29px!important;height:29px!important;right:22.5px!important;top:23.5px!important}
  .quick-grid.enhanced .quick:after{left:15px!important;top:17px!important;font-size:7px!important}
  .quick-grid.enhanced .quick span{left:15px!important;right:50px!important;bottom:15px!important;font-size:12px!important}
  .quick-grid.enhanced .quick b{right:12px!important;bottom:12px!important;width:31px!important;height:31px!important}
}
@media(max-width:520px){
  .quick-grid.enhanced .quick{min-height:116px!important}
  .quick-grid.enhanced .quick:before{width:44px!important;height:44px!important}
  .quick-grid.enhanced .quick img{width:25px!important;height:25px!important;right:21.5px!important;top:22.5px!important}
  .quick-grid.enhanced .quick span{font-size:11px!important}
}