/* ===== PREMIUM APP SHELL 2026 ===== */
:root{
  --premium-bg:#060b10;
  --premium-panel:rgba(8,15,22,.82);
  --premium-panel-strong:rgba(9,18,27,.94);
  --premium-line:rgba(214,226,232,.14);
  --premium-line-strong:rgba(214,226,232,.24);
  --premium-text:#f8fbfb;
  --premium-muted:#9fb0b8;
  --premium-teal:#2dd4bf;
  --premium-blue:#60a5fa;
  --premium-lime:#a3e635;
  --premium-amber:#fbbf24;
  --premium-red:#fb7185;
  --premium-radius:18px;
  --premium-radius-lg:24px;
  --premium-shadow:0 26px 80px rgba(0,0,0,.42);
  --premium-glow:0 0 0 1px rgba(45,212,191,.10),0 18px 56px rgba(45,212,191,.10);
}
html{background:#060b10;color-scheme:dark}body{color:var(--premium-text);background:linear-gradient(135deg,#060b10 0%,#0a121a 42%,#0d1118 100%) fixed}body:before{opacity:.22;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),repeating-linear-gradient(135deg,rgba(45,212,191,.035) 0 1px,transparent 1px 18px);background-size:56px 56px,56px 56px,100% 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 86%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 25%,rgba(45,212,191,.055) 28%,transparent 32% 68%,rgba(96,165,250,.045) 72%,transparent 76%);mix-blend-mode:screen;opacity:.72}.app-shell{grid-template-columns:292px minmax(0,1fr);gap:22px;padding:22px}.sidebar,.topbar-v5,.topbar-v4,.hero,.login-card,.toolbar,.shop-card,.table-card,.edit-card,.summary-card,.stat-box,.opinions,.socials div,.point-info-box,.invoice-details-box,.sub-person,.invoice-summary-card,.integration-card,.integration-summary-card{position:relative;border:1px solid var(--premium-line)!important;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018)),var(--premium-panel)!important;box-shadow:var(--premium-shadow)!important;backdrop-filter:blur(20px) saturate(1.08)}.sidebar:after,.topbar-v5:after,.topbar-v4:after,.shop-card:after,.table-card:after,.edit-card:after,.summary-card:after,.invoice-summary-card:after,.integration-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(135deg,rgba(45,212,191,.38),transparent 34%,rgba(96,165,250,.22) 62%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.45}.sidebar{overflow:hidden}.sidebar .brand{padding:4px 2px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-logo,.logo,.mini-logo{background:linear-gradient(135deg,#2dd4bf 0%,#60a5fa 58%,#a3e635 120%)!important;box-shadow:0 18px 46px rgba(45,212,191,.22)!important}.brand strong{font-size:20px}.brand span{color:var(--premium-muted)}.side-nav{gap:6px;padding-top:2px}.side-nav a{isolation:isolate;overflow:hidden;border-radius:14px!important;color:#c8d5da!important;font-weight:850;min-height:43px}.side-nav a:before{content:"";position:absolute;left:8px;top:50%;width:4px;height:0;border-radius:999px;background:var(--premium-teal);transform:translateY(-50%);transition:height .2s cubic-bezier(.2,.8,.2,1)}.side-nav a:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.10)!important;transform:translateX(2px)!important}.side-nav a:hover:before{height:18px}.side-nav .active-nav{background:linear-gradient(135deg,rgba(45,212,191,.20),rgba(96,165,250,.16))!important;border-color:rgba(45,212,191,.32)!important;box-shadow:var(--premium-glow)!important;color:#fff!important}.side-nav .active-nav:before{height:24px}.topbar-v5,.topbar-v4{position:sticky;top:18px;z-index:40;min-height:72px}.topbar-title .topbar-kicker{color:var(--premium-teal)!important;letter-spacing:.12em}.topbar-title strong{font-size:22px}.topbar-actions{gap:10px}.topbar-icon,.topbar-profile{background:rgba(255,255,255,.052)!important;border-color:rgba(255,255,255,.10)!important}.topbar-icon:hover,.topbar-profile:hover{border-color:rgba(45,212,191,.35)!important;box-shadow:var(--premium-glow)!important}.page-header{padding:4px 0 2px}.page-header h1{font-size:clamp(36px,4.4vw,62px);line-height:.98;background:linear-gradient(90deg,#fff,#dffaf4 45%,#b7d6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.page-header p{color:var(--premium-muted)}.toolbar{align-items:center!important;padding:12px!important;border-radius:18px!important}.toolbar input,.toolbar select,input,select,textarea{background:rgba(2,8,13,.72)!important;border-color:rgba(214,226,232,.15)!important}.toolbar input:focus,.toolbar select:focus,input:focus,select:focus,textarea:focus{border-color:rgba(45,212,191,.68)!important;box-shadow:0 0 0 4px rgba(45,212,191,.12),0 16px 38px rgba(0,0,0,.22)!important}.button-link,button,.details,.logout{border-radius:13px!important;border-color:rgba(255,255,255,.14)!important;background:linear-gradient(180deg,rgba(96,165,250,.98),rgba(37,99,235,.96))!important;box-shadow:0 13px 30px rgba(37,99,235,.24)!important}.button-link:hover,button:hover,.details:hover,.logout:hover{transform:translateY(-2px)!important;box-shadow:0 20px 46px rgba(37,99,235,.34)!important}.summary,.invoice-summary-grid,.integration-summary-grid{gap:14px!important}.summary-card,.invoice-summary-card,.integration-summary-card{min-height:118px}.summary-card b,.invoice-summary-card b,.integration-summary-card b{font-variant-numeric:tabular-nums}.summary-card span,.invoice-summary-card span,.integration-summary-card span{color:#baf8ec!important}.grid,.integration-grid{gap:18px}.shop-card,.integration-card{transform-style:preserve-3d;will-change:transform}.shop-card:hover,.integration-card:hover,.summary-card:hover,.invoice-summary-card:hover{border-color:rgba(45,212,191,.30)!important;box-shadow:0 28px 74px rgba(0,0,0,.46),0 0 0 1px rgba(45,212,191,.12)!important}.shop-header h2,.integration-card h2{letter-spacing:0}.number{background:linear-gradient(135deg,#2dd4bf,#60a5fa)!important}.active,.ok{color:#bbf7d0!important;background:rgba(34,197,94,.12)!important;border-color:rgba(34,197,94,.36)!important}.warning{color:#fde68a!important;background:rgba(251,191,36,.12)!important;border-color:rgba(251,191,36,.34)!important}.late{color:#fecdd3!important;background:rgba(251,113,133,.13)!important;border-color:rgba(251,113,133,.36)!important}.table-card{overflow:auto!important}table{border-collapse:separate!important;border-spacing:0 6px!important}th{background:rgba(7,14,21,.92)!important;color:#dbeafe!important;border-bottom:0!important}td{border-bottom:0!important;background:rgba(255,255,255,.018)!important}tbody tr:hover td{background:rgba(45,212,191,.045)!important}.invoice-details-row td{background:transparent!important}.topbar-dropdown{background:rgba(6,12,18,.98)!important;border-color:rgba(45,212,191,.20)!important}.premium-tilt{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1)}@keyframes premiumFade{from{opacity:0}to{opacity:1}}@supports (view-transition-name:root){::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}@media(max-width:1100px){.app-shell{grid-template-columns:1fr;padding:16px}.topbar-v5,.topbar-v4{top:10px}}@media(max-width:760px){.app-shell{padding:12px}.topbar-v5,.topbar-v4{position:relative;top:auto;min-height:auto}.page-header h1{font-size:38px}}@media(pointer:coarse){.premium-tilt{transform:none!important}}@media(prefers-reduced-motion:reduce){.premium-tilt{animation:none!important;transition:none!important}}


/* ===== LEVEL-UP: NEURAL COMMAND CENTER ===== */
:root{
  --neo-cyan:#22f1d7;
  --neo-blue:#58a6ff;
  --neo-violet:#b26cff;
  --neo-pink:#ff4fd8;
  --neo-lime:#b6ff4d;
  --neo-orange:#ffb454;
  --neo-spot-x:50%;
  --neo-spot-y:20%;
}

body.neo-command-center{
  overflow-x:hidden;
  background:
    radial-gradient(circle at var(--neo-spot-x) var(--neo-spot-y),rgba(34,241,215,.20),transparent 0 17rem),
    radial-gradient(circle at 15% 16%,rgba(178,108,255,.18),transparent 0 30rem),
    radial-gradient(circle at 86% 12%,rgba(88,166,255,.18),transparent 0 28rem),
    radial-gradient(circle at 80% 88%,rgba(182,255,77,.10),transparent 0 22rem),
    linear-gradient(135deg,#03070b 0%,#081017 42%,#0d1018 100%) fixed;
}

.neo-ambient{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.neo-ambient:before,.neo-ambient:after{content:"";position:absolute;inset:-22%;opacity:.54;filter:blur(18px);background:conic-gradient(from 90deg at 50% 50%,transparent 0 13%,rgba(34,241,215,.28),transparent 34%,rgba(255,79,216,.18),transparent 58%,rgba(88,166,255,.22),transparent 82%);animation:neoOrbit 24s linear infinite}.neo-ambient:after{inset:-8%;opacity:.30;filter:blur(38px);animation-duration:34s;animation-direction:reverse}.neo-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(34,241,215,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(88,166,255,.14) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at var(--neo-spot-x) var(--neo-spot-y),#000 0 28rem,transparent 70%)}.neo-scanline{position:fixed;left:0;right:0;top:-12%;height:22%;z-index:90;pointer-events:none;opacity:.18;background:linear-gradient(to bottom,transparent,rgba(34,241,215,.20),transparent);animation:neoScan 8s ease-in-out infinite}

.app-shell{position:relative;perspective:1400px}.sidebar{border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.016)),radial-gradient(circle at 0 0,rgba(34,241,215,.14),transparent 42%),rgba(3,8,13,.82)!important}.sidebar:before{content:"";position:absolute;inset:12px;border-radius:22px;pointer-events:none;border:1px solid rgba(255,255,255,.055)}.brand-logo,.logo,.mini-logo,.topbar-avatar{position:relative;overflow:hidden}.brand-logo:after,.logo:after,.mini-logo:after,.topbar-avatar:after{content:"";position:absolute;inset:-80%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.72),transparent 62%);transform:translateX(-60%) rotate(12deg);animation:neoShine 4.8s ease-in-out infinite}.side-nav a{letter-spacing:.01em;background:linear-gradient(90deg,rgba(255,255,255,.036),transparent)!important}.side-nav a span{display:grid;place-items:center;width:28px;height:28px;border-radius:11px;background:rgba(255,255,255,.052);color:#d8fffb}.side-nav .active-nav span{background:linear-gradient(135deg,rgba(34,241,215,.32),rgba(178,108,255,.24));box-shadow:0 0 28px rgba(34,241,215,.22)}

.topbar-v5,.topbar-v4{border-radius:24px!important;background:linear-gradient(90deg,rgba(34,241,215,.10),transparent 26%,rgba(255,79,216,.08) 74%,rgba(88,166,255,.12)),rgba(5,12,18,.78)!important}.topbar-v5:before,.topbar-v4:before{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--neo-cyan),var(--neo-violet),transparent);opacity:.8}.topbar-kicker:before{content:"LIVE";display:inline-grid;place-items:center;min-width:42px;height:20px;margin-right:8px;border-radius:999px;color:#061014;background:linear-gradient(135deg,var(--neo-lime),var(--neo-cyan));font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 0 24px rgba(34,241,215,.28)}

.page-header{position:relative;margin-top:8px;padding:18px 0 10px}.page-header:before{content:"";position:absolute;left:0;top:0;width:min(560px,72vw);height:1px;background:linear-gradient(90deg,var(--neo-cyan),var(--neo-pink),transparent);opacity:.72}.page-header h1{text-shadow:0 0 36px rgba(34,241,215,.12);filter:drop-shadow(0 18px 36px rgba(0,0,0,.30))}.summary-card,.invoice-summary-card,.integration-summary-card,.shop-card,.integration-card,.table-card,.edit-card,.toolbar{border-radius:24px!important}.summary-card,.invoice-summary-card,.integration-summary-card{overflow:hidden;isolation:isolate}.summary-card:before,.invoice-summary-card:before,.integration-summary-card:before{content:"";position:absolute;right:-42px;top:-42px;width:118px;height:118px;border-radius:999px;background:radial-gradient(circle,rgba(34,241,215,.34),transparent 68%);opacity:.78}.summary-card:after,.invoice-summary-card:after,.integration-summary-card:after,.shop-card:after,.integration-card:after{animation:neoBorderPulse 3.4s ease-in-out infinite}.summary-card b,.invoice-summary-card b,.integration-summary-card b{font-size:clamp(28px,3vw,44px)!important;line-height:1;background:linear-gradient(90deg,#fff,var(--neo-cyan),var(--neo-lime));-webkit-background-clip:text;background-clip:text;color:transparent!important}

.shop-card,.integration-card{overflow:hidden;transform-origin:center}.shop-card:before,.integration-card:before,.table-card:before,.edit-card:before{content:"";position:absolute;inset:auto -18% -55% -18%;height:56%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(34,241,215,.14),transparent 70%);opacity:.72}.shop-card:hover,.integration-card:hover{transform:translateY(-5px) scale(1.01)}.shop-card h2,.integration-card h2,.table-card h2,.edit-card h2{color:#f7ffff!important}.number{color:#031016!important;box-shadow:0 0 32px rgba(34,241,215,.26)!important}.toolbar{gap:12px!important;background:linear-gradient(90deg,rgba(34,241,215,.085),transparent 38%,rgba(255,79,216,.055)),rgba(5,12,18,.82)!important}input,select,textarea{color:#f6ffff!important}input::placeholder,textarea::placeholder{color:rgba(216,239,244,.54)!important}.button-link,button,.details,.logout,.topbar-icon,.topbar-profile{position:relative;overflow:hidden}.button-link:before,button:before,.details:before,.logout:before,.topbar-icon:before,.topbar-profile:before{content:"";position:absolute;inset:-2px;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.34),transparent 62%);transform:translateX(-100%);transition:opacity .18s ease,transform .38s ease}.button-link:hover:before,button:hover:before,.details:hover:before,.logout:hover:before,.topbar-icon:hover:before,.topbar-profile:hover:before{opacity:1;transform:translateX(100%)}

table{width:100%}tbody tr{transition:transform .18s ease,filter .18s ease}tbody tr:hover{transform:translateX(4px);filter:drop-shadow(0 14px 26px rgba(0,0,0,.18))}.neo-mounted .ui-reveal{filter:none}.neo-mounted .ui-reveal.is-visible{filter:none}

@keyframes neoOrbit{from{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes neoScan{0%,12%{transform:translateY(-20vh);opacity:0}28%{opacity:.20}52%{transform:translateY(118vh);opacity:0}100%{transform:translateY(118vh);opacity:0}}@keyframes neoShine{0%,58%{transform:translateX(-80%) rotate(12deg);opacity:0}70%{opacity:.78}88%,100%{transform:translateX(80%) rotate(12deg);opacity:0}}@keyframes neoBorderPulse{0%,100%{opacity:.34}50%{opacity:.78}}@keyframes neoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(max-width:760px){body.neo-command-center{background:radial-gradient(circle at 50% 12%,rgba(34,241,215,.16),transparent 0 18rem),linear-gradient(135deg,#03070b,#081017 54%,#0d1018) fixed}.neo-ambient,.neo-grid,.neo-scanline{opacity:.38}.sidebar,.topbar-v5,.topbar-v4,.summary-card,.shop-card,.table-card,.edit-card{border-radius:20px!important}}
@media(prefers-reduced-motion:reduce){.neo-ambient:before,.neo-ambient:after,.neo-scanline,.brand-logo:after,.logo:after,.mini-logo:after,.topbar-avatar:after,}


/* ===== BUTTON REWORK: CLEAN ACTION SYSTEM ===== */
.button-link,.details,.logout,form button:not(.review-toggle):not(.info-button),.toolbar button:not(.review-toggle):not(.info-button){
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(134,239,172,.12)!important;
  color:#ecfeff!important;
  background:linear-gradient(180deg,rgba(34,211,238,.16),rgba(37,99,235,.22))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.20)!important;
  font-weight:850!important;
}

.button-link:hover,.details:hover,.logout:hover,form button:not(.review-toggle):not(.info-button):hover,.toolbar button:not(.review-toggle):not(.info-button):hover{
  border-color:rgba(34,241,215,.38)!important;
  background:linear-gradient(180deg,rgba(34,241,215,.18),rgba(88,166,255,.24))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26),0 0 0 1px rgba(34,241,215,.10)!important;
  transform:translateY(-1px)!important;
}

.review-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
}

.review-number{order:1;min-width:18px!important;color:#f7ffff!important;font-size:13px!important;font-weight:950!important}.review-badge{order:2;padding:4px 8px!important;border:1px solid rgba(187,247,208,.14)!important;background:rgba(187,247,208,.10)!important;color:#d9ffe7!important;font-size:10px!important;line-height:1!important}.review-text{order:3;flex:1 1 auto!important;color:#e8fff9!important;font-size:12px!important;line-height:1.35!important}.review-toggle{order:4;flex:0 0 auto!important;min-height:26px!important;height:26px!important;margin-left:auto!important;padding:0 10px!important;border-radius:999px!important;border:1px solid rgba(34,241,215,.24)!important;background:rgba(34,241,215,.075)!important;color:#bffcf4!important;box-shadow:none!important;font-size:10px!important;font-weight:950!important;letter-spacing:.01em!important;text-transform:none!important;line-height:1!important;transform:none!important}.review-toggle:before,.review-toggle:after{display:none!important}.review-toggle:hover{background:rgba(34,241,215,.14)!important;border-color:rgba(34,241,215,.44)!important;color:#ffffff!important;box-shadow:0 0 0 1px rgba(34,241,215,.08),0 8px 18px rgba(0,0,0,.20)!important;transform:none!important}.review-toggle:active{transform:scale(.98)!important}.review-positive{background:linear-gradient(90deg,rgba(34,197,94,.105),rgba(20,184,166,.06))!important;border-color:rgba(34,197,94,.20)!important}.review-negative{background:linear-gradient(90deg,rgba(244,63,94,.12),rgba(255,255,255,.035))!important;border-color:rgba(244,63,94,.24)!important}

.info-button{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  border-radius:14px!important;
  border:1px solid rgba(34,241,215,.26)!important;
  background:rgba(34,241,215,.08)!important;
  color:#bffcf4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-size:14px!important;
}

.info-button:before,.info-button:after{display:none!important}.info-button:hover{background:rgba(34,241,215,.15)!important;border-color:rgba(34,241,215,.48)!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 1px rgba(34,241,215,.10)!important;transform:translateY(-1px)!important}.shop-actions{display:flex!important;align-items:center!important;gap:10px!important}.number{min-height:36px!important;padding:0 12px!important;border-radius:14px!important;background:rgba(34,241,215,.12)!important;border:1px solid rgba(34,241,215,.25)!important;color:#dffffa!important;box-shadow:none!important}

@media(max-width:620px){.review-row{flex-wrap:wrap!important}.review-text{order:4;flex-basis:100%!important}.review-toggle{order:3;margin-left:auto!important}}


/* ===== TOPBAR ACTIONS REWORK ===== */
.topbar-actions{
  align-items:center!important;
  gap:8px!important;
}



.topbar-icon{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  border-radius:13px!important;
  overflow:visible!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f5ffff!important;
  font-size:15px!important;
}

.topbar-icon:before{
  border-radius:inherit!important;
}

.topbar-icon:hover{
  background:rgba(34,241,215,.105)!important;
  border-color:rgba(34,241,215,.34)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 0 1px rgba(34,241,215,.08)!important;
}

.topbar-badge{
  position:absolute!important;
  top:-5px!important;
  right:-5px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 4px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid rgba(8,17,26,.96)!important;
  background:linear-gradient(135deg,#ff4f6d,#ff7a45)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(255,79,109,.34)!important;
}

.topbar-profile{
  min-height:38px!important;
  border-radius:14px!important;
  overflow:visible!important;
}

@media(max-width:760px){
  .topbar-actions{gap:7px!important}
  .topbar-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
}


/* ===== STICKY SIDEBAR FIX ===== */
@media(min-width:1101px){
  .app-shell{
    align-items:start!important;
  }

  .sidebar{
    position:sticky!important;
    top:22px!important;
    align-self:start!important;
    height:calc(100vh - 44px)!important;
    max-height:calc(100vh - 44px)!important;
    overflow:hidden!important;
  }

  .side-nav{
    flex:1 1 auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:6px!important;
    margin-right:-6px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(34,241,215,.34) transparent;
  }

  .side-nav::-webkit-scrollbar{
    width:6px;
  }

  .side-nav::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(34,241,215,.32);
  }
}

@media(max-width:1100px){
  .sidebar{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    max-height:none!important;
  }

  .side-nav{
    overflow:visible!important;
  }
}


/* ===== ALERT CENTER ===== */
.alerts-page-header p{max-width:760px}.alerts-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}.alerts-summary-card{position:relative;overflow:hidden;min-height:128px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.022)),rgba(6,14,20,.78);box-shadow:0 20px 58px rgba(0,0,0,.30);text-decoration:none;color:#f7ffff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.alerts-summary-card:before{content:"";position:absolute;right:-42px;top:-42px;width:128px;height:128px;border-radius:999px;background:radial-gradient(circle,rgba(34,241,215,.26),transparent 68%);opacity:.9}.alerts-summary-card:hover,.alerts-summary-card.is-active{transform:translateY(-2px);border-color:rgba(34,241,215,.34);box-shadow:0 28px 74px rgba(0,0,0,.38),0 0 0 1px rgba(34,241,215,.10)}.alerts-summary-card span{display:block;color:#bffcf4;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.alerts-summary-card b{display:block;margin-top:10px;font-size:42px;line-height:1;background:linear-gradient(90deg,#fff,var(--neo-cyan),var(--neo-lime));-webkit-background-clip:text;background-clip:text;color:transparent}.alerts-summary-card small{display:block;margin-top:8px;color:rgba(216,239,244,.64);font-size:12px}.alerts-summary-card.critical:before{background:radial-gradient(circle,rgba(255,79,109,.30),transparent 68%)}.alerts-summary-card.warning:before{background:radial-gradient(circle,rgba(251,191,36,.28),transparent 68%)}.alerts-summary-card.info:before{background:radial-gradient(circle,rgba(88,166,255,.28),transparent 68%)}
.alerts-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.035)}.alerts-filter-bar a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);color:#cce5ea;text-decoration:none;font-size:12px;font-weight:900}.alerts-filter-bar a:hover,.alerts-filter-bar a.is-active{color:#061014;background:linear-gradient(135deg,var(--neo-cyan),var(--neo-lime));border-color:transparent;box-shadow:0 12px 28px rgba(34,241,215,.18)}
.alerts-list{display:grid;gap:10px}.alert-item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.020)),rgba(5,12,18,.82);box-shadow:0 18px 48px rgba(0,0,0,.24);overflow:hidden}.alert-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:999px;background:var(--neo-blue)}.alert-critical:before{background:#ff4f6d}.alert-warning:before{background:#fbbf24}.alert-info:before{background:var(--neo-blue)}.alert-item-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:rgba(34,241,215,.10);border:1px solid rgba(34,241,215,.18);color:#dffffa;font-size:15px;font-weight:950}.alert-critical .alert-item-icon{background:rgba(255,79,109,.11);border-color:rgba(255,79,109,.20)}.alert-warning .alert-item-icon{background:rgba(251,191,36,.11);border-color:rgba(251,191,36,.22)}.alert-item-main{min-width:0}.alert-item-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.alert-item-meta span{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.055);color:rgba(216,239,244,.72);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}.alert-item h2{margin:0;color:#fff;font-size:16px;line-height:1.2}.alert-item p{margin:5px 0 0;color:rgba(216,239,244,.70);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.alert-item-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid rgba(34,241,215,.20);border-radius:12px;background:rgba(34,241,215,.075);color:#bffcf4;text-decoration:none;font-size:12px;font-weight:950;white-space:nowrap}.alert-item-action:hover{background:rgba(34,241,215,.15);border-color:rgba(34,241,215,.40);color:#fff}.alerts-empty{display:grid;gap:6px;padding:24px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.035);color:#dffffa}.alerts-empty span{color:rgba(216,239,244,.68)}
@media(max-width:980px){.alerts-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-item{grid-template-columns:40px minmax(0,1fr)}}@media(max-width:620px){.alerts-summary-grid{grid-template-columns:1fr}.alert-item{grid-template-columns:1fr}.alert-item-icon{display:none}.alert-item-action{width:100%}}


/* ===== SHARP UI FIX ===== */
.topbar-dropdown,
.alerts-page-header,
.alerts-summary-grid,
.alerts-summary-card,
.alerts-filter-bar,
.alerts-list,
.alert-item,
.alert-item *{
  filter:none!important;
  -webkit-filter:none!important;
}

.neo-mounted .ui-reveal,
.neo-mounted .ui-reveal.is-visible{
  filter:none!important;
  -webkit-filter:none!important;
}

.topbar-dropdown{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:rgba(7,14,21,.98)!important;
}


/* ===== ALERT SUMMARY LAYOUT FIX ===== */
.alerts-summary-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:142px!important;
  padding:20px!important;
}

