:root{--navy:#050b14;--navy2:#101f32;--blue:#56b9ff;--line:#dfe7ef;--bg:#f4f7fa;--shadow:0 24px 70px rgba(3,18,34,.10)}
body{background:radial-gradient(circle at 85% -10%,#dceeff 0,transparent 34%),var(--bg);letter-spacing:-.01em}
.sidebar{background:linear-gradient(165deg,#03070d 0%,#0a1624 55%,#102942 100%);border-right:1px solid rgba(255,255,255,.08);box-shadow:20px 0 70px rgba(1,9,18,.15)}
.brand img{filter:drop-shadow(0 18px 28px rgba(41,159,238,.22))}.brand strong{font-size:15px}.sidebar-profile{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));backdrop-filter:blur(18px)}
nav button{min-height:45px;transition:.22s ease}nav button:hover,nav button.active{background:linear-gradient(90deg,rgba(64,181,255,.23),rgba(255,255,255,.05));box-shadow:inset 2px 0 #65c6ff;transform:translateX(2px)}
.topbar{background:rgba(248,251,253,.82);backdrop-filter:blur(24px) saturate(150%);box-shadow:0 10px 35px rgba(15,40,65,.05)}
.topbar>input,.card,.modal-card{border-color:rgba(130,155,180,.22);box-shadow:0 20px 55px rgba(13,42,70,.08)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(61,185,255,.26),transparent 30%),linear-gradient(135deg,#030912,#10243a 58%,#164f76);box-shadow:0 28px 75px rgba(5,35,65,.24)}.hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;bottom:-170px}
.kpi{transition:.22s ease}.kpi:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(13,42,70,.14)}.primary{background:linear-gradient(135deg,#188bdc,#6bd0ff);box-shadow:0 12px 30px rgba(23,142,220,.25)}
.chat-stage{height:calc(100vh - 125px);min-height:620px;display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(137,165,190,.24);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#07111d,#0e2134);box-shadow:0 35px 90px rgba(3,18,34,.25);color:#fff}.chat-stage>header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.08)}.chat-stage h1{margin:5px 0 0}.chat-stage header small{color:#75caff;letter-spacing:.14em;font-weight:800}.live-pill{padding:8px 12px;border:1px solid rgba(95,218,171,.25);border-radius:99px;background:rgba(32,171,117,.10);font-size:12px;color:#8ff0c8}.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fe09f;margin-right:7px;box-shadow:0 0 15px #4fe09f}.chat-stage>main{overflow:auto;padding:25px;background:radial-gradient(circle at 10% 100%,rgba(43,137,197,.12),transparent 32%)}.server-message{width:min(680px,78%);padding:13px 16px;margin:10px 0;border:1px solid rgba(255,255,255,.09);border-radius:8px 19px 19px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.server-message.mine{margin-left:auto;border-radius:19px 8px 19px 19px;background:linear-gradient(135deg,rgba(23,137,210,.55),rgba(53,174,233,.28))}.server-message b{font-size:12px;color:#82d0ff}.server-message p{margin:6px 0;white-space:pre-wrap;line-height:1.45}.server-message time{font-size:10px;color:rgba(255,255,255,.48)}.chat-welcome{text-align:center;margin:14vh auto;color:rgba(255,255,255,.6)}.chat-welcome span{font-size:44px;color:#6bc8ff}.chat-welcome h2{color:#fff}.chat-stage>footer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border-top:1px solid rgba(255,255,255,.08);background:rgba(1,7,13,.42)}.chat-stage textarea{resize:none;min-height:48px;max-height:110px;padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:rgba(255,255,255,.07);color:#fff;outline:none}.chat-stage textarea:focus{border-color:#5fc4ff;box-shadow:0 0 0 3px rgba(95,196,255,.12)}
@media(max-width:760px){.chat-stage{height:calc(100vh - 90px);border-radius:0}.page#page-team-chat{padding:0}.chat-stage>header{padding:16px}.live-pill{font-size:0}.server-message{width:90%}.chat-stage>footer{grid-template-columns:1fr}.chat-stage>footer button{width:100%}}