:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef3fb;background:#03070d;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#03070d;--panel:#07101a;--panel2:#0a1521;--line:#1a2a3a;--gold:#ffc400;--gold2:#ff9e00;--muted:#91a0b5;--green:#20dc77;--red:#ff4050;--blue:#4e9fff;--purple:#b16cff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at 75% 0,#1a1a0d 0,transparent 30%),linear-gradient(135deg,#02060b,#050c15 55%,#02070d)}body{min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#06101a,#03080e);border-right:1px solid #172635;padding:22px 15px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 25px}.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 12px #ffb00055)}.brand b{display:block;font-size:17px;letter-spacing:.5px}.brand b span,.hero-card h1 span{background:linear-gradient(90deg,#ffbf00,#ad58ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{display:block;color:#7f8ea3;font-size:9px;letter-spacing:2px;margin-top:3px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aab8ca;text-align:left;transition:.2s}.nav-item:hover{background:#0b1724;color:#fff}.nav-item.active{background:linear-gradient(90deg,#171b13,#0c1620);border-color:#654f00;color:#fff;box-shadow:inset 3px 0 #ffc400,0 5px 25px #0005}.nav-icon{width:24px;text-align:center;color:#d8e0eb}.nav-item.active .nav-icon{color:var(--gold)}.nav-item em{margin-left:auto;background:#152231;color:#91a1b4;border-radius:20px;padding:2px 7px;font-size:10px;font-style:normal}.sidebar-bottom{margin-top:auto;display:grid;gap:10px}.live-status{font-size:11px;color:#8392a6;padding:10px}.live-status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 9px #20dc77}.live-status span{float:right}.ghost-btn,.icon-btn,.small-btn{border:1px solid #27394c;background:#0a1420;color:#cbd5e2;border-radius:10px;padding:10px 13px}.ghost-btn:hover,.icon-btn:hover,.small-btn:hover{border-color:#6d7f92;color:#fff}.main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #11202e;background:#040a11cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.crumb,.kicker,.eyebrow{font-size:9px;letter-spacing:1.8px;color:#77889d}.topbar h2{margin:5px 0 0;font-size:23px}.top-actions{display:flex;align-items:center;gap:10px}.sync-pill{font-size:11px;color:#7e8fa2;border:1px solid #1c3042;padding:7px 10px;border-radius:20px}.sync-pill:first-letter{color:#20dc77}.icon-btn{width:38px;height:38px;padding:0;display:grid;place-items:center}.profile{display:flex;gap:10px;align-items:center;padding-left:10px}.profile b,.profile small{display:block}.profile b{font-size:12px}.profile small{color:#718197;font-size:10px;margin-top:3px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2b4054,#101a25);border:1px solid #3b536a;color:#f7fbff;font-size:12px;font-weight:800}.avatar.sm{width:32px;height:32px;font-size:10px}.avatar.lg{width:56px;height:56px;font-size:15px;border-color:#876b00;background:linear-gradient(145deg,#32270b,#111820)}.avatar.xl{width:76px;height:76px;font-size:22px;border-color:#a17b00}.content{padding:26px 30px 20px;max-width:1600px;margin:auto}.footer{padding:0 30px 22px;color:#53657a;font-size:10px;display:flex;justify-content:space-between}.dashboard,.page{display:grid;gap:18px}.hero-card{min-height:205px;border:1px solid #624f00;border-radius:20px;padding:28px 32px;display:flex;justify-content:space-between;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 40%,#4e370d55,transparent 35%),linear-gradient(135deg,#0a1118,#060b11)}.hero-card:after{content:"";position:absolute;inset:auto -10% -80% 40%;height:250px;background:radial-gradient(ellipse,#ffb30022,transparent 65%);pointer-events:none}.hero-card h1{font-size:31px;max-width:620px;margin:10px 0}.hero-card p{max-width:650px;color:#8796a9;line-height:1.6;margin:0}.hero-orb{display:grid;place-items:center;width:180px}.hero-orb img{width:145px;filter:drop-shadow(0 0 35px #ffb0004d)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:17px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(145deg,#0a1520,#071019);min-height:118px}.metric-top{display:flex;justify-content:space-between;color:#8291a5;font-size:11px}.metric-top b{color:#dfe7f2}.metric>strong{display:block;font-size:25px;margin-top:16px;letter-spacing:.2px}.metric>small{display:block;color:#66788e;margin-top:5px;font-size:10px}.metric.gold{border-color:#5d4900}.metric.gold>strong{color:#ffd63e}.metric.green>strong{color:#61e89c}.metric.blue>strong{color:#78b7ff}.metric.purple>strong{color:#c89bff}.grid-2{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel{border:1px solid #172737;border-radius:16px;background:linear-gradient(145deg,#07111a,#050b12);overflow:hidden}.panel-head{padding:18px 18px 12px;display:flex;justify-content:space-between;align-items:flex-start}.panel h3{margin:5px 0 0;font-size:15px}.text-btn{background:transparent;border:0;color:#e6b900;font-size:11px}.chart{height:220px;position:relative;padding:10px 18px 0}.chart-lines{position:absolute;inset:10px 18px 0;display:grid;grid-template-rows:repeat(4,1fr)}.chart-lines i{border-top:1px solid #142333}.bars{position:absolute;inset:20px 25px 0;display:flex;align-items:end;gap:10px}.bars span{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#ffca1b,#ff9e0030);box-shadow:0 0 12px #ffae0020;min-width:8px}.chart-foot{display:flex;justify-content:space-between;padding:10px 18px 16px;color:#617389;font-size:10px}.chart-foot strong{color:#9aa8ba}.health-list{padding:0 16px 15px}.health-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #13212e}.health-row:last-child{border-bottom:0}.grow{flex:1}.grow b,.grow small{display:block}.grow b{font-size:11px}.grow small{font-size:9px;color:#66778b;margin-top:3px}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font-size:9px;border:1px solid}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status.active{color:#28e17d;border-color:#0d5d38;background:#06251766}.status.inactive{color:#8995a5;border-color:#2b3948;background:#111923}.page-actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.search{flex:1;max-width:600px;display:flex;align-items:center;gap:8px;border:1px solid #203244;border-radius:11px;background:#07111a;padding:0 12px;color:#718398}.search input{border:0;outline:0;background:transparent;color:#f1f5fa;width:100%;padding:12px 0}.gold-btn{border:1px solid #ffca1b;background:linear-gradient(135deg,#ffd62f,#ff9f00);color:#05080b;border-radius:10px;padding:11px 15px;font-weight:800;box-shadow:0 8px 25px #ffad001c}.gold-btn:hover{filter:brightness(1.08)}.gold-btn:disabled,.small-btn:disabled{opacity:.55;cursor:not-allowed}.wide{width:100%;padding:13px}.summary-strip{display:flex;gap:24px;align-items:center;color:#75869a;font-size:11px;padding:0 4px}.summary-strip b{color:#e9f0f7}.auto-note{margin-left:auto;color:#31dc83}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{text-align:left;padding:12px 15px;border-top:1px solid #142432;font-size:11px;vertical-align:middle}.table-wrap th{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#687a90;background:#07111a}.table-wrap tbody tr:hover{background:#09141f}.person{display:flex;align-items:center;gap:9px}.person b,.person small{display:block}.person b{font-size:11px}.person small{font-size:9px;color:#66798d;margin-top:2px}.link-btn{border:0;background:transparent;color:inherit;text-align:left;padding:0}.row-actions{display:flex;gap:6px}.small-btn{padding:7px 9px;font-size:10px}.small-btn.danger{color:#ff7882;border-color:#4b2329}.code-chip,.type-chip{display:inline-block;padding:5px 8px;border:1px solid #544400;background:#171407;color:#f4c800;border-radius:7px;font-size:9px}.code-chip.big{font-size:12px;padding:8px 12px}.mode{font-size:9px;padding:5px 8px;border-radius:7px;border:1px solid #26384a}.mode.up{color:#39e585;border-color:#1d754a;background:#07291b}.mode.down{color:#ff6874;border-color:#70303a;background:#2b0d13}.mode.normal{color:#f0c43a;border-color:#6a5300;background:#2b2204}.segmented{display:flex;border:1px solid #203244;border-radius:10px;overflow:hidden;background:#07111a}.segmented button{border:0;background:transparent;color:#78889d;padding:9px 12px;font-size:10px}.segmented button.active{background:#2a240e;color:#ffd023}.positive{color:#3ee488}.negative{color:#ff6570}.empty{padding:35px;text-align:center;color:#68798d;font-size:11px}.loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skeleton{height:140px;border-radius:15px;background:linear-gradient(90deg,#071019,#101b27,#071019);background-size:200% 100%;animation:load 1.2s infinite}@keyframes load{to{background-position:-200% 0}}.modal-layer{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#08131d,#050b12);border:1px solid #5e4b00;border-radius:18px;box-shadow:0 30px 100px #000b}.modal-head{padding:20px;border-bottom:1px solid #162634;display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:5px 0 0}.modal-head p{margin:5px 0 0;color:#708197;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.form-grid label{font-size:10px;color:#8798ab}.form-grid input,.form-grid select,.control-row input,.control-row select{width:100%;margin-top:7px;border:1px solid #223548;border-radius:9px;background:#06101a;color:#fff;padding:11px;outline:0}.form-grid input:focus,.form-grid select:focus,.control-row input:focus,.control-row select:focus{border-color:#8d7000}.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 20px}.detail-head{display:flex;align-items:center;gap:12px;padding:20px}.detail-head h3{margin:0 0 6px}.detail-head .code-chip{margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#172737;border-block:1px solid #172737}.detail-grid>div{background:#07111a;padding:13px}.detail-grid span,.detail-grid b{display:block}.detail-grid span{color:#687a8f;font-size:9px}.detail-grid b{font-size:12px;margin-top:5px}.control-block{margin:18px;border:1px solid #172737;border-radius:12px;padding:14px}.control-block h4{margin:0 0 10px;font-size:12px}.control-row{display:flex;align-items:end;gap:10px;padding:10px 0;border-top:1px solid #142432}.control-row label{flex:1;color:#77899d;font-size:9px}.control-row>span{flex:1;color:#9aa8b8;font-size:10px;padding-bottom:9px}.control-row .small-btn{min-width:76px}.settings-profile{display:flex;align-items:center;gap:14px;padding:8px 18px 20px}.settings-profile h3{margin:0}.settings-profile p{color:#6e8095;font-size:11px}.setting-row{display:flex;justify-content:space-between;gap:20px;padding:17px 18px;border-top:1px solid #142432;align-items:center}.setting-row b,.setting-row small{display:block}.setting-row small{color:#697b90;font-size:10px;margin-top:4px}.setting-row code{color:#e7c43d;font-size:10px}.danger-btn{justify-self:start;border:1px solid #6d2932;background:#260d12;color:#ff7580;border-radius:10px;padding:11px 15px}.toast{position:fixed;right:25px;bottom:25px;background:#091b13;border:1px solid #1c7449;color:#58e99a;border-radius:10px;padding:12px 15px;font-size:11px;z-index:150;box-shadow:0 15px 45px #0008}.mobile-bottom,.mobile-menu,.scrim{display:none}.error-box{border:1px solid #6e2b33;background:#2b0d13;color:#ff8590;padding:10px;border-radius:9px;font-size:10px}.login-shell{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 110%,#d98d001a,transparent 40%),linear-gradient(145deg,#010409,#07111b)}.login-brand{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:10px}.login-brand img{width:52px;height:52px;object-fit:contain}.login-brand strong{font-size:18px}.login-brand strong span{color:#a866ff}.login-brand small{display:block;color:#7d8ea1;letter-spacing:2px;font-size:8px}.login-card{width:min(430px,calc(100% - 30px));padding:30px;border:1px solid #735900;border-radius:22px;background:linear-gradient(145deg,#08121cdd,#040a11ee);box-shadow:0 30px 100px #000a;position:relative;z-index:2}.login-card h1{margin:9px 0;font-size:28px}.login-card p{color:#8191a5;font-size:11px;line-height:1.6;margin:0 0 22px}.login-card label{display:block;color:#8c9caf;font-size:10px;margin:14px 0}.login-card input{width:100%;margin-top:7px;padding:13px;border-radius:10px;border:1px solid #26394b;background:#050c13;color:#fff;outline:0}.login-card input:focus{border-color:#c49b00}.login-foot{display:flex;justify-content:space-between;color:#596c82;font-size:9px;margin-top:15px}.login-orbit{position:absolute;border:1px solid #ffb00018;border-radius:50%;filter:blur(.2px)}.orbit-a{width:650px;height:650px;right:-300px;top:-200px}.orbit-b{width:480px;height:480px;left:-260px;bottom:-260px}.mobile-menu{border:1px solid #203244;background:#07111a;color:#fff;border-radius:8px;width:36px;height:36px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.sidebar{width:220px}.main{margin-left:220px;width:calc(100% - 220px)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.25s;width:250px}.sidebar.mobile-open{transform:translate(0)}.scrim{display:block;position:fixed;inset:0;background:#0008;z-index:15}.main{margin-left:0;width:100%;padding-bottom:72px}.topbar{height:70px;padding:0 15px;gap:10px}.mobile-menu{display:block}.topbar h2{font-size:18px}.crumb{display:none}.top-actions .profile>div:not(.avatar),.sync-pill{display:none}.content{padding:16px 12px}.footer{padding:0 12px 12px;display:none}.hero-card{padding:22px;min-height:190px}.hero-card h1{font-size:24px}.hero-orb{width:110px}.hero-orb img{width:90px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:105px;padding:13px}.metric>strong{font-size:19px;margin-top:13px}.metric-top{font-size:9px}.page-actions{align-items:stretch;flex-direction:column}.search{max-width:none}.segmented{justify-content:space-between}.segmented button{flex:1}.summary-strip{flex-wrap:wrap;gap:10px}.auto-note{width:100%;margin:0}.panel-head{padding:15px}.table-wrap table{min-width:850px}.mobile-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:#06101aee;border-top:1px solid #223244;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom button{flex:1;border:0;background:transparent;color:#73859a;display:grid;place-items:center;align-content:center;gap:3px}.mobile-bottom button span{font-size:17px}.mobile-bottom button small{font-size:8px}.mobile-bottom button.active{color:#ffc400}.detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal-layer{padding:10px}.modal{max-height:94vh}.control-row{align-items:stretch;flex-wrap:wrap}.control-row label{min-width:100%}.control-row>span{min-width:100%}.toast{right:12px;bottom:78px;left:12px;text-align:center}.login-brand{top:16px;left:18px}.login-card{margin-top:70px;padding:22px}.login-card h1{font-size:24px}.settings-page .panel{overflow:visible}.setting-row{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.hero-orb{display:none}.top-actions{gap:4px}.profile{padding-left:2px}.profile b{font-size:10px}.profile small{font-size:8px}.detail-grid{grid-template-columns:1fr 1fr}}:root{--apex-bg:#050a11;--apex-panel:#0a111b;--apex-line:#1c2938;--apex-gold:#ffc400;--apex-purple:#b55cff}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 85% -10%,rgba(181,92,255,.1),transparent 34%),radial-gradient(circle at 15% 0%,rgba(255,196,0,.08),transparent 30%),#050a11}.app-shell{height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.main{min-width:0;min-height:0;height:100dvh;display:flex;flex-direction:column}.topbar{flex:0 0 74px}.content{width:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding-top:0}.footer{flex:0 0 auto}.metric,.panel,.hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.metric:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000038}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:1000}@media(max-width:760px){body{overflow:hidden}.app-shell{height:100dvh}.main{height:100dvh;padding-bottom:0}.content{padding:0 12px 84px;overflow:auto}.topbar{flex:0 0 64px;padding:0 12px}.top-actions .profile,.footer{display:none}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:68px;display:grid;grid-template-columns:repeat(5,1fr);z-index:60;background:#050a11f5;border-top:1px solid var(--apex-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom button{border:0;background:transparent;color:#788394;display:grid;place-items:center;align-content:center;gap:3px;font-size:9px}.mobile-bottom button.active{color:var(--apex-gold)}.hero-card{padding:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid-2{grid-template-columns:1fr}.table-wrap{overflow-x:auto}table{min-width:700px}}@media(max-width:420px){.content{padding-inline:9px}.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:17px}.topbar-title{min-width:0}}.svg-icon{width:18px;height:18px;display:block;flex:0 0 18px;stroke-width:1.65;filter:drop-shadow(0 0 5px rgba(255,196,0,.04));transition:transform .18s ease,filter .18s ease,stroke-width .18s ease}.nav-item:hover .svg-icon,.nav-item.active .svg-icon,.mobile-bottom button:hover .svg-icon,.mobile-bottom button.active .svg-icon{transform:translateY(-1px);filter:drop-shadow(0 0 7px rgba(255,196,0,.26));stroke-width:1.9}.mobile-bottom button span{display:grid;place-items:center;min-height:22px}.mobile-bottom .svg-icon{width:20px;height:20px;flex-basis:20px;stroke-width:1.55}.mobile-bottom button.active .svg-icon{filter:drop-shadow(0 0 9px rgba(255,196,0,.38))}.icon-btn .svg-icon,.ghost-btn .svg-icon,.gold-btn .svg-icon,.danger-btn .svg-icon,.small-btn .svg-icon{width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:5px}.icon-btn .svg-icon{margin:0;width:18px;height:18px;vertical-align:0}@media(max-width:760px){.mobile-bottom button{gap:4px}.mobile-bottom button small{letter-spacing:.15px}.mobile-bottom{box-shadow:0 -12px 35px #00000047}}.messages-page{display:grid;gap:16px}.messages-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 0 0}.messages-intro h1{margin:6px 0 5px;font-size:24px}.messages-intro p{margin:0;color:#7d8da1;font-size:11px;line-height:1.55}.messages-layout{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(250px,1fr) minmax(340px,1.65fr);gap:12px;min-height:520px}.message-admin-list,.message-user-list{padding:6px}.message-admin-list button,.message-user-list button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;color:#dce5ef;padding:11px 10px;margin:2px 0}.message-admin-list button:hover,.message-user-list button:hover{background:#0a1724;border-color:#1b3042}.message-admin-list button.selected,.message-user-list button.selected{background:linear-gradient(90deg,#17170f,#0b1722);border-color:#5f4c00;box-shadow:inset 3px 0 #ffc400}.message-admin-list button>span:last-child{font-size:9px;color:#8a9aae;background:#101f2e;border-radius:20px;padding:3px 7px}.message-user-list button{padding-right:8px}.message-user-list button>.status{margin-left:auto}.message-arrow{font-size:19px;color:#607287;line-height:1}.message-placeholder{min-height:420px;padding:28px;display:grid;place-items:center;align-content:center;text-align:center;color:#64758a}.message-placeholder>span{width:48px;height:48px;border:1px solid #273a4e;border-radius:14px;display:grid;place-items:center;margin-bottom:12px;color:#9eacbc}.message-placeholder b{color:#dce5ef;font-size:12px}.message-placeholder small{max-width:220px;margin-top:5px;font-size:10px;line-height:1.5}.conversation{display:flex;flex-direction:column;min-height:420px}.conversation-head{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid #162737;background:#07111a}.conversation-head small,.conversation-head b{display:block}.conversation-head small{color:#687a8f;font-size:9px;margin-top:3px}.message-thread{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px;max-height:480px}.message-bubble{max-width:82%;padding:10px 12px;border:1px solid #1d3042;border-radius:12px;background:#0a1621}.message-bubble.from-user{align-self:flex-start;border-color:#1d3042}.message-bubble.from-admin{align-self:flex-end;border-color:#5b4900;background:#171507}.message-meta{display:flex;align-items:center;gap:10px;font-size:9px;color:#73859a}.message-meta b{color:#cbd5e2}.message-meta span{margin-left:auto;color:#61748a}.message-bubble p{margin:7px 0 0;color:#e8eef5;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.attachment-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 7px;border:1px solid #2b4053;border-radius:7px;color:#9fb0c3;font-size:9px}.attachment-chip .svg-icon{width:13px;height:13px;margin:0}@media(max-width:1100px){.messages-layout{grid-template-columns:1fr 1fr}.messages-layout>.panel:last-child{grid-column:1/-1}}@media(max-width:760px){.messages-intro{align-items:flex-start;flex-direction:column;padding-top:14px}.messages-intro h1{font-size:20px}.messages-layout{grid-template-columns:1fr;gap:10px;min-height:0}.messages-layout>.panel:last-child{grid-column:auto}.message-admin-list,.message-user-list{max-height:300px;overflow:auto}.message-placeholder{min-height:180px}.conversation{min-height:360px}.message-thread{max-height:420px;padding:12px}.message-bubble{max-width:92%}}.messages-page{gap:14px}.messages-intro{padding-top:0}.message-admin-only{padding:8px}.message-admin-only button{min-height:66px}.message-modal-layer{padding:clamp(10px,3vw,28px)}.message-modal{width:min(760px,100%);max-height:min(88dvh,760px)}.message-modal-content{min-width:0}.message-modal .modal-head{padding:18px 20px}.message-modal .modal-head h2{font-size:20px}.message-modal .modal-head p{max-width:560px}.message-modal .modal-list{padding:8px;max-height:calc(min(88dvh,760px) - 118px);overflow:auto}.message-modal .message-user-list button{min-height:64px}.message-modal .conversation{min-height:0}.message-modal .message-thread{max-height:calc(min(88dvh,760px) - 210px);min-height:260px}.message-image-link{display:block;margin-top:9px;max-width:min(360px,100%);border-radius:10px;overflow:hidden;border:1px solid #2a3d50;background:#050b12}.message-image{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;background:#03070b}.attachment-loading{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 9px;border:1px solid #26394b;border-radius:8px;color:#8092a7;font-size:9px}@media(max-width:760px){.messages-intro{padding-top:0}.message-admin-only button{min-height:60px}.message-modal-layer{padding:8px}.message-modal{width:100%;max-height:94dvh;border-radius:16px}.message-modal .modal-head{padding:15px}.message-modal .modal-head h2{font-size:17px}.message-modal .modal-list{max-height:calc(94dvh - 105px)}.message-modal .message-thread{max-height:calc(94dvh - 195px);min-height:250px}.message-image-link{max-width:100%}.message-image{max-height:260px}}@media(max-width:420px){.message-admin-only button{padding:9px 8px}.message-admin-only button>span:last-child{display:none}.message-modal .modal-head{padding:13px}.message-modal .message-thread{padding:10px;gap:8px}.message-bubble{max-width:94%}}html,body,#root{width:100%;max-width:100%;min-width:320px}.app-shell,.main,.content,.page,.dashboard,.messages-page{min-width:0;max-width:100%}.main{width:auto}.content>*,.page>*,.dashboard>*,.messages-page>*,.messages-layout>.panel{min-width:0;max-width:100%}img,svg,video,canvas,iframe{max-width:100%;height:auto}button,input,select,textarea{min-width:0;max-width:100%}.topbar,.top-actions,.page-actions,.section-header,.settings-profile,.setting-row,.modal-head,.modal-actions,.messages-intro,.conversation-head{min-width:0}.topbar>*,.top-actions>*,.page-actions>*,.section-header>*,.settings-profile>*,.setting-row>*,.modal-head>*,.modal-actions>*,.messages-intro>*,.conversation-head>*{min-width:0}.search{min-width:0;max-width:100%}.table-wrap,.excel-table,.trade-table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.table-wrap table,.excel-table table,.trade-table{max-width:none}.modal-layer,.message-modal-layer{padding:clamp(8px,3vw,28px);overflow:auto}.modal,.message-modal{width:min(100%,760px);max-width:100%;max-height:min(94dvh,760px);overflow:auto}.form-grid{min-width:0}.form-grid input,.form-grid select,.form-grid textarea,.control-row input,.control-row select,.chat-compose textarea{min-width:0;max-width:100%}.messages-layout{min-width:0}.messages-layout>.panel{min-width:0}.message-admin-list,.message-user-list,.message-thread,.chat-messages{min-width:0}.message-bubble,.chat-bubble{overflow-wrap:anywhere;word-break:break-word}.message-image-link,.message-image{max-width:100%}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.control-row{min-width:0;flex-wrap:wrap}@media(max-width:1100px){.messages-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.messages-layout>.panel:last-child{grid-column:1/-1}}@media(max-width:760px){html,body,#root{overflow-x:hidden}.topbar{width:100%;min-width:0}.top-actions{flex:0 1 auto}.profile{min-width:0}.profile>div{min-width:0}.profile b,.profile small{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{width:100%;max-width:100%;overflow-x:hidden}.hero-card{width:100%;min-width:0}.metric-grid,.grid-2,.settings-grid{width:100%}.page-actions{align-items:stretch}.page-actions>*{max-width:100%}.form-grid{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.modal-actions>button{flex:1 1 140px}.messages-intro{align-items:flex-start}.messages-layout{grid-template-columns:1fr;width:100%}.messages-layout>.panel:last-child{grid-column:auto}.message-modal{width:100%;max-width:100%}.message-modal .modal-head,.message-modal .message-thread{min-width:0}.message-bubble,.chat-bubble{max-width:92%}}@media(max-width:430px){.content{padding-inline:9px}.hero-card{padding:15px}.metric-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.message-modal-layer{padding:7px}.message-modal{border-radius:15px}.message-modal .modal-head{padding:13px}.message-thread{padding:10px}}@media(max-width:360px){.topbar{padding-inline:8px}.topbar h2{font-size:16px}.content{padding-inline:7px}.detail-grid{grid-template-columns:1fr}.modal-actions>button{flex-basis:100%}}@media(min-width:1600px){.content{width:100%;max-width:1800px}}