.alerts-summary-card span,
.alerts-summary-card b,
.alerts-summary-card small{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  white-space:normal!important;
  text-align:left!important;
}

.alerts-summary-card span{
  font-size:11px!important;
  line-height:1.1!important;
}

.alerts-summary-card b{
  font-size:clamp(36px,4.2vw,56px)!important;
  line-height:.92!important;
  letter-spacing:0!important;
}

.alerts-summary-card small{
  color:rgba(216,239,244,.68)!important;
  font-size:12px!important;
  line-height:1.25!important;
  max-width:180px!important;
}

.alerts-summary-card:before{
  right:-52px!important;
  top:-52px!important;
  width:150px!important;
  height:150px!important;
  z-index:0!important;
}

@media(max-width:620px){
  .alerts-summary-card{
    min-height:118px!important;
  }

  .alerts-summary-card b{
    font-size:40px!important;
  }
}


/* ===== ALERT SUMMARY COMPACT REDESIGN ===== */
.alerts-summary-grid{
  grid-template-columns:repeat(4,minmax(160px,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
}

.alerts-summary-card{
  min-height:92px!important;
  padding:14px 16px!important;
  border-radius:18px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  row-gap:2px!important;
  align-items:center!important;
  justify-content:start!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),rgba(5,12,18,.74)!important;
  border-color:rgba(255,255,255,.105)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
}

.alerts-summary-card:before{
  display:none!important;
}

.alerts-summary-card:after{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:14px!important;
  bottom:14px!important;
  width:3px!important;
  border-radius:999px!important;
  background:rgba(34,241,215,.70)!important;
  opacity:.9!important;
  padding:0!important;
  -webkit-mask:none!important;
  mask:none!important;
}

.alerts-summary-card.critical:after{background:#ff4f6d!important}.alerts-summary-card.warning:after{background:#fbbf24!important}.alerts-summary-card.info:after{background:#58a6ff!important}

.alerts-summary-card span{
  grid-column:2!important;
  grid-row:1!important;
  width:auto!important;
  color:rgba(216,239,244,.72)!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
}

.alerts-summary-card b{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:auto!important;
  min-width:64px!important;
  color:#ecfeff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-size:44px!important;
  line-height:.9!important;
  font-weight:950!important;
  text-align:right!important;
}

.alerts-summary-card small{
  grid-column:2!important;
  grid-row:2!important;
  width:auto!important;
  max-width:none!important;
  color:rgba(216,239,244,.56)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
}

.alerts-summary-card:hover,
.alerts-summary-card.is-active{
  transform:translateY(-1px)!important;
  border-color:rgba(34,241,215,.24)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}

.alerts-summary-card.critical.is-active,.alerts-summary-card.critical:hover{border-color:rgba(255,79,109,.30)!important}.alerts-summary-card.warning.is-active,.alerts-summary-card.warning:hover{border-color:rgba(251,191,36,.32)!important}.alerts-summary-card.info.is-active,.alerts-summary-card.info:hover{border-color:rgba(88,166,255,.30)!important}

@media(max-width:980px){
  .alerts-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  .alerts-summary-grid{grid-template-columns:1fr!important}
  .alerts-summary-card{min-height:82px!important}
  .alerts-summary-card b{font-size:38px!important;min-width:54px!important}
}


/* ===== ALERT SUMMARY UNIFIED FINAL ===== */
.alerts-summary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}

.alerts-summary-card,
.alerts-summary-card.critical,
.alerts-summary-card.warning,
.alerts-summary-card.info{
  min-height:86px!important;
  padding:16px 18px 16px 22px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.014)),rgba(7,14,21,.78)!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:3px!important;
  color:#ecfeff!important;
}

.alerts-summary-card:before{
  display:none!important;
}

.alerts-summary-card:after,
.alerts-summary-card.critical:after,
.alerts-summary-card.warning:after,
.alerts-summary-card.info:after{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:18px!important;
  bottom:18px!important;
  width:3px!important;
  border-radius:999px!important;
  padding:0!important;
  background:rgba(34,241,215,.78)!important;
  opacity:.9!important;
  -webkit-mask:none!important;
  mask:none!important;
}

.alerts-summary-card span,
.alerts-summary-card.critical span,
.alerts-summary-card.warning span,
.alerts-summary-card.info span{
  grid-column:2!important;
  grid-row:1!important;
  color:rgba(216,239,244,.66)!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.alerts-summary-card b,
.alerts-summary-card.critical b,
.alerts-summary-card.warning b,
.alerts-summary-card.info b{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  min-width:62px!important;
  width:auto!important;
  margin:0!important;
  color:#f4ffff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  font-size:42px!important;
  font-weight:950!important;
  line-height:.92!important;
  text-align:right!important;
  text-shadow:none!important;
}

.alerts-summary-card small,
.alerts-summary-card.critical small,
.alerts-summary-card.warning small,
.alerts-summary-card.info small{
  grid-column:2!important;
  grid-row:2!important;
  color:rgba(216,239,244,.52)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.15!important;
}

.alerts-summary-card:hover,
.alerts-summary-card.is-active,
.alerts-summary-card.critical:hover,
.alerts-summary-card.critical.is-active,
.alerts-summary-card.warning:hover,
.alerts-summary-card.warning.is-active,
.alerts-summary-card.info:hover,
.alerts-summary-card.info.is-active{
  transform:none!important;
  border-color:rgba(34,241,215,.30)!important;
  background:linear-gradient(180deg,rgba(34,241,215,.055),rgba(255,255,255,.016)),rgba(7,14,21,.82)!important;
  box-shadow:none!important;
}

@media(max-width:980px){.alerts-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.alerts-summary-grid{grid-template-columns:1fr!important}.alerts-summary-card b{font-size:38px!important;min-width:54px!important}}


/* ===== ALERT SUMMARY EQUAL WIDTH FINAL ===== */
.alerts-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  align-items:stretch!important;
}

.alerts-summary-card,
.alerts-summary-card.critical,
.alerts-summary-card.warning,
.alerts-summary-card.info{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

.alerts-summary-card span,
.alerts-summary-card b,
.alerts-summary-card small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:980px){
  .alerts-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  .alerts-summary-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== ALERT METRICS DEFINITIVE LAYOUT ===== */
.alerts-summary-grid,
.alerts-summary-card{
  display:none!important;
}

.alerts-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 14px!important;
}

.alerts-metric{
  position:relative!important;
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  grid-template-rows:1fr 1fr!important;
  align-items:center!important;
  column-gap:14px!important;
  padding:14px 18px 14px 24px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.014)),rgba(7,14,21,.80)!important;
  color:#ecfeff!important;
  text-decoration:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.alerts-metric:before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  top:16px!important;
  bottom:16px!important;
  width:3px!important;
  border-radius:999px!important;
  background:rgba(34,241,215,.78)!important;
}

.alerts-metric strong{
  grid-column:1!important;
  grid-row:1 / 3!important;
  justify-self:end!important;
  align-self:center!important;
  width:74px!important;
  color:#f4ffff!important;
  font-size:42px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  text-align:right!important;
}

.alerts-metric span,
.alerts-metric small{
  grid-column:2!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0!important;
}

.alerts-metric span{
  grid-row:1!important;
  align-self:end!important;
  color:rgba(216,239,244,.66)!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

.alerts-metric small{
  grid-row:2!important;
  align-self:start!important;
  color:rgba(216,239,244,.52)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
}

.alerts-metric:hover,
.alerts-metric.is-active{
  border-color:rgba(34,241,215,.30)!important;
  background:linear-gradient(180deg,rgba(34,241,215,.052),rgba(255,255,255,.014)),rgba(7,14,21,.84)!important;
}

@media(max-width:980px){
  .alerts-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  .alerts-metrics{grid-template-columns:1fr!important}
  .alerts-metric{grid-template-columns:64px minmax(0,1fr)!important;min-height:78px!important}
  .alerts-metric strong{width:64px!important;font-size:38px!important}
}


/* ===== REVIEW EXPAND FIX ===== */
.review-text{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important;
}

.review-text.collapsed{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}

.review-row{
  align-items:flex-start!important;
}

.review-toggle{
  margin-top:2px!important;
}


/* ===== REVIEW ROW ALIGNMENT FIX ===== */
.opinions li{
  padding:10px 12px!important;
}

.review-row{
  display:grid!important;
  grid-template-columns:22px auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:36px!important;
  width:100%!important;
}

.review-number,
.review-badge,
.review-text,
.review-toggle{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

.review-number{
  grid-column:1!important;
  justify-self:start!important;
  line-height:1!important;
}

.review-badge{
  grid-column:2!important;
  justify-self:start!important;
  white-space:nowrap!important;
}

.review-text{
  grid-column:3!important;
  justify-self:stretch!important;
  min-width:0!important;
  line-height:1.35!important;
}

.review-toggle{
  grid-column:4!important;
  justify-self:end!important;
  min-width:62px!important;
}

.review-text:not(.collapsed){
  grid-column:3 / 5!important;
  white-space:normal!important;
  padding-top:2px!important;
}

@media(max-width:620px){
  .review-row{
    grid-template-columns:22px auto auto!important;
  }

  .review-text{
    grid-column:1 / 4!important;
    grid-row:2!important;
  }

  .review-toggle{
    grid-column:3!important;
  }
}