:root{--color-bg:#080b12;--color-surface:#101622;--color-surface-hover:#171f2e;--color-primary:#7c5cff;--color-primary-hover:#9278ff;--color-text:#f4f6fb;--color-text-muted:#8b95a7;--color-border:#252d3d;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--font-family:Inter, system-ui, sans-serif}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.login-page{color:#fff;background:radial-gradient(at 15% 20%,#482db42e,#0000 38%),radial-gradient(at 85% 18%,#146eff24,#0000 40%),radial-gradient(at 75% 85%,#00d2aa1a,#0000 38%),radial-gradient(at 25% 90%,#782dd21f,#0000 42%),#02030a;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 20%,#0000002e 55%,#000000b8 100%);position:absolute;inset:0}.login-page:after{content:"";filter:blur(38px);opacity:.9;pointer-events:none;z-index:1;background:radial-gradient(#ffffff06 0%,#646eff12 20%,#00d2be09 38%,#0000 70%);width:150%;height:42%;position:absolute;top:29%;left:-25%;transform:rotate(-16deg)}.login-stars{z-index:2;pointer-events:none;opacity:.78;background-image:radial-gradient(circle at 4% 12%,#ffffffd9 0 1px,#0000 1.5px),radial-gradient(circle at 9% 68%,#aabeff8c 0 1px,#0000 1.5px),radial-gradient(circle at 15% 35%,#ffffffa6 0 1px,#0000 1.5px),radial-gradient(circle at 21% 82%,#6effdc8c 0 1px,#0000 1.5px),radial-gradient(circle at 28% 17%,#ffffffbf 0 1px,#0000 1.5px),radial-gradient(circle at 34% 61%,#aab4ff99 0 1px,#0000 1.5px),radial-gradient(circle at 41% 9%,#ffffff8c 0 1px,#0000 1.5px),radial-gradient(circle at 47% 87%,#ffffff80 0 1px,#0000 1.5px),radial-gradient(circle at 54% 24%,#64dcffa6 0 1px,#0000 1.5px),radial-gradient(circle at 61% 73%,#ffffffb3 0 1px,#0000 1.5px),radial-gradient(circle at 68% 13%,#aa96ffb3 0 1px,#0000 1.5px),radial-gradient(circle at 74% 48%,#fff9 0 1px,#0000 1.5px),radial-gradient(circle at 81% 88%,#5affd780 0 1px,#0000 1.5px),radial-gradient(circle at 87% 29%,#fffc 0 1px,#0000 1.5px),radial-gradient(circle at 94% 63%,#a0b4ffa6 0 1px,#0000 1.5px);position:absolute;inset:0}.login-stars:before{content:"";background:radial-gradient(circle at 12% 23%,#fffffff2 0 1.5px,#0000 3px),radial-gradient(circle at 39% 76%,#78ffdce6 0 1.5px,#0000 3px),radial-gradient(circle at 71% 18%,#96aafff2 0 1.5px,#0000 3px),radial-gradient(circle at 91% 52%,#ffffffe6 0 1.5px,#0000 3px);animation:5s ease-in-out infinite starsPulse;position:absolute;inset:0}@keyframes starsPulse{0%,to{opacity:.35}50%{opacity:1}}.login-orb{z-index:3;pointer-events:none;filter:blur(45px);border-radius:50%;position:absolute}.login-orb-one{background:radial-gradient(#00ffbe24,#00bea00d 38%,#0000 72%);width:650px;height:300px;animation:15s ease-in-out infinite nebulaOne;top:8%;left:-240px;transform:rotate(-20deg)}.login-orb-two{background:radial-gradient(#694bff2e,#4632d20e 40%,#0000 72%);width:720px;height:340px;animation:18s ease-in-out infinite nebulaTwo;bottom:3%;right:-260px;transform:rotate(18deg)}@keyframes nebulaOne{0%,to{transform:translate(0,0)rotate(-20deg)scale(1)}50%{transform:translate(40px,-20px)rotate(-15deg)scale(1.08)}}@keyframes nebulaTwo{0%,to{transform:translate(0,0)rotate(18deg)scale(1)}50%{transform:translate(-35px,25px)rotate(23deg)scale(1.07)}}.login-globe{z-index:4;pointer-events:none;opacity:.88;width:400px;height:400px;position:absolute;top:50%;left:13%;transform:translateY(-50%)}.globe-core{background:radial-gradient(circle at 35% 28%,#fff 0%,#9affea 5%,#00dca5 20%,#075447 43%,#020908 72%);border-radius:50%;width:125px;height:125px;animation:5s ease-in-out infinite coreGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #00ffbe99,0 0 85px #00ffbe38,inset -20px -20px 45px #000000a6}@keyframes coreGlow{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.06)}}.globe-ring{border:1px solid #5affdc33;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #00ffbe0f}.globe-ring-one{width:260px;height:260px;animation:9s linear infinite orbitOne;transform:translate(-50%,-50%)rotate(35deg)scaleY(.3)}.globe-ring-two{border-color:#785fff2e;width:350px;height:350px;animation:12s linear infinite orbitTwo;transform:translate(-50%,-50%)rotate(-30deg)scaleY(.23)}@keyframes orbitOne{0%{transform:translate(-50%,-50%)rotate(0)scaleY(.3)}to{transform:translate(-50%,-50%)rotate(360deg)scaleY(.3)}}@keyframes orbitTwo{0%{transform:translate(-50%,-50%)rotate(360deg)scaleY(.23)}to{transform:translate(-50%,-50%)rotate(0)scaleY(.23)}}.login-card{z-index:20;-webkit-backdrop-filter:blur(30px);background:linear-gradient(145deg,#141720e0,#05070cf0);border:1px solid #ffffff1a;border-radius:28px;width:min(455px,100vw - 40px);padding:42px;animation:.8s cubic-bezier(.2,.8,.2,1) both cardEnter;position:relative;box-shadow:0 35px 100px #0000009e,0 0 70px #5046ff0d,inset 0 1px #ffffff14}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.flora-logo{justify-content:center;margin-bottom:22px;display:flex}.flora-logo img{object-fit:contain;background:radial-gradient(circle,#00ffbe1a,#0000 70%);border:1px solid #ffffff14;border-radius:21px;width:82px;height:82px;padding:9px;box-shadow:0 0 35px #00ffbe1a,inset 0 0 20px #ffffff06}.login-header h1{letter-spacing:-.7px;background:linear-gradient(90deg,#fff,#d9fff5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:29px;font-weight:700;line-height:1.15}.login-header p{color:#71ffe0;margin:9px 0 4px;font-size:14px;font-weight:600}.login-header span{color:#ffffff6b;font-size:12px}.input-icon{color:#ffffff61;pointer-events:none;z-index:2;font-size:15px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-wrap input{color:#fff;background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff13;border-radius:14px;outline:none;width:100%;height:52px;padding:0 15px 0 44px;font-size:13px;transition:border-color .25s,box-shadow .25s,background .25s}.input-wrap input::placeholder{color:#ffffff40}.input-wrap:focus-within .input-icon{color:#6effdd}.login-options{justify-content:space-between;align-items:center;margin:3px 0 22px;display:flex}.remember{color:#ffffff7a;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.remember input{accent-color:#00dca5;width:14px;height:14px}.forgot{color:#71ffe0b8;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;transition:color .2s}.forgot:hover{color:#8affea}.login-submit{color:#02120d;cursor:pointer;background:linear-gradient(135deg,#00dca5,#00b98c 45%,#5664ff);border:1px solid #ffffff1f;border-radius:15px;width:100%;height:54px;font-size:13px;font-weight:800;transition:transform .25s,box-shadow .25s,filter .25s;position:relative;overflow:hidden;box-shadow:0 14px 35px #00d2a02e,inset 0 1px #ffffff4d}.login-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:80%;height:100%;transition:left .7s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.login-submit:hover:before{left:140%}.login-submit:disabled{opacity:.65;cursor:wait;transform:none}@media (width<=900px){.login-globe{opacity:.28;width:350px;height:350px;top:8%;left:50%;transform:translate(-50%)}.login-card{margin-top:35px}}@media (width<=520px){.login-page{padding:20px}.login-card{border-radius:23px;width:100%;padding:34px 24px 28px}.flora-logo img{width:72px;height:72px}.login-header h1{font-size:25px}.login-globe{opacity:.16}.login-orb-one,.login-orb-two{width:450px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.login-card{z-index:20;-webkit-backdrop-filter:blur(32px)saturate(135%);background:linear-gradient(145deg,#141822e8,#05070df2);border:1px solid #ffffff1b;border-radius:30px;width:min(460px,100vw - 40px);padding:44px 42px 40px;animation:.8s cubic-bezier(.16,1,.3,1) both loginCardIn;position:relative;overflow:hidden;box-shadow:0 45px 100px #000000ad,0 0 90px #4b41ff0e,0 0 55px #00ffbe09,inset 0 1px #ffffff17,inset 0 -1px #ffffff06}.login-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff29,#00ffbe1f 25%,#0000 48%,#5f50ff24 78%,#ffffff0f);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-card:after{content:"";filter:blur(25px);pointer-events:none;background:radial-gradient(#504bff1f,#0000 70%);border-radius:50%;width:300px;height:180px;position:absolute;top:-130px;right:-80px}.flora-logo:before{content:"";pointer-events:none;border:1px solid #00ffbe13;border-radius:18px;position:absolute;inset:7px}.login-header{z-index:2;text-align:center;margin-bottom:31px;position:relative}.login-header h1{letter-spacing:-.75px;color:#fff;text-shadow:0 2px 18px #00000059;margin:0;font-size:28px;font-weight:700;line-height:1.15}.login-header p{letter-spacing:.2px;color:#72f9da;margin:10px 0 5px;font-size:13px;font-weight:600}.login-header span{color:#ffffff61;letter-spacing:.1px;font-size:11px;display:block}.login-field{z-index:2;margin-bottom:18px;position:relative}.login-field label{color:#ffffff85;letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:650}.input-wrap input{background:linear-gradient(#ffffff0b,#ffffff04);border:1px solid #ffffff13;border-radius:15px;height:54px;font-size:13px;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;box-shadow:inset 0 1px #ffffff06,inset 0 -1px #0000002e}.login-options{z-index:2;margin:5px 0 23px;position:relative}.remember{color:#ffffff6e}.forgot{color:#71ffe0a8;transition:color .2s,text-shadow .2s}.login-submit{z-index:2;letter-spacing:.15px;background:linear-gradient(105deg,#00cfa0 0%,#00b78d 38%,#4258e8 100%);border:1px solid #ffffff21;border-radius:15px;height:55px;font-size:13px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s;position:relative;box-shadow:0 15px 35px #00c39629,0 5px 18px #3c46e61a,inset 0 1px #ffffff47}.login-error{z-index:2;background:linear-gradient(135deg,#ff375013,#ff375006);border:1px solid #ff4b5f29;border-radius:13px;position:relative;box-shadow:inset 0 1px #ffffff06}@keyframes loginCardIn{0%{opacity:0;filter:blur(5px);transform:translateY(28px)scale(.965)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=520px){.login-card{border-radius:24px;width:calc(100vw - 30px);padding:34px 23px 30px}.flora-logo{border-radius:21px;width:76px;height:76px;margin-bottom:21px}.flora-logo img{width:57px;height:57px}.login-header h1{font-size:25px}}.login-card{z-index:20;-webkit-backdrop-filter:blur(35px)saturate(145%);isolation:isolate;background:linear-gradient(160deg,#1b1e28d1 0%,#0b0d13f0 48%,#06080df7 100%);border:1px solid #ffffff1d;border-radius:26px;width:min(448px,100vw - 40px);padding:46px 44px 42px;position:relative;overflow:hidden;box-shadow:0 50px 120px #000000b8,0 20px 55px #0000006b,0 0 80px #4b4bff0b,inset 0 1px #ffffff1b,inset 0 -1px #0000008c}.login-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(125deg,#ffffff29 0%,#ffffff09 18%,#0000 38% 67%,#6455ff14 82%,#ffffff0e 100%);position:absolute;inset:0}.login-card:after{content:"";filter:blur(28px);pointer-events:none;z-index:-1;background:radial-gradient(#7891ff1c,#00ffbe06 42%,#0000 72%);width:360px;height:220px;position:absolute;top:-175px;left:50%;transform:translate(-50%)}.flora-logo{background:linear-gradient(145deg,#ffffff13,#ffffff05);border:1px solid #ffffff1b;border-radius:23px;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 25px;display:flex;position:relative;box-shadow:0 18px 45px #0006,inset 0 1px #ffffff1a,inset 0 -10px 25px #0000002e}.flora-logo:after{content:"";pointer-events:none;border:1px solid #00ffbe11;border-radius:18px;position:absolute;inset:6px;box-shadow:0 0 22px #00ffbe09}.flora-logo img{z-index:2;object-fit:contain;filter:drop-shadow(0 6px 16px #00000061)drop-shadow(0 0 14px #00ffbe12);width:62px;height:62px;position:relative}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#fff;letter-spacing:-.85px;margin:0;font-size:28px;font-weight:700;line-height:1.15}.login-header p{color:#76f9dd;letter-spacing:.15px;margin:9px 0 5px;font-size:13px;font-weight:600}.login-header span{color:#ffffff61;letter-spacing:.05px;font-size:11px}.login-field{margin-bottom:20px}.login-field label{color:#ffffff7a;letter-spacing:.85px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.input-wrap{position:relative}.input-wrap input{background:linear-gradient(#ffffff0b,#ffffff03);border:1px solid #ffffff13;border-radius:14px;height:54px;transition:border-color .25s,background .25s,box-shadow .25s;box-shadow:inset 0 1px #ffffff06,inset 0 -1px #00000040}.input-wrap input:hover{border-color:#ffffff24}.input-wrap input:focus{background:linear-gradient(#00ffbe09,#ffffff03);border-color:#00ffbe57;box-shadow:0 0 0 3px #00ffbe0b,inset 0 1px #ffffff0a,0 12px 28px #0000002e}.input-icon{color:#ffffff52;transition:color .25s,transform .25s}.input-wrap:focus-within .input-icon{color:#70f8dc;transform:translateY(-50%)scale(1.05)}.login-options{margin:2px 0 24px}.remember{color:#fff6;font-size:11px}.remember input{accent-color:#00cfa0}.forgot{color:#76f9dd9e;font-size:11px;transition:color .2s,text-shadow .2s}.forgot:hover{color:#85ffe5;text-shadow:0 0 16px #00ffbe2e}.login-submit{color:#03120e;letter-spacing:.1px;background:linear-gradient(105deg,#05d4a3 0%,#00b98c 42%,#5964ef 100%);border:1px solid #ffffff24;border-radius:14px;height:55px;font-size:13px;font-weight:800;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s;box-shadow:0 18px 38px #00be9629,0 8px 25px #4650e617,inset 0 1px #ffffff52}.login-submit:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 22px 48px #00be9636,0 10px 28px #4650e61f,0 0 32px #00ffbe0e,inset 0 1px #ffffff59}.login-submit:active{transform:translateY(0)}.login-error{color:#ff9aa5;background:linear-gradient(135deg,#ff375012,#ff375006);border:1px solid #ff465a26;border-radius:12px;margin-bottom:16px;padding:11px 13px;font-size:11px}@media (width<=520px){.login-card{border-radius:24px;width:calc(100vw - 30px);padding:36px 24px 32px}.flora-logo{border-radius:21px;width:74px;height:74px}.flora-logo img{width:56px;height:56px}.login-header h1{font-size:25px}}#root{min-height:100vh}.admin-layout{background:var(--color-bg);min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);width:240px;padding:28px 18px}.sidebar h2{color:var(--color-primary);margin:0 0 35px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar a{color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;padding:12px 14px}.sidebar a.active,.sidebar a:hover{color:var(--color-text);background:var(--color-surface-hover)}.admin-main{flex:1}.topbar{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:28px 36px;display:flex}.topbar h1,.topbar p{margin:0}.topbar p{color:var(--color-text-muted);margin-top:6px}.topbar-user{align-items:center;gap:12px;display:flex}.avatar{background:var(--color-primary);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.admin-content{padding:36px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat-card,.welcome-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:24px}.stat-card{flex-direction:column;gap:18px;display:flex}.stat-card span{color:var(--color-text-muted)}.stat-card strong{font-size:30px}.online{color:#48d597}.welcome-card{margin-top:24px}.welcome-card p{color:var(--color-text-muted)}.sidebar-brand{align-items:center;gap:12px;margin-bottom:38px;display:flex}.brand-icon{color:#fff;background:var(--color-primary);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.sidebar-brand h2{color:var(--color-text);margin:0;font-size:22px}.sidebar-brand span{color:var(--color-text-muted);font-size:11px}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-label{color:var(--color-text-muted);letter-spacing:1.4px;margin:0 12px 10px;font-size:10px;font-weight:700}.sidebar a{align-items:center;gap:13px;text-decoration:none;transition:all .2s;display:flex}.sidebar a svg{flex-shrink:0}.sidebar a.active{border-left:3px solid var(--color-primary);background:linear-gradient(90deg,#7c5cff38,#0000)}.sidebar-footer{color:var(--color-text-muted);align-items:center;gap:8px;margin-top:35px;padding:12px;font-size:11px;display:flex}.topbar-heading h1{letter-spacing:-.8px;font-size:32px}.topbar-actions{align-items:center;gap:18px;display:flex}.global-search{border:1px solid var(--color-border);background:var(--color-surface);width:230px;color:var(--color-text-muted);border-radius:10px;align-items:center;gap:9px;padding:10px 12px;display:flex}.global-search input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.global-search input::placeholder{color:var(--color-text-muted)}.clear-search,.icon-button,.profile-button,.dropdown button{cursor:pointer;border:0}.clear-search{color:var(--color-text-muted);background:0 0;place-items:center;padding:0;display:grid}.topbar-menu{position:relative}.icon-button{border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);background:var(--color-surface);border-radius:10px;place-items:center;display:grid;position:relative}.icon-button:hover,.profile-button:hover{background:var(--color-surface-hover)}.notification-badge{color:#fff;background:var(--color-primary);border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.profile-button{color:var(--color-text);background:0 0;border-radius:12px;align-items:center;gap:10px;padding:5px 8px;display:flex}.profile-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.profile-info strong{font-size:13px}.profile-info span{color:var(--color-text-muted);font-size:10px}.dropdown{z-index:10;border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;min-width:220px;padding:14px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 45px #0000004d}.dropdown h3{margin:0 0 12px;font-size:14px}.dropdown p{color:var(--color-text-muted);margin:8px 0;font-size:12px}.dropdown button{width:100%;color:var(--color-text);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:11px 8px;display:flex}.dropdown button:hover{background:var(--color-surface-hover)}@media (width<=900px){.global-search{width:180px}.profile-info{display:none}}@media (width<=640px){.topbar{flex-direction:column;align-items:flex-start;gap:18px}.topbar-actions{flex-wrap:wrap;width:100%}.global-search{flex:1;min-width:160px}}.dashboard-intro{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.dashboard-intro h2{margin:0;font-size:23px}.dashboard-intro p{color:var(--color-text-muted);margin:8px 0 0}.live-indicator{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.live-indicator span{background:#48d597;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #48d597b3}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.metric-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:22px}.metric-icon{width:36px;height:36px;color:var(--color-primary-hover);background:#7c5cff1f;border-radius:10px;place-items:center;display:grid}.metric-card strong{letter-spacing:-.8px;margin:22px 0 12px;font-size:32px;display:block}.metric-status{color:var(--color-text-muted);font-size:12px}.metric-status.success{color:#48d597}.metric-status.warning{color:#f5b942}.dashboard-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-surface), #7c5cff14);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:26px;display:flex}.dashboard-panel h2{margin:0;font-size:19px}.dashboard-panel p{color:var(--color-text-muted);margin:8px 0 0}.panel-status{white-space:nowrap;color:#48d597;font-size:12px}@media (width<=900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.dashboard-intro,.dashboard-panel{flex-direction:column;align-items:flex-start}.metrics-grid{grid-template-columns:1fr}}.performance-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:24px;padding:24px}.performance-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.performance-header h2{margin:0;font-size:19px}.performance-header p{color:var(--color-text-muted);margin:7px 0 0;font-size:13px}.performance-legend{color:var(--color-text-muted);gap:18px;font-size:12px;display:flex}.performance-legend span{align-items:center;gap:6px;display:flex}.performance-legend i{border-radius:50%;width:7px;height:7px}.legend-cpu{background:#7c5cff}.legend-ram{background:#48d597}.legend-gpu{background:#5ca9ff}.performance-chart{width:100%;height:280px}@media (width<=600px){.performance-header{flex-direction:column;align-items:flex-start;gap:14px}.performance-legend{flex-wrap:wrap}}.activity-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:24px;padding:24px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.section-heading h2{margin:0;font-size:19px}.section-heading p{color:var(--color-text-muted);margin:7px 0 0;font-size:13px}.section-badge{color:#48d597;border:1px solid #48d5974d;border-radius:20px;padding:6px 10px;font-size:11px}.activity-list{flex-direction:column;display:flex}.activity-item{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:15px 0;display:flex}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-icon{width:36px;height:36px;color:var(--color-primary-hover);background:#7c5cff1f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.activity-icon.success{color:#48d597;background:#48d5971a}.activity-content{flex-direction:column;flex:1;gap:5px;display:flex}.activity-content strong{font-size:13px}.activity-content span,.activity-item time{color:var(--color-text-muted);font-size:12px}.activity-item time{white-space:nowrap}@media (width<=600px){.activity-item{align-items:flex-start}.activity-item time{display:none}}.device-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:24px;padding:24px}.device-list{flex-direction:column;display:flex}.device-item{border-bottom:1px solid var(--color-border);align-items:center;gap:14px;padding:16px 0;display:flex}.device-item:last-child{border-bottom:none;padding-bottom:0}.device-icon{width:42px;height:42px;color:var(--color-primary-hover);background:#7c5cff1f;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.device-info{flex-direction:column;flex:1;gap:5px;display:flex}.device-info strong{font-size:13px}.device-info span,.device-activity span{color:var(--color-text-muted);font-size:12px}.device-activity{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.device-activity small{color:#48d597;align-items:center;gap:5px;font-size:12px;display:flex}@media (width<=600px){.device-item{align-items:flex-start}.device-activity{align-items:flex-end}}.api-usage-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-top:24px;padding:24px}.api-summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.api-summary-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#7c5cff0a;padding:18px}.api-summary-icon{width:34px;height:34px;color:var(--color-primary-hover);background:#7c5cff1f;border-radius:9px;place-items:center;margin-bottom:14px;display:grid}.api-summary-card span{color:var(--color-text-muted);font-size:12px;display:block}.api-summary-card strong{margin-top:8px;font-size:24px;display:block}.usage-progress-section{margin-top:26px}.usage-progress-label{color:var(--color-text-muted);justify-content:space-between;gap:12px;font-size:13px;display:flex}.usage-progress-label strong{color:var(--color-text)}.usage-progress-track{background:var(--color-border);border-radius:20px;height:9px;margin-top:12px;overflow:hidden}.usage-progress-fill{border-radius:inherit;background:var(--color-primary);width:24%;height:100%}.usage-progress-section p{color:var(--color-text-muted);margin:10px 0 0;font-size:12px}@media (width<=600px){.api-summary-grid{grid-template-columns:1fr}.usage-progress-label{flex-direction:column;gap:6px}}.intelligence-center{margin-top:24px;padding:24px}.intelligence-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.intelligence-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.intelligence-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#7c5cff09;padding:18px}.intelligence-label{color:var(--color-text-muted);margin-bottom:12px;font-size:11px;display:block}.intelligence-card strong{margin-bottom:10px;font-size:15px;display:block}.intelligence-card small{font-size:11px}.status-online{color:#35d399}@media (width<=900px){.intelligence-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.intelligence-header{flex-direction:column}.intelligence-grid{grid-template-columns:1fr}}.dashboard-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.dashboard-secondary-grid>*{min-width:0;margin-top:0}@media (width<=900px){.dashboard-secondary-grid{grid-template-columns:1fr}}.dashboard-top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;margin-bottom:24px;display:grid}.dashboard-top-grid>*{min-width:0;margin-top:0}.system-overview-panel{box-sizing:border-box;min-width:0;padding:24px;display:block}.system-overview-panel .dashboard-intro{justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:22px;display:flex}.system-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.system-metrics-grid .metric-card-header{gap:10px}.system-metrics-grid .metric-icon{width:34px;height:34px}.api-usage-panel{box-sizing:border-box;height:100%}@media (width<=1200px){.dashboard-top-grid{grid-template-columns:1fr}}@media (width<=900px){.system-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.system-overview-panel .dashboard-intro{flex-direction:column;align-items:flex-start;gap:14px}.system-metrics-grid{grid-template-columns:1fr}}.system-overview-panel .system-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.system-metrics-grid .metric-card{border-radius:var(--radius-md);box-sizing:border-box;min-width:0;height:auto;min-height:0;padding:18px}.system-metrics-grid .metric-card strong{margin:14px 0 10px;font-size:24px}@media (width<=600px){.system-overview-panel .system-metrics-grid{grid-template-columns:1fr}}.intelligence-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.intelligence-icon{width:38px;height:38px;color:var(--color-primary-hover);background:#7c5cff1f;border:1px solid #7c5cff2e;border-radius:11px;place-items:center;display:grid}.intelligence-state{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.intelligence-state.online{color:#35d399;background:#35d3991a;border:1px solid #35d3992e}.intelligence-state.standby{color:#f5b942;background:#f5b9421a;border:1px solid #f5b9422e}.intelligence-card small{color:var(--color-text-muted);margin-top:8px;font-size:11px;line-height:1.5;display:block}.panel-status{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.intelligence-card{transition:transform .2s,border-color .2s,background .2s}.intelligence-card:hover{background:#7c5cff12;border-color:#7c5cff59;transform:translateY(-2px)}@media (width<=900px){.intelligence-card-top{margin-bottom:14px}}@media (width<=600px){.intelligence-card-top{gap:8px}.intelligence-icon{width:34px;height:34px}.intelligence-state{padding:4px 7px;font-size:9px}}.section-badge{align-items:center;gap:6px;display:inline-flex}.status-dot{background:#35d399;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #35d39999}.activity-time{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.activity-item{transition:background .2s,transform .2s}.activity-item:hover{background:#7c5cff0a;transform:translate(2px)}.device-status-online{color:#35d399;align-items:center;gap:5px;display:inline-flex}.device-item{transition:background .2s,transform .2s}.device-item:hover{background:#7c5cff0a;transform:translate(2px)}.device-icon{transition:color .2s,background .2s}.device-item:hover .device-icon{color:var(--color-primary-hover);background:#7c5cff1f}.api-summary-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.api-summary-trend{color:var(--color-text-muted);opacity:.7}.api-summary-card{transition:transform .2s,border-color .2s,background .2s}.api-summary-card:hover{background:#7c5cff0f;border-color:#7c5cff59;transform:translateY(-2px)}.api-summary-card small{color:var(--color-text-muted);margin-top:7px;font-size:10px;display:block}.api-usage-panel .section-badge{align-items:center;gap:5px;display:inline-flex}.usage-progress-track{overflow:hidden}.usage-progress-fill{transition:width .5s}.system-overview-panel .metric-card{transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.system-overview-panel .metric-card:hover{background:#7c5cff0f;border-color:#7c5cff73;transform:translateY(-4px);box-shadow:0 8px 24px #00000029}.system-overview-panel .metric-card:hover .metric-icon{transform:scale(1.08)}.system-overview-panel .metric-icon{transition:transform .25s}.intelligence-center{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:24px;width:50%;min-width:0;display:flex!important}.intelligence-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;min-width:0;margin-bottom:0;display:flex}.intelligence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;min-width:0;margin-top:0;display:grid}.intelligence-card{box-sizing:border-box;border-radius:14px;min-width:0;min-height:118px;padding:18px}.intelligence-card-top{margin-bottom:14px}.intelligence-card strong{overflow-wrap:anywhere;font-size:15px}@media (width<=1100px){.intelligence-center{width:100%}.intelligence-header{flex-direction:column;align-items:flex-start}}@media (width<=600px){.intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.devices-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex;overflow-x:hidden}.devices-page *,.devices-page :before,.devices-page :after{box-sizing:border-box}.devices-page-header,.devices-section-header{justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex}.devices-page-header h2,.devices-section-header h3{color:var(--color-text);margin:0}.devices-page-header h2{font-size:24px}.devices-page-header p,.devices-section-header p{color:var(--color-text-muted);margin:6px 0 0;font-size:13px}.devices-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;min-width:0;display:grid}.device-summary-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:145px;padding:22px 18px;display:flex;overflow:hidden}.device-summary-card>span{color:var(--color-text-muted);font-size:13px}.device-summary-card>strong{color:var(--color-text);letter-spacing:-.8px;font-size:29px;line-height:1}.device-summary-card>small{color:var(--color-text-muted);font-size:12px}.summary-device-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;max-width:280px;margin-top:4px;display:grid}.summary-device-breakdown>div{color:#b7c2d8;background:#1a2234;border:1px solid #39455e;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 7px;font-size:11px;display:flex}.summary-device-breakdown svg{color:#b39aff;flex-shrink:0}.summary-device-breakdown span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.summary-device-breakdown b{color:#f3f6ff;font-weight:700}.device-summary-card:last-child>strong{margin-bottom:4px}.devices-list-panel{border-radius:16px;width:100%;min-width:0;padding:24px;overflow:hidden;background:#101625!important;border:1px solid #2b354c!important;flex-direction:column!important;align-items:stretch!important;display:flex!important}.devices-section-header{width:100%}.devices-section-header h3{font-size:18px}.devices-section-header p{font-size:12px}.user-devices-list{gap:20px;width:100%;min-width:0;margin-top:24px;flex-direction:column!important;display:flex!important}.user-devices-card{border-radius:14px;width:100%;min-width:0;padding:20px;transition:background .2s,border-color .2s;overflow:hidden;box-shadow:0 5px 18px #0000002e;background:#192238!important;border:1px solid #3b4965!important;flex-direction:column!important;display:flex!important}.user-devices-card:hover{background:#1d2941!important;border-color:#7560d7!important}.user-devices-header{justify-content:space-between;align-items:center;gap:16px;width:100%;min-width:0;padding-bottom:16px;display:flex;border-bottom:1px solid #3b4965!important}.user-devices-profile{align-items:center;gap:12px;min-width:0;display:flex}.user-profile-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;color:#c5b8ff!important;background:#302b52!important;border:1px solid #6557a0!important}.user-devices-info{min-width:0}.user-devices-info h4{overflow-wrap:anywhere;margin:0;font-size:14px;color:#f3f6ff!important}.user-devices-info p{overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;color:#b3bfd4!important}.user-device-count{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:11px;color:#d2dbeb!important;background:#29344b!important;border:1px solid #465571!important}.nested-devices-grid,.user-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0;margin-top:16px;display:grid}.nested-device-card{border-radius:12px;flex-direction:column;min-width:0;min-height:190px;padding:16px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 12px #00000029;background:#263149!important;border:1px solid #465673!important}.nested-device-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #00000040;background:#2d3a56!important;border-color:#9580ff!important}.nested-device-top,.nested-device-card-header{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.nested-device-icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;color:#d0c5ff!important;background:#3b3760!important;border:1px solid #655a9d!important}.nested-device-card h5{overflow-wrap:anywhere;margin:16px 0 5px;font-size:14px;color:#f3f6ff!important}.nested-device-card>p{overflow-wrap:anywhere;margin:0;font-size:12px;color:#b3bfd4!important}.nested-device-meta{flex-wrap:wrap;gap:8px 14px;margin-top:14px;font-size:11px;display:flex;color:#b8c4d9!important}.nested-device-meta span{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;display:inline-flex}.device-online-status{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:11px;display:inline-flex;color:#6be2ac!important}.device-online-status span{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.nested-device-footer{align-items:center;gap:6px;margin-top:auto;padding-top:14px;font-size:11px;display:flex;color:#6be2ac!important;border-top:1px solid #465673!important}.devices-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;min-width:0;margin-top:24px;display:grid!important}.device-management-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;min-height:190px;padding:20px;display:flex;position:relative}@media (width<=1200px){.devices-summary-grid{gap:14px}.device-summary-card{padding:20px 12px}.summary-device-breakdown{gap:7px}.devices-list-panel{padding:22px}}@media (width<=1000px){.devices-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.device-summary-card{min-height:140px;padding:16px 9px}.summary-device-breakdown{grid-template-columns:1fr;max-width:145px}.summary-device-breakdown>div{justify-content:flex-start}.nested-devices-grid,.user-device-grid{gap:12px}}@media (width<=800px){.devices-page-header,.devices-section-header{flex-direction:column;align-items:flex-start;gap:12px}.devices-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-summary-card:last-child{grid-column:span 2}.summary-device-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));max-width:270px}.devices-list-panel{padding:18px}.user-devices-card{padding:16px}}@media (width<=620px){.devices-summary-grid{grid-template-columns:1fr}.device-summary-card,.device-summary-card:last-child{grid-column:auto;min-height:130px;padding:20px}.summary-device-breakdown{max-width:33%}.nested-devices-grid,.user-device-grid,.devices-list{grid-template-columns:1fr}.devices-list-panel,.user-devices-card{border-radius:13px;padding:14px}.user-devices-header{flex-wrap:wrap;align-items:flex-start}.user-device-count{margin-left:auto}.nested-device-card{min-height:200px;padding:15px}}@media (width<=420px){.devices-page{gap:18px}.devices-page-header h2{font-size:21px}.devices-list-panel{padding:10px}.user-devices-card{padding:15px}.summary-device-breakdown{grid-template-columns:1fr;max-width:220px}.nested-device-meta{flex-direction:column;gap:7px}.user-devices-info h4{font-size:13px}.user-devices-info p,.nested-device-card>p{font-size:11px}}.devices-page,.devices-page .devices-list-panel,.devices-page .user-devices-card,.devices-page .nested-device-card{max-width:100%}.devices-page h1,.devices-page h2,.devices-page h3,.devices-page h4,.devices-page h5,.devices-page p,.devices-page span{overflow-wrap:anywhere}.credentials-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.credentials-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.credentials-title-row{align-items:center;gap:14px;display:flex}.credentials-main-icon{color:#b9aaff;background:#7c5cff21;border:1px solid #7c5cff4d;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.credentials-header h2{color:var(--color-text);margin:0;font-size:26px}.credentials-header p{color:var(--color-text-muted);margin:7px 0 0;font-size:13px}.credentials-add-button,.credentials-empty-button,.credentials-save-button,.credentials-verify-button{cursor:pointer;font:inherit;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.credentials-add-button{color:#fff;background:var(--color-primary);padding:12px 16px}.credentials-add-button:hover,.credentials-save-button:hover,.credentials-empty-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.credentials-security-banner{background:#35d3990d;border:1px solid #35d39933;border-radius:14px;align-items:center;gap:14px;padding:18px 20px;display:flex}.credentials-security-icon{color:#5ee5aa;background:#35d3991f;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.credentials-security-banner strong{color:var(--color-text);font-size:13px}.credentials-security-banner p{color:var(--color-text-muted);margin:5px 0 0;font-size:12px}.credentials-security-status{color:#5ee5aa;white-space:nowrap;align-items:center;gap:5px;margin-left:auto;font-size:11px;display:inline-flex}.credentials-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.credentials-summary-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:20px;transition:all .2s}.credentials-summary-card:hover{border-color:#7c5cff66;transform:translateY(-3px)}.credentials-summary-card span,.credentials-summary-card small{color:var(--color-text-muted);font-size:12px;display:block}.credentials-summary-card strong{color:var(--color-text);margin:12px 0 8px;font-size:30px;display:block}.credentials-list-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;padding:24px}.credentials-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.credentials-section-heading h3{color:var(--color-text);margin:0;font-size:18px}.credentials-section-heading p{color:var(--color-text-muted);margin:7px 0 0;font-size:12px}.credentials-count-badge{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:20px;padding:6px 10px;font-size:11px}.credentials-empty-state{text-align:center;flex-direction:column;align-items:center;padding:48px 20px;display:flex}.credentials-empty-icon{color:#b9aaff;background:#7c5cff1f;border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.credentials-empty-state h3{color:var(--color-text);margin:18px 0 8px;font-size:17px}.credentials-empty-state p{max-width:420px;color:var(--color-text-muted);margin:0 0 20px;font-size:12px;line-height:1.7}.credentials-empty-button{color:#fff;background:var(--color-primary);padding:11px 15px}.credentials-list{flex-direction:column;gap:14px;display:flex}.credential-card{border:1px solid var(--color-border);background:#7c5cff09;border-radius:13px;align-items:center;gap:14px;padding:18px;transition:all .2s;display:flex}.credential-card:hover{background:#7c5cff12;border-color:#7c5cff66}.credential-card-icon{color:#b9aaff;background:#7c5cff21;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.credential-card-content{flex:1;min-width:0}.credential-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.credential-card-top h4{color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:14px}.credential-card-top p{color:var(--color-text-muted);margin:5px 0 0;font-size:11px}.credential-status{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.credential-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.credential-status.verified{color:#5ee5aa;background:#35d3991a}.credential-status.unverified{color:#f5b942;background:#f5b9421a}.credential-key{border:1px solid var(--color-border);width:fit-content;max-width:100%;color:var(--color-text-muted);overflow-wrap:anywhere;background:#0000001f;border-radius:7px;margin-top:12px;padding:7px 10px;font-family:monospace;font-size:11px}.credential-card-actions{align-items:center;gap:8px;display:flex}.credential-verify-button{color:#5ee5aa;background:#35d39914;border:1px solid #35d39940;padding:9px 11px}.credential-delete-button,.credentials-close-button{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:9px;place-items:center;display:grid}.credential-delete-button{width:35px;height:35px}.credential-delete-button:hover{color:#f77;background:#ff777714;border-color:#ff77774d}.credentials-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070fc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.credentials-modal{border:1px solid var(--color-border);background:#151c2d;border-radius:18px;width:100%;max-width:480px;padding:24px;box-shadow:0 25px 80px #0006}.credentials-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.credentials-modal-header h3{color:#f3f6ff;margin:0;font-size:19px}.credentials-modal-header p{color:#9daac2;margin:7px 0 0;font-size:12px}.credentials-close-button{width:34px;height:34px}.credentials-close-button:hover{color:#fff;background:#29344b}.credentials-form{flex-direction:column;gap:18px;margin-top:26px;display:flex}.credentials-form label{color:#c5cee0;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.credentials-form input,.credentials-form select{box-sizing:border-box;color:#f3f6ff;width:100%;font:inherit;background:#0f1625;border:1px solid #35425b;border-radius:9px;outline:none;padding:12px;font-size:12px}.credentials-form input:focus,.credentials-form select:focus{border-color:#806aff}.credentials-form input::placeholder{color:#65738c}.credentials-key-input{background:#0f1625;border:1px solid #35425b;border-radius:9px;align-items:center;gap:8px;padding-right:10px;display:flex}.credentials-key-input input{border:0}.credentials-key-input button{color:#9daac2;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.credentials-modal-footer{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.credentials-cancel-button,.credentials-save-button{cursor:pointer;font:inherit;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:600}.credentials-cancel-button{color:#aab6cc;background:0 0;border:1px solid #35425b}.credentials-save-button{color:#fff;background:var(--color-primary);border:0}.credentials-save-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=700px){.credentials-header{flex-direction:column;align-items:flex-start}.credentials-add-button{width:100%}.credentials-summary-grid{grid-template-columns:1fr}.credentials-security-banner{flex-wrap:wrap;align-items:flex-start}.credentials-security-status{width:100%;margin-left:54px}}@media (width<=520px){.credentials-list-panel{padding:16px}.credentials-section-heading{flex-direction:column;align-items:flex-start}.credential-card{flex-wrap:wrap;align-items:flex-start}.credential-card-content{min-width:calc(100% - 58px)}.credential-card-actions{justify-content:flex-end;width:100%}.credentials-modal{padding:20px}}.conversation-workspace{flex-direction:column;gap:24px;display:flex}.conversation-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.conversation-header h2{color:var(--color-text);margin:0;font-size:28px;font-weight:700}.conversation-header p{color:var(--color-muted);margin:8px 0 0}.conversation-new-button{border:1px solid var(--color-border);background:var(--color-primary);color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:flex}.conversation-layout{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;grid-template-columns:280px 1fr;min-height:600px;display:grid;overflow:hidden}.conversation-list-panel{border-right:1px solid var(--color-border);background:var(--color-surface);padding:20px}.conversation-list-heading{color:var(--color-muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;font-weight:700;display:flex}.conversation-list-item{width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.conversation-list-item.active{border-color:var(--color-border);background:var(--color-bg)}.conversation-list-item strong,.conversation-list-item span{display:block}.conversation-list-item strong{font-size:14px}.conversation-list-item span{color:var(--color-muted);margin-top:5px;font-size:12px}.conversation-chat-panel{flex-direction:column;min-width:0;display:flex}.conversation-chat-header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:20px 24px;display:flex}.conversation-ai-icon{background:var(--color-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.conversation-chat-header strong,.conversation-chat-header span{display:block}.conversation-chat-header strong{color:var(--color-text)}.conversation-chat-header span{color:var(--color-muted);margin-top:4px;font-size:12px}.conversation-online-status{background:#22c55e1f;border-radius:20px;margin-left:auto;padding:5px 10px;font-size:12px;font-weight:600;color:#22c55e!important}.conversation-messages{flex-direction:column;flex:1;gap:16px;padding:28px;display:flex;overflow-y:auto}.conversation-message-row{display:flex}.conversation-message-row.assistant{justify-content:flex-start}.conversation-message{background:var(--color-bg);max-width:75%;color:var(--color-text);border-radius:14px;padding:13px 16px;font-size:14px;line-height:1.6}.conversation-message-row.user .conversation-message{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.conversation-message-row.assistant .conversation-message{border-bottom-left-radius:4px}.conversation-input-area{border:1px solid var(--color-border);background:var(--color-bg);border-radius:14px;align-items:flex-end;gap:12px;margin:0 24px;padding:12px;display:flex}.conversation-input-area textarea{resize:vertical;min-height:24px;max-height:140px;color:var(--color-text);font:inherit;background:0 0;border:none;outline:none;flex:1}.conversation-input-area button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.conversation-input-area button:disabled{opacity:.4;cursor:not-allowed}.conversation-input-note{text-align:center;color:var(--color-muted);margin:10px 24px 18px;font-size:12px}@media (width<=900px){.conversation-layout{grid-template-columns:1fr}.conversation-list-panel{display:none}}@media (width<=600px){.conversation-header{flex-direction:column;align-items:flex-start}.conversation-header h2{font-size:24px}.conversation-messages{padding:18px}.conversation-message{max-width:90%}.conversation-input-area{margin:0 12px}.conversation-input-note{margin:10px 12px 18px}}.conversation-list-item-wrapper{border:1px solid #0000;border-radius:14px;align-items:center;gap:4px;width:100%;margin-bottom:6px;transition:all .25s;display:flex;position:relative}.conversation-list-item-wrapper:hover{background:#ffffff09;border-color:#ffffff12}.conversation-list-item-wrapper.active{background:linear-gradient(135deg,#84b43421,#015a321f);border-color:#84b43438}.conversation-list-item-wrapper .conversation-list-item{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:13px;flex:1;align-items:center;gap:12px;padding:13px 10px 13px 13px;transition:all .25s;display:flex}.conversation-list-item-wrapper .conversation-list-item:hover{background:0 0}.conversation-list-item svg{color:#8b949e;flex-shrink:0;transition:color .25s}.conversation-list-item-wrapper.active .conversation-list-item svg{color:#84b434}.conversation-list-item div{flex-direction:column;gap:4px;min-width:0;display:flex}.conversation-list-item strong{color:#e6edf3;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.4;overflow:hidden}.conversation-list-item span{color:#7d8792;font-size:11px;font-weight:500}.conversation-list-item-wrapper.active .conversation-list-item span{color:#84b434}.conversation-menu-button{color:#7d8792;cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:7px;transition:all .25s;display:flex}.conversation-list-item-wrapper:hover .conversation-menu-button,.conversation-list-item-wrapper.active .conversation-menu-button{opacity:1}.conversation-menu-button:hover{color:#84b434;background:#84b4341f;border-color:#84b43440;transform:translateY(-1px)}.conversation-actions-menu{z-index:50;background:#171d22;border:1px solid #ffffff1a;border-radius:12px;min-width:150px;padding:6px;animation:.18s ease-out floraMenuAppear;position:absolute;top:calc(100% - 2px);right:7px;box-shadow:0 12px 35px #0006,0 0 0 1px #ffffff05}.conversation-actions-menu button{color:#c9d1d9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 11px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.conversation-actions-menu button svg{color:#8b949e}.conversation-actions-menu button:hover svg{color:#84b434}.conversation-actions-menu button.delete-action{color:#e58b8b}.conversation-actions-menu button.delete-action svg{color:#d66b6b}.conversation-actions-menu button.delete-action:hover{color:#ff8585;background:#dc46461f}.conversation-actions-menu button.delete-action:hover svg{color:#ff8585}@keyframes floraMenuAppear{0%{opacity:0;transform:translateY(-5px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.conversation-error{color:#f28b8b;background:#dc464614;border:1px solid #dc464633;border-radius:10px;margin:10px 0;padding:10px 14px;font-size:12px}.conversation-new-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#84b434,#5c922d);border:1px solid #84b4344d;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #84b4341f}.conversation-new-button:active{transform:translateY(0)}@media (width<=768px){.conversation-menu-button{opacity:1}.conversation-actions-menu{min-width:140px;right:5px}.conversation-list-item-wrapper .conversation-list-item{padding:12px 7px 12px 10px}}.notification-dropdown{width:360px;padding:0;overflow:hidden}.notification-header h3{color:#fff;margin:0;font-size:14px;font-weight:650}.notification-header span{color:#ffffff61;margin-top:4px;font-size:10px;display:block}.notification-close:hover{color:#fff;background:#ffffff14}.notification-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-icon.success{color:#65f5d2;background:#00ffbe14}.notification-icon.info{color:#8b9cff;background:#5a5aff17}.notification-icon.warning{color:#ffc56b;background:#ffb43c14}.notification-content{min-width:0}.notification-content strong{color:#ffffffdb;font-size:11px;font-weight:600;display:block}.notification-content span{color:#ffffff40;font-size:9px}.notification-footer{border-top:1px solid #ffffff0e;padding:11px 17px}.notification-footer button{color:#6ef5d7b3;cursor:pointer;background:0 0;border:0;width:100%;font-size:10px}@media (width<=520px){.notification-dropdown{width:auto;position:fixed;top:75px;left:15px;right:15px}}.notification-menu{position:relative}.notification-button{transition:all .2s;position:relative}.notification-button.active{color:#72f9dd;background:#72f9dd14;border-color:#72f9dd38}.notification-badge{color:#fff;background:#7657ff;border:2px solid #080b12;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 4px 12px #7657ff59}.notification-dropdown{-webkit-backdrop-filter:blur(24px);z-index:9999;background:linear-gradient(145deg,#121824fa,#0a0e17fa);border:1px solid #ffffff13;border-radius:18px;width:342px;animation:.18s ease-out floraNotificationIn;position:absolute;top:calc(100% + 14px);right:-2px;overflow:hidden;box-shadow:0 24px 60px #0000007a,0 4px 18px #00000040}@keyframes floraNotificationIn{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-header{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:flex-start;padding:18px 18px 15px;display:flex}.notification-header h3{color:#f4f7fb;letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.notification-header span{color:#ffffff61;margin-top:5px;font-size:10px;line-height:1.4;display:block}.notification-close{color:#ffffff73;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:flex}.notification-close:hover{color:#fff;background:#ffffff0e;border-color:#ffffff14}.notification-list{padding:3px 0}.notification-item{border-bottom:1px solid #ffffff0b;gap:12px;padding:15px 18px;transition:background .18s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff06}.notification-icon{border-radius:10px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.notification-icon.success{color:#57e7ce;background:#26d6b918;border:1px solid #26d6b91a}.notification-icon.info{color:#8b9cff;background:#6674ff1a;border:1px solid #6674ff1a}.notification-icon.warning{color:#f4bd65;background:#f4bd6517;border:1px solid #f4bd651a}.notification-content{min-width:0;padding-top:1px}.notification-content strong{color:#eef2f8;font-size:11.5px;font-weight:650;line-height:1.35;display:block}.notification-content p{color:#ffffff6e;margin:4px 0 0;font-size:10px;line-height:1.45}.notification-content span{color:#ffffff40;margin-top:7px;font-size:9px;display:block}.notification-footer{background:#ffffff03;border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.notification-footer span{color:#ffffff38;font-size:9px}.notification-footer button{color:#72f9dd;cursor:pointer;background:0 0;border:none;font-size:9.5px;font-weight:600}.notification-footer button:hover{color:#9ffff0}@media (width<=700px){.notification-dropdown{width:auto;position:fixed;top:72px;left:14px;right:14px}}.notification-item{position:relative}.notification-item-clear{color:#fff3;cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;margin-left:auto;padding:0;transition:opacity .18s,transform .18s,background .18s,color .18s,border-color .18s;display:flex;transform:translate(3px)}.notification-item:hover .notification-item-clear{opacity:1;transform:translate(0)}.notification-item-clear:hover{color:#ff8f9b;background:#ff5f7014;border-color:#ff5f701f}.notification-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:34px 20px 32px;display:flex}.notification-empty-icon{color:#65ecd7;background:#2dd7b914;border:1px solid #4be8cc1c;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;display:flex;box-shadow:0 8px 24px #2dd7b90f,inset 0 1px #ffffff09}.notification-empty strong{color:#edf1f7;font-size:12px;font-weight:650}.notification-empty p{color:#ffffff52;margin:6px 0 0;font-size:9.5px;line-height:1.45}.capabilities-page{padding:30px}.capabilities-heading{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.capabilities-eyebrow{letter-spacing:2px;opacity:.45;margin:0 0 7px;font-size:11px}.capabilities-heading h1{margin:0;font-size:30px}.capabilities-heading p:last-child{opacity:.55;margin:7px 0 0}.capabilities-count{text-align:center;background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;min-width:105px;padding:13px 18px}.capabilities-count strong{font-size:24px;display:block}.capabilities-count span{opacity:.45;font-size:11px}.capabilities-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.capability-card{background:linear-gradient(145deg,#ffffff0b,#ffffff04);border:1px solid #ffffff12;border-radius:18px;align-items:center;gap:15px;min-height:105px;padding:20px;transition:all .2s;display:flex}.capability-card:hover{background:#7657ff12;border-color:#7657ff59;transform:translateY(-2px)}.capability-icon{color:#b9adff;background:#7657ff1f;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.capability-card h3{margin:0 0 6px;font-size:15px}.capability-card p{opacity:.5;margin:0;font-size:12px;line-height:1.5}@media (width<=1000px){.capabilities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.capabilities-page{padding:20px}.capabilities-heading{align-items:flex-start;gap:18px}.capabilities-grid{grid-template-columns:1fr}}.capability-add-form{background:linear-gradient(135deg,#7657ff0e,#ffffff05);border:1px solid #ffffff14;border-radius:18px;margin-bottom:18px;padding:22px;box-shadow:0 18px 45px #00000029,inset 0 1px #ffffff06}.capability-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.capability-form-field{box-sizing:border-box;color:#f5f5f7;background:#080b14b8;border:1px solid #ffffff14;border-radius:11px;outline:none;width:100%;min-height:46px;padding:0 14px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s,box-shadow .2s}.capability-form-field::placeholder{color:#ffffff61}.capability-form-field:hover{border-color:#ffffff24}.capability-form-field:focus{background:#0a0d18e6;border-color:#7657ffa6;box-shadow:0 0 0 3px #7657ff1a}.capability-form-full{grid-column:1/-1}.capability-register-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7657ff,#6044e8);border:1px solid #9781ff73;border-radius:11px;grid-column:1/-1;min-height:46px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 25px #7657ff2e}.capability-register-button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 32px #7657ff40}.capability-register-button:active{transform:translateY(0)}.capability-register-button:disabled{opacity:.55;cursor:wait;transform:none}@media (width<=760px){.capability-form-grid{grid-template-columns:1fr}.capability-form-full,.capability-register-button{grid-column:auto}}.capabilities-heading-actions{align-items:center;gap:14px;display:flex}.capabilities-add-button{color:#f5f5f7;cursor:pointer;background:#7657ff1a;border:1px solid #7657ff73;border-radius:11px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,transform .2s;display:flex}.capabilities-add-button:hover{background:#7657ff2e;border-color:#8c73ffb3;transform:translateY(-1px)}.capability-content{flex:1;min-width:0}.capability-remove-button{color:#ff7185;cursor:pointer;background:#ff5a6e12;border:1px solid #ff5a6e2e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,border-color .2s,transform .2s;display:flex}.capability-remove-button:hover{background:#ff5a6e24;border-color:#ff5a6e57;transform:translateY(-1px)}.capability-remove-button:disabled{opacity:.45;cursor:wait;transform:none}@media (width<=900px){.capabilities-heading{gap:18px}.capabilities-heading-actions{flex-wrap:wrap}}@media (width<=600px){.capabilities-heading-actions{width:100%}.capabilities-add-button{flex:1;justify-content:center}}.dashboard-top-grid>.intelligence-center{box-sizing:border-box;width:100%;min-width:0;margin-top:0}.dashboard-top-grid .intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.dashboard-top-grid .intelligence-card{min-height:108px}.dashboard-top-grid>.intelligence-center .intelligence-card{box-sizing:border-box;height:144px!important;min-height:144px!important;max-height:144px!important;padding:14px 16px!important}.dashboard-top-grid>.intelligence-center .intelligence-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin-top:20px!important;display:grid!important}.dashboard-top-grid>.intelligence-center .intelligence-card{box-sizing:border-box!important;width:100%!important;height:118px!important;min-height:118px!important;max-height:118px!important;padding:14px 16px!important}.dashboard-top-grid>.intelligence-center .intelligence-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin-top:20px!important}.dashboard-top-grid>.intelligence-center .intelligence-card{box-sizing:border-box!important;width:100%!important;height:144px!important;min-height:144px!important;max-height:144px!important;padding:16px!important;overflow:hidden!important}.devices-page{--green:#38d39f;--gold:#d8b77c;--line:#bedcd21f;--muted:#8da59f;color:#edf8f3;flex-direction:column;gap:26px;width:100%;display:flex}.devices-page-header,.devices-section-header,.devices-toolbar,.user-devices-header{justify-content:space-between;align-items:center;gap:18px;display:flex}.devices-eyebrow{color:var(--green);letter-spacing:.2em;gap:8px;font-size:10px;font-weight:900;display:flex}.devices-page-header h1{letter-spacing:-.06em;margin:10px 0 0;font-size:38px}.devices-page-header p,.devices-section-header p{color:var(--muted);font-size:13px}.live-indicator,.panel-status{color:#b9e9d7;border:1px solid #38d39f40;border-radius:999px;padding:11px 14px;font-size:11px}.live-indicator span{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.devices-summary-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.device-summary-card{text-align:left;border:1px solid var(--line);color:#edf8f3;cursor:pointer;background:linear-gradient(145deg,#182b31,#0c161c);border-radius:20px;min-height:205px;padding:19px;transition:all .25s;position:relative}.device-summary-card:hover,.device-summary-card.selected{border-color:#38d39f8c;transform:translateY(-3px);box-shadow:0 18px 40px #0004}.summary-card-top{justify-content:space-between;margin-bottom:24px;display:flex}.summary-card-icon{width:38px;height:38px;color:var(--green);border:1px solid #38d39938;border-radius:12px;place-items:center;display:grid}.summary-card-arrow{color:var(--gold);font-size:20px}.device-summary-card>span:not(.summary-view-button){color:#a9beb8;font-size:12px;font-weight:700;display:block}.device-summary-card strong{margin:8px 0;font-size:38px;display:block}.device-summary-card small{color:#78928a;min-height:30px;font-size:11px;display:block}.summary-view-button{color:var(--gold);align-items:center;gap:7px;margin-top:15px;font-size:11px;font-weight:850;display:inline-flex}.dashboard-panel{border:1px solid var(--line);background:linear-gradient(145deg,#111d24,#091116);border-radius:24px;padding:24px}.devices-section-header h3{margin:0;font-size:18px}.ghost-button{border:1px solid var(--line);color:#b8cbc5;background:#14252b;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;display:flex}.devices-toolbar{margin:25px 0 18px}.device-search{border:1px solid var(--line);color:#75958b;background:#0b171d;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:440px;padding:0 13px;display:flex}.device-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:12px 0}.user-devices-list{flex-direction:column;gap:15px;display:flex}.user-devices-card{border:1px solid var(--line);background:#111f26b8;border-radius:18px;padding:18px}.user-devices-profile{align-items:center;gap:11px;display:flex}.user-profile-icon{width:42px;height:42px;color:var(--green);border:1px solid #38d39930;border-radius:13px;place-items:center;display:grid}.user-devices-info h4{margin:0;font-size:14px}.user-devices-info p{color:var(--muted);margin:5px 0;font-size:11px}.user-device-count{color:var(--gold);border:1px solid #d8b77c33;border-radius:999px;padding:7px 10px;font-size:10px}.device-management-list{flex-direction:column;gap:10px;display:flex}.device-management-row{grid-template-columns:minmax(0,4fr) minmax(155px,1fr);gap:10px;display:grid}.device-info-card,.device-action-card{border:1px solid var(--line);background:linear-gradient(145deg,#172a30d9,#0c181ee6);border-radius:15px;padding:16px}.nested-device-top{justify-content:space-between;display:flex}.nested-device-icon{width:36px;height:36px;color:var(--gold);border:1px solid #d8b77c30;border-radius:11px;place-items:center;display:grid}.device-online-status{align-items:center;gap:6px;font-size:10px;display:flex}.device-online-status span{background:var(--green);border-radius:50%;width:6px;height:6px}.device-online-status.blocked{color:#f0a6a6}.device-online-status.blocked span{background:#ef7777}.device-info-card h5{margin:15px 0 5px;font-size:14px}.device-info-card p{color:var(--muted);margin:0;font-size:11px}.nested-device-meta{color:#8da9a0;flex-wrap:wrap;gap:14px;margin-top:15px;font-size:10px;display:flex}.nested-device-meta span{align-items:center;gap:6px;display:flex}.nested-device-footer{border-top:1px solid var(--line);color:#83cdb1;gap:6px;margin-top:15px;padding-top:12px;font-size:10px;display:flex}.device-action-card{flex-direction:column;justify-content:center;gap:8px;display:flex}.device-action-card button{color:#c8d9d3;cursor:pointer;background:#192f35;border:1px solid #bedcd21f;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 8px;font-size:10px;font-weight:850;display:flex}.device-action-card button:hover{background:#20443e;border-color:#38d39970}.device-action-card .action-view{color:var(--green);background:#38d39918;border-color:#38d39940}.device-action-card .action-danger{color:#e8a5a5;background:#b0414114;border-color:#dc646433}.devices-empty{text-align:center;color:var(--muted);padding:55px 20px}@media (width<=1100px){.devices-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.devices-page-header,.devices-section-header,.devices-toolbar,.user-devices-header{flex-direction:column;align-items:flex-start}.devices-summary-grid{grid-template-columns:1fr}.dashboard-panel{padding:15px}.device-management-row{grid-template-columns:1fr}.device-action-card{grid-template-columns:repeat(3,1fr);display:grid}}.models-page{color:#f4f7ff;box-sizing:border-box;flex-direction:column!important;gap:24px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important}.models-page *,.models-page :before,.models-page :after{box-sizing:border-box}.models-page-header{gap:20px;min-width:0;justify-content:space-between!important;align-items:flex-end!important;width:100%!important;margin:0!important;display:flex!important}.models-page-header h2{letter-spacing:-.7px;color:#f7f9ff!important;margin:0!important;font-size:28px!important;font-weight:750!important;line-height:1.15!important}.models-page-header p{color:#91a0ba!important;margin:7px 0 0!important;font-size:12px!important;line-height:1.5!important}.models-page-header .live-indicator{flex-shrink:0}.models-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;min-width:0!important;margin:0!important;display:grid!important}.model-summary-card{transition:transform .2s,border-color .2s,background .2s;text-align:center!important;background:#111725!important;border:1px solid #29334a!important;border-radius:16px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:138px!important;margin:0!important;padding:22px 20px!important;display:flex!important;box-shadow:inset 0 1px #ffffff06!important}.model-summary-card:hover{transform:translateY(-2px);background:#141b2c!important;border-color:#6f56d9!important}.model-summary-card>span{color:#8e9db7!important;margin:0 0 7px!important;font-size:12px!important;font-weight:600!important}.model-summary-card strong{color:#f7f9ff!important;letter-spacing:-1px!important;margin:0!important;font-size:32px!important;font-weight:800!important;line-height:1!important}.model-summary-card small{color:#7f8da7!important;margin:8px 0 0!important;font-size:10px!important}.models-list-panel{background:#0f1522!important;border:1px solid #29334a!important;border-radius:18px!important;width:100%!important;min-width:0!important;margin:0!important;padding:22px!important;overflow:hidden!important}.models-section-header{justify-content:space-between!important;align-items:flex-start!important;gap:18px!important;width:100%!important;min-width:0!important;margin:0 0 18px!important;display:flex!important}.models-section-header h3{color:#f4f7ff!important;margin:0!important;font-size:17px!important;font-weight:750!important;line-height:1.25!important}.models-section-header p{color:#8291ab!important;margin:6px 0 0!important;font-size:11px!important;line-height:1.55!important}.models-section-header .panel-status{flex-shrink:0}.ai-models-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:14px!important;width:100%!important;min-width:0!important;margin:0!important;display:grid!important}.ai-model-card{transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;background:#172033!important;border:1px solid #2c3852!important;border-radius:15px!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;min-height:300px!important;margin:0!important;padding:18px!important;display:flex!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff06!important}.ai-model-card:hover{transform:translateY(-3px);background:#1a2438!important;border-color:#7057dc!important;box-shadow:0 12px 28px #0003!important}.ai-model-card-top{justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin:0 0 17px!important;display:flex!important}.ai-model-icon{color:#b79cff!important;background:#292047!important;border:1px solid #654ab7!important;border-radius:11px!important;flex:0 0 42px!important;place-items:center!important;width:42px!important;height:42px!important;display:grid!important}.ai-model-status{color:#a9b5c9!important;white-space:nowrap!important;background:#121a29!important;border:1px solid #33405a!important;border-radius:999px!important;flex-shrink:0!important;align-items:center!important;gap:6px!important;padding:5px 9px!important;font-size:10px!important;font-weight:650!important;display:inline-flex!important}.ai-model-status>span{background:currentColor!important;border-radius:50%!important;flex:0 0 6px!important;width:6px!important;height:6px!important}.ai-model-status.active,.ai-model-status.ready{color:#45d6a4!important;border-color:#45d6a438!important}.ai-model-status.standby{color:#e6b94f!important;border-color:#e6b94f38!important}.ai-model-content{flex-direction:column!important;flex:auto!important;align-items:flex-start!important;width:100%!important;min-width:0!important;display:flex!important}.ai-model-content h4{overflow-wrap:anywhere;width:100%;color:#f5f7ff!important;margin:0!important;font-size:15px!important;font-weight:750!important;line-height:1.35!important}.ai-model-content p{overflow-wrap:anywhere;width:100%;min-height:40px;color:#8d9bb3!important;margin:7px 0 12px!important;font-size:11px!important;line-height:1.65!important}.ai-model-provider{overflow-wrap:anywhere;color:#a995ff!important;background:#201b3a!important;border:1px solid #303c57!important;border-radius:6px!important;align-items:center!important;max-width:100%!important;padding:5px 8px!important;font-size:9px!important;font-weight:650!important;display:inline-flex!important}.ai-model-meta{border-top:1px solid #2a354c!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 14px!important;width:100%!important;min-width:0!important;margin:17px 0 0!important;padding:13px 0 0!important;display:flex!important}.ai-model-meta span{overflow-wrap:anywhere;min-width:0;color:#8997af!important;align-items:center!important;gap:5px!important;font-size:9px!important;line-height:1.4!important;display:inline-flex!important}.ai-model-meta svg{color:#9e87ff!important;flex-shrink:0!important}.ai-model-footer{align-items:center!important;gap:8px!important;width:100%!important;margin:16px 0 0!important;display:flex!important}.ai-model-action{cursor:pointer!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-height:35px!important;font-size:10px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important}.ai-model-action.primary{color:#fff!important;background:#7658e8!important;border:1px solid #795ee7!important;flex:auto!important;padding:0 13px!important}.ai-model-action.primary:hover{background:#8569f2!important;border-color:#8569f2!important}.ai-model-action.secondary{color:#a7b2c5!important;background:#121a29!important;border:1px solid #34415b!important;flex:0 0 35px!important;width:35px!important}.ai-model-action.secondary:hover{color:#fff!important;background:#211b3b!important;border-color:#7359df!important}@media (width<=1250px){.models-summary-grid,.ai-models-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.models-page{gap:18px!important}.models-page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.models-page-header h2{font-size:24px!important}.models-summary-grid,.ai-models-grid{grid-template-columns:1fr!important}.model-summary-card{min-height:120px!important}.models-list-panel{border-radius:14px!important;padding:15px!important}.models-section-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.ai-model-card{min-height:0!important;padding:16px!important}}@media (width<=430px){.models-summary-grid{gap:12px!important}.models-page-header h2{font-size:22px!important}.model-summary-card strong{font-size:29px!important}.ai-model-meta{flex-direction:column!important;align-items:flex-start!important}.ai-model-footer{gap:7px!important}}.models-list-panel{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;display:flex!important}.models-list-panel>.models-section-header{flex-direction:row!important;flex:none!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;width:100%!important;min-height:56px!important;margin:0 0 20px!important;padding:0 2px!important;display:flex!important}.models-list-panel>.ai-models-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important;width:100%!important;display:grid!important}.models-list-panel{background:radial-gradient(circle at 100% 0,#7057dc0e,#0000 32%),#0f1522!important}.ai-model-card{background:linear-gradient(#182238 0%,#141d30 100%)!important;border-color:#303d59!important;min-height:285px!important;padding:19px!important;box-shadow:inset 0 1px #ffffff09,0 8px 22px #0000001f!important}.ai-model-card:hover{background:linear-gradient(#1b2740 0%,#172238 100%)!important;border-color:#7057dc!important;box-shadow:inset 0 1px #ffffff0b,0 14px 30px #00000038!important}.ai-model-card-top{margin-bottom:15px!important}.ai-model-icon{background:linear-gradient(145deg,#2b2250,#211b3b)!important;border-color:#8569f28c!important;flex-basis:40px!important;width:40px!important;height:40px!important}.ai-model-content h4{letter-spacing:-.15px!important;font-size:15px!important}.ai-model-content p{min-height:36px!important;margin:6px 0 11px!important}.ai-model-provider{background:#684ec21a!important;border-color:#7e64e559!important}.models-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.model-summary-card{min-height:132px!important;padding:20px!important}.model-category,.ai-model-category,.models-category,.models-group{flex-direction:column!important;gap:18px!important;width:100%!important;min-width:0!important;display:flex!important}.model-category-content,.ai-model-category-content,.models-category-content{grid-template-columns:minmax(170px,.72fr) minmax(0,2.8fr)!important;align-items:stretch!important;gap:18px!important;width:100%!important;min-width:0!important;display:grid!important}.models-list-panel .models-section-header,.models-list-panel .ai-models-grid,.models-list-panel .model-category-content,.models-list-panel .ai-model-category-content,.models-list-panel .models-category-content{max-width:none!important}@media (width<=1180px){.models-summary-grid,.models-list-panel>.ai-models-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.model-category-content,.ai-model-category-content,.models-category-content{grid-template-columns:1fr!important}}@media (width<=760px){.models-summary-grid{grid-template-columns:1fr!important}.models-list-panel>.models-section-header{flex-direction:column!important;align-items:flex-start!important;min-height:0!important;margin-bottom:16px!important;padding:0!important}.models-list-panel>.ai-models-grid{grid-template-columns:1fr!important;gap:13px!important}.ai-model-card{min-height:0!important}}@media (width<=480px){.models-list-panel{padding:14px!important}.ai-model-card{border-radius:13px!important;padding:15px!important}.ai-model-footer{margin-top:14px!important}}.ai-model-action:disabled{cursor:wait;opacity:.8}.ai-model-action.primary.running{background:#7e57ff2e;border-color:#7e57ff73}.model-loading-icon{animation:.8s linear infinite model-spin}@keyframes model-spin{to{transform:rotate(360deg)}}.model-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.model-config-modal{border:1px solid var(--border-color);background:var(--surface-primary);border-radius:18px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #00000073}.model-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px;display:flex}.model-modal-label{color:var(--text-muted);letter-spacing:.12em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.model-modal-header h3{color:var(--text-primary);margin:0;font-size:20px}.model-modal-close{border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:9px;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.model-modal-close:hover{color:var(--text-primary);border-color:var(--accent-color);background:var(--accent-soft)}.model-modal-body{flex-direction:column;padding:8px 24px;display:flex}.model-config-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;min-height:54px;display:flex}.model-config-row:last-child{border-bottom:0}.model-config-row span{color:var(--text-muted);font-size:12px}.model-config-row strong{color:var(--text-primary);text-align:right;font-size:12px}.config-status.active{color:var(--success-color)}.config-status.ready{color:var(--text-primary)}.config-status.standby{color:#eab308}.model-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:18px 24px;display:flex}.model-modal-secondary,.model-modal-primary{cursor:pointer;border-radius:9px;min-height:38px;padding:0 16px;font-size:12px;font-weight:600;transition:all .2s}.model-modal-secondary{border:1px solid var(--border-color);color:var(--text-muted);background:0 0}.model-modal-secondary:hover{color:var(--text-primary);border-color:var(--accent-color)}.model-modal-primary{border:1px solid var(--accent-color);color:#fff;background:var(--accent-color)}.model-modal-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}@media (width<=600px){.model-modal-backdrop{padding:14px}.model-modal-header{padding:20px}.model-modal-body{padding:6px 20px}.model-modal-footer{padding:16px 20px}.model-config-row{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:12px 0}.model-config-row strong{text-align:left}.model-modal-footer button{flex:1}}.conversation-workspace{color:#edf8f1;background:radial-gradient(900px 420px at 88% -10%,#25965e2e,#0000 65%),radial-gradient(600px 360px at -12% 105%,#135b3d29,#0000 65%),linear-gradient(135deg,#0a100e 0%,#0c1411 48%,#0a0f0d 100%);min-height:calc(100vh - 48px);padding:34px;position:relative;overflow:hidden}.conversation-workspace:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff05 48%,#0000 72%);position:absolute;inset:0}.conversation-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex;position:relative}.conversation-header h2{letter-spacing:-1.1px;background:linear-gradient(110deg,#fff 15%,#b7d8c4 62%,#79b995);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:32px;font-weight:800;line-height:1.1}.conversation-header p{color:#8ea99a;letter-spacing:.2px;margin:9px 0 0;font-size:13px}.conversation-new-button{color:#eafff0;letter-spacing:.1px;cursor:pointer;background:linear-gradient(135deg,#1b7048,#124a31);border:1px solid #7bd29d4d;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:13px;font-weight:750;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 10px 28px #0000003d,inset 0 1px #ffffff1f}.conversation-new-button:hover{border-color:#9aefb9a6;transform:translateY(-2px);box-shadow:0 14px 34px #00000057,0 0 0 4px #238f5814}.conversation-error{color:#ffcaca;background:linear-gradient(135deg,#731d2361,#41161b47);border:1px solid #ef6f6f4d;border-radius:12px;margin-bottom:18px;padding:13px 16px;position:relative;box-shadow:0 10px 25px #0000001f}.conversation-layout{grid-template-columns:340px minmax(0,1fr);gap:18px;min-height:650px;display:grid;position:relative}.conversation-list-panel,.conversation-chat-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#17231deb,#0c1410f5);border:1px solid #92b8a021;border-radius:20px;min-width:0;box-shadow:0 20px 60px #0000003d,inset 0 1px #ffffff09}.conversation-list-panel{padding:18px;overflow:hidden}.conversation-list-heading{color:#b7cdbd;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #92b8a01c;justify-content:space-between;align-items:center;gap:10px;padding:3px 4px 16px;font-size:11px;font-weight:800;display:flex}.conversation-list-heading:after{content:"";background:#65d394;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #65d394b3}.conversation-list{flex-direction:column;gap:8px;padding-top:14px;display:flex}.conversation-list-item-wrapper{position:relative}.conversation-list-item{text-align:left;color:#a9bfb0;cursor:pointer;background:#ffffff03;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:68px;padding:13px 44px 13px 14px;transition:background .2s,border-color .2s,transform .2s,color .2s;display:flex}.conversation-list-item:before{content:"";background:0 0;border-radius:10px;flex:none;width:3px;height:24px;transition:background .2s,box-shadow .2s}.conversation-list-item:hover{color:#e8f5ec;background:#508c6517;border-color:#7dc09429;transform:translate(2px)}.conversation-list-item.active{color:#f1fff5;background:linear-gradient(105deg,#1e6f4561,#153e2a40);border-color:#68ca8d4d;box-shadow:inset 0 1px #ffffff09,0 8px 24px #0000001f}.conversation-list-item.active:before{background:#72d99a;box-shadow:0 0 14px #72d99aa6}.conversation-list-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.45;display:block;overflow:hidden}.conversation-list-item small{color:#708e7d;margin-top:5px;font-size:10px;display:block}.conversation-menu-button{color:#789584;cursor:pointer;opacity:.55;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:30px;height:30px;transition:opacity .2s,background .2s,color .2s;display:grid;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.conversation-list-item-wrapper:hover .conversation-menu-button,.conversation-menu-button:focus-visible{opacity:1}.conversation-menu-button:hover{color:#effff4;background:#ffffff14;border-color:#ffffff14}.conversation-actions-menu{z-index:5;background:#18251e;border:1px solid #95c2a533;border-radius:12px;min-width:142px;padding:6px;position:absolute;top:calc(100% - 4px);right:8px;box-shadow:0 18px 45px #00000073}.conversation-actions-menu button{color:#c8dccf;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 11px;font-size:12px}.conversation-actions-menu button:hover{color:#fff;background:#77cc971a}.conversation-actions-menu .delete-action{color:#f2a5a5}.conversation-actions-menu .delete-action:hover{color:#ffbcbc;background:#cf48481f}.conversation-chat-panel{flex-direction:column;display:flex;overflow:hidden}.conversation-chat-header{background:linear-gradient(90deg,#ffffff06,#0000);border-bottom:1px solid #92b8a01f;align-items:center;gap:13px;padding:21px 24px;display:flex}.conversation-ai-icon{color:#9bf0b8;background:radial-gradient(circle at 30% 20%,#62d3914d,#16492f80);border:1px solid #78db9e4d;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 0 26px #2d99591f,inset 0 1px #ffffff1a}.conversation-chat-header h3{color:#f0fff5;margin:0;font-size:14px;font-weight:800}.conversation-online-status{color:#79a98b;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.conversation-online-status:before{content:"";background:#65d394;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #65d394b3}.conversation-messages{background:radial-gradient(500px 240px at 50% 0,#246c450f,#0000 75%);flex-direction:column;flex:1;gap:20px;min-height:360px;padding:28px 28px 22px;display:flex;overflow-y:auto}.conversation-message-row{align-items:flex-end;gap:11px;display:flex}.conversation-message-row.user{justify-content:flex-end}.conversation-message{color:#c7d9cd;white-space:pre-wrap;background:linear-gradient(145deg,#25352be6,#141f19f2);border:1px solid #92b8a021;border-radius:17px 17px 17px 5px;max-width:min(78%,650px);padding:14px 16px;font-size:13px;line-height:1.7;box-shadow:0 8px 22px #0000001f}.conversation-message-row.user .conversation-message{color:#eafff0;background:linear-gradient(145deg,#185c3b,#123d2a);border-color:#55b87c40;border-radius:17px 17px 5px;box-shadow:0 8px 25px #0000002e,inset 0 1px #ffffff0f}.conversation-input-area{background:#060e0ab3;border:1px solid #8bc29e2e;border-radius:16px;align-items:flex-end;gap:10px;margin:0 20px 20px;padding:10px;display:flex;box-shadow:0 12px 32px #0003,inset 0 1px #ffffff09}.conversation-input-area textarea,.conversation-input-area input{resize:vertical;color:#e9f9ee;min-height:42px;max-height:130px;font:inherit;background:0 0;border:0;outline:none;flex:1;padding:12px 13px;font-size:13px}.conversation-input-area textarea::placeholder,.conversation-input-area input::placeholder{color:#5f7d6b}.conversation-input-area button{color:#eafff0;cursor:pointer;background:linear-gradient(135deg,#237b4d,#155034);border:1px solid #87dea440;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;transition:transform .2s,filter .2s;display:grid;box-shadow:0 6px 18px #0003}.conversation-input-area button:hover{filter:brightness(1.15);transform:translateY(-2px)}.conversation-input-area button:disabled{opacity:.45;cursor:not-allowed;transform:none}.conversation-loading-icon{animation:1s linear infinite conversation-spin}.conversation-input-note{color:#587565;text-align:center;padding:0 23px 16px;font-size:10px}@keyframes conversation-spin{to{transform:rotate(360deg)}}@media (width<=1050px){.conversation-workspace{padding:24px}.conversation-layout{grid-template-columns:285px minmax(0,1fr)}.conversation-messages{padding:22px}}@media (width<=760px){.conversation-workspace{padding:18px}.conversation-header{flex-direction:column;align-items:flex-start}.conversation-header h2{font-size:27px}.conversation-new-button{width:100%}.conversation-layout{grid-template-columns:1fr;min-height:0}.conversation-list-panel{max-height:310px}.conversation-chat-panel{min-height:560px}.conversation-message{max-width:88%}.conversation-chat-header{padding:17px}.conversation-messages{padding:20px 15px}.conversation-input-area{margin:0 12px 12px}.conversation-input-note{padding:0 12px 12px}}.integrations-page{color:#edf5ef;background:radial-gradient(circle at 85% 0,#206e4c29,#0000 32%),linear-gradient(145deg,#0b1210,#0d1512 55%,#0a100e);min-height:100%;padding:34px;font-family:inherit}.integrations-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.integration-eyebrow,.section-kicker{color:#8fc5a5;letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.integrations-header h1{letter-spacing:-1.4px;margin:11px 0 0;font-size:38px;font-weight:800}.integrations-header p{color:#91a59a;margin:10px 0 0;font-size:13px}.add-integration-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2c8556,#185c3b);border:1px solid #4b956d;border-radius:12px;align-items:center;gap:9px;padding:13px 18px;font-size:12px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 8px 28px #061c1030}.add-integration-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #2c855640}.integration-overview{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;display:grid}.overview-card{background:linear-gradient(145deg,#15231b,#101a15);border:1px solid #233a2d;border-radius:17px;padding:21px 23px;box-shadow:inset 0 1px #ffffff08,0 10px 35px #00000015}.overview-card.featured{background:linear-gradient(145deg,#193b29,#102219);border-color:#356d4c}.overview-card-top{color:#91aa9b;justify-content:space-between;align-items:center;display:flex}.overview-card-top svg{color:#70bc8c}.overview-card strong{letter-spacing:-1px;margin:13px 0 5px;font-size:32px;display:block}.overview-card small{color:#718a7a;font-size:11px}.integration-type-navigation{background:linear-gradient(120deg,#14251b,#101a15);border:1px solid #243c2e;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;padding:23px 25px;display:flex}.integration-type-navigation h2{letter-spacing:-.5px;margin:7px 0 5px;font-size:20px}.integration-type-navigation p{color:#80998a;margin:0;font-size:12px}.type-switcher{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.type-switcher button,.category-tabs button{color:#8ca393;cursor:pointer;background:#101b15;border:1px solid #2a4434;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:700;transition:all .2s}.type-switcher button:hover,.type-switcher button.active,.category-tabs button:hover,.category-tabs button.active{color:#e7fff0;background:#24583a;border-color:#4b956d}.integration-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.integration-search{color:#769685;background:#101b15;border:1px solid #294333;border-radius:11px;align-items:center;gap:10px;width:300px;padding:12px 15px;display:flex}.integration-search:focus-within{border-color:#4b956d;box-shadow:0 0 0 3px #4b956d18}.integration-search input{color:#e8f4eb;background:0 0;border:0;outline:0;width:100%;font-size:12px}.category-tabs{flex-wrap:wrap;gap:7px;display:flex}.integrations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.integration-card{background:linear-gradient(145deg,#15231b,#0f1914);border:1px solid #233c2d;border-radius:18px;flex-direction:column;min-height:255px;padding:22px;transition:all .28s;display:flex;box-shadow:0 10px 30px #00000016}.integration-card:hover{border-color:#4b956d;transform:translateY(-6px);box-shadow:0 16px 40px #00000035,0 0 0 1px #4b956d18}.integration-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.integration-icon{border:1px solid #ffffff0b;border-radius:16px;place-items:center;width:56px;height:56px;display:grid;box-shadow:inset 0 1px #ffffff0c}.connection-status{color:#6e8878;align-items:center;gap:5px;font-size:10px;display:flex}.connection-status.connected{color:#70d39a}.integration-card-content{flex:1;margin-top:22px}.integration-meta{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.integration-category{color:#82bd99;letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:800}.integration-type-badge{color:#9ab7a5;background:#1a3023;border:1px solid #31553f;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.integration-card h3{letter-spacing:-.4px;margin:10px 0 8px;font-size:19px}.integration-card p{color:#829889;margin:0;font-size:12px;line-height:1.7}.manage-integration-button{color:#d4e9da;cursor:pointer;background:#17291e;border:1px solid #31553f;border-radius:10px;justify-content:space-between;align-items:center;margin-top:22px;padding:12px 13px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.manage-integration-button:hover{color:#fff;background:#286243;border-color:#70bd8d}.empty-integrations{text-align:center;color:#8ca393;border:1px dashed #31513e;border-radius:16px;padding:60px 20px}.empty-integrations h3{color:#e8f4eb}.integration-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030906d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.integration-modal{background:linear-gradient(145deg,#172a1e,#0d1711);border:1px solid #3b654a;border-radius:22px;width:min(440px,100%);padding:34px;animation:.24s modalAppear;position:relative;box-shadow:0 30px 100px #00000080}@keyframes modalAppear{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-button{color:#819b8a;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:17px;right:17px}.modal-icon{color:#9ae2b1;background:#245438;border:1px solid #3d7652;border-radius:17px;place-items:center;width:62px;height:62px;margin-bottom:22px;display:grid}.integration-modal h2{letter-spacing:-.7px;margin:0;font-size:25px}.integration-modal>p{color:#91a99a;margin:12px 0 25px;font-size:13px;line-height:1.7}.modal-information{color:#819b8b;border-top:1px solid #294534;justify-content:space-between;gap:15px;padding:14px 0;font-size:12px;display:flex}.modal-information strong{color:#e0f1e4}.modal-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d8758,#185c3b);border:1px solid #4c986b;border-radius:11px;width:100%;margin-top:24px;padding:14px;font-size:12px;font-weight:800}.modal-action:hover{filter:brightness(1.12)}.modal-action.disconnect{background:#873f4b;border-color:#a45a66}@media (width<=1100px){.integrations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.integration-type-navigation{flex-direction:column;align-items:flex-start}.type-switcher{justify-content:flex-start}}@media (width<=700px){.integrations-page{padding:20px}.integrations-header{flex-direction:column;align-items:flex-start}.integration-overview,.integrations-grid{grid-template-columns:1fr}.integration-search{width:100%}.integration-modal{padding:28px}}.monitoring-page{color:#f4f6fb;min-height:100%;padding:32px}.monitoring-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.monitoring-eyebrow{color:#8c9ab1;letter-spacing:1.4px;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.monitoring-header h1{letter-spacing:-1px;margin:0;font-size:34px}.monitoring-header p{color:#8d99ae;margin:10px 0 0;font-size:13px}.monitoring-refresh-button{color:#dce2ef;cursor:pointer;background:#171e2b;border:1px solid #303b50;border-radius:10px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;transition:all .2s;display:flex}.monitoring-refresh-button:hover{background:#7c5cff18;border-color:#7c5cff}.monitoring-refresh-button:disabled{opacity:.7;cursor:wait}.refresh-spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.monitoring-status-banner{background:linear-gradient(90deg,#132b28,#111b24);border:1px solid #245344;border-radius:13px;align-items:center;gap:14px;margin-bottom:20px;padding:17px 20px;display:flex}.status-banner-icon{color:#49d69b;background:#36c98b20;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.monitoring-status-banner strong{font-size:13px}.monitoring-status-banner p{color:#91aa9f;margin:5px 0 0;font-size:12px}.status-banner-time{color:#6ed9aa;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.monitoring-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.monitoring-metric-card,.performance-panel,.health-panel,.services-panel,.activity-panel{background:linear-gradient(145deg,#171e2b,#111721);border:1px solid #252e40;border-radius:15px}.monitoring-metric-card{padding:19px}.metric-card-header{color:#8b97ad;justify-content:space-between;align-items:center;font-size:12px;display:flex}.metric-card-header svg{color:#8c7bff}.monitoring-metric-card strong{letter-spacing:-1px;margin:17px 0 13px;font-size:30px;display:block}.monitoring-metric-card strong span{color:#8d98ad;margin-left:2px;font-size:15px}.metric-progress{background:#293244;border-radius:20px;height:5px;overflow:hidden}.metric-progress div{border-radius:inherit;background:#7c5cff;height:100%}.metric-progress.uptime div{background:#40c995}.monitoring-metric-card small{color:#78859b;margin-top:10px;font-size:10px;display:block}.monitoring-main-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:20px;margin-bottom:20px;display:grid}.performance-panel,.health-panel,.services-panel,.activity-panel{padding:23px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading h2{margin:0;font-size:16px}.panel-heading p{color:#7e8ba1;margin:7px 0 0;font-size:11px}.time-range-tabs{background:#0e141f;border-radius:8px;gap:5px;padding:4px;display:flex}.time-range-tabs button{color:#78859b;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:10px}.time-range-tabs button.active{color:#fff;background:#7c5cff}.chart-summary{justify-content:space-between;align-items:flex-end;margin-top:25px;display:flex}.chart-summary strong{font-size:25px;display:block}.chart-summary span{color:#7f8ca2;margin-top:5px;font-size:11px;display:block}.chart-live-label{color:#7f8ca2;align-items:center;gap:7px;font-size:10px;display:flex}.chart-live-label span{background:#45d69c;border-radius:50%;width:6px;height:6px;margin:0}.performance-chart{gap:12px;height:205px;margin-top:25px;display:flex}.chart-y-labels{color:#59677f;flex-direction:column;justify-content:space-between;font-size:10px;display:flex}.chart-area{flex:1;position:relative}.chart-grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-grid-lines span{border-top:1px dashed #293244}.chart-bars{z-index:1;justify-content:space-around;align-items:flex-end;gap:9px;height:100%;display:flex;position:relative}.chart-column{flex:1;align-items:flex-end;height:100%;display:flex}.chart-bar{background:linear-gradient(#9a87ff,#6249c9);border-radius:5px 5px 2px 2px;width:100%;min-height:5px;transition:height .4s;position:relative}.chart-bar span{background:#dcd6ff;border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%,-2px)}.chart-x-labels{color:#59677f;justify-content:space-between;margin:10px 0 0 30px;font-size:10px;display:flex}.health-score{color:#57dca5;background:#3ecb9320;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:700}.health-ring{border:14px solid #7c5cff;border-color:#7c5cff #54d5a1 #293244 #293244;border-radius:50%;place-items:center;width:172px;height:172px;margin:27px auto;display:grid;transform:rotate(20deg)}.health-ring>div{text-align:center;transform:rotate(-20deg)}.health-ring strong{font-size:30px;display:block}.health-ring span{color:#8491a6;font-size:10px}.health-legend{flex-direction:column;gap:13px;display:flex}.health-legend div{color:#929eb3;align-items:center;gap:9px;font-size:11px;display:flex}.health-legend strong{color:#e6eaf3;margin-left:auto}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.operational{background:#4bd49c}.legend-dot.warning{background:#e6ad53}.legend-dot.offline{background:#dc5570}.monitoring-bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;display:grid}.panel-badge{color:#8996ad;background:#252d3d;border-radius:6px;padding:6px 9px;font-size:10px}.service-list{margin-top:23px}.service-row{border-bottom:1px solid #252e3e;align-items:center;gap:13px;padding:15px 0;display:flex}.service-row:last-child{border-bottom:0;padding-bottom:0}.service-icon{color:#9b8aff;background:#242d40;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.service-details{flex:1;min-width:0}.service-details strong{font-size:12px;display:block}.service-details span{color:#75839a;margin-top:5px;font-size:10px;display:block}.service-latency{text-align:right}.service-latency span{color:#d4dbea;font-size:11px;display:block}.service-latency small{color:#69778f;margin-top:4px;font-size:9px;display:block}.service-status{align-items:center;gap:5px;min-width:88px;font-size:10px;display:flex}.service-status.operational{color:#52d5a0}.service-status.warning{color:#e5b05e}.service-status.offline{color:#e16a80}.activity-list{margin-top:23px}.activity-item{gap:12px;padding-bottom:19px;display:flex}.activity-marker{border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.activity-marker.success{color:#53d6a0;background:#3bce9220}.activity-marker.warning{color:#e4b15c;background:#e4ad4b20}.activity-item strong{font-size:11px;display:block}.activity-item p{color:#7c8aa1;margin:6px 0;font-size:10px;line-height:1.6}.activity-item span{color:#56647b;font-size:9px}.monitoring-footer{color:#59677e;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;display:flex}.monitoring-footer>span:first-child{align-items:center;gap:7px;display:flex}.footer-live-dot{background:#45d69c;border-radius:50%;width:6px;height:6px}@media (width<=1100px){.monitoring-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-main-grid,.monitoring-bottom-grid{grid-template-columns:1fr}}@media (width<=650px){.monitoring-page{padding:20px}.monitoring-header{flex-direction:column;align-items:flex-start}.monitoring-metrics{grid-template-columns:1fr}.monitoring-status-banner{flex-wrap:wrap;align-items:flex-start}.status-banner-time{width:100%;margin-left:56px}.service-row{flex-wrap:wrap;align-items:flex-start}.service-status{margin-left:49px}.monitoring-footer{flex-direction:column}}.users-page{color:#f4f7ff;background:radial-gradient(circle at 8% 0,#5b68b41f,#0000 28%),radial-gradient(circle at 100% 25%,#26a38f14,#0000 30%);min-height:100%;padding:34px}.users-header{margin-bottom:30px}.users-eyebrow,.users-panel-kicker{color:#8290a9;letter-spacing:1.8px;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.users-eyebrow{margin-bottom:14px}.users-title-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.users-header h1{letter-spacing:-1.7px;margin:0;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.08}.users-header p{color:#8996ad;margin:12px 0 0;font-size:13px;line-height:1.7}.users-security-badge{color:#91e2c6;white-space:nowrap;background:linear-gradient(135deg,#266f5b47,#13222bcc);border:1px solid #64dbb93b;border-radius:12px;align-items:center;gap:9px;padding:11px 14px;font-size:11px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.users-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.users-stat-card{background:linear-gradient(145deg,#1d2738fa,#101723fa);border:1px solid #2b3549;border-radius:18px;align-items:flex-start;gap:14px;min-height:118px;padding:21px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000021,inset 0 1px #ffffff06}.users-stat-card:hover{border-color:#45536d;transform:translateY(-3px)}.users-stat-card:before{content:"";opacity:.055;background:currentColor;border-radius:50%;width:155px;height:155px;position:absolute;bottom:-65px;right:-45px}.users-stat-icon{width:44px;height:44px;color:inherit;background:#ffffff09;border:1px solid;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.accent-violet{color:#b3a7ff}.accent-green{color:#71dfb8}.accent-orange{color:#efbd77}.accent-blue{color:#82bdff}.users-stat-card span{color:#91a0b7;font-size:11px;font-weight:600;display:block}.users-stat-card strong{color:#f8faff;letter-spacing:-1px;margin:7px 0 4px;font-size:30px;font-weight:800;display:block}.users-stat-card small{color:#65758e;font-size:10px}.users-management-panel{background:linear-gradient(145deg,#1a2434,#111925);border:1px solid #2b364b;border-radius:20px;overflow:hidden;box-shadow:0 22px 60px #00000029,inset 0 1px #ffffff06}.users-panel-header{justify-content:space-between;align-items:center;gap:22px;padding:27px 28px 24px;display:flex}.users-panel-kicker{color:#7d8da7;margin-bottom:11px;font-size:9px}.users-panel-header h2{color:#f3f6fd;letter-spacing:-.5px;margin:0;font-size:19px;font-weight:800}.users-panel-header p{color:#8190a8;margin:8px 0 0;font-size:11px}.users-primary-button{color:#f0fff9;cursor:pointer;background:linear-gradient(135deg,#24745f,#185642);border:1px solid #438f7b;border-radius:11px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 8px 22px #146f5229}.users-primary-button:hover{background:linear-gradient(135deg,#2c8c72,#1c654e);border-color:#66bca3;transform:translateY(-2px)}.users-toolbar{flex-wrap:wrap;align-items:center;gap:11px;padding:0 28px 22px;display:flex}.users-search{color:#73839d;background:#0d1520;border:1px solid #344158;border-radius:11px;flex:1;align-items:center;gap:10px;min-width:230px;max-width:390px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.users-search:focus-within{border-color:#6475aa;box-shadow:0 0 0 3px #6475aa1a}.users-search input{color:#edf3ff;background:0 0;border:0;outline:0;width:100%;font-size:12px}.users-search input::placeholder{color:#53647d}.users-filter-label{color:#8795ab;align-items:center;gap:6px;margin-left:5px;font-size:11px;font-weight:700;display:inline-flex}.users-select-wrap{align-items:center;display:inline-flex;position:relative}.users-select-wrap select{appearance:none;color:#aab7ca;cursor:pointer;background:#0d1520;border:1px solid #344158;border-radius:11px;outline:0;min-width:122px;padding:12px 32px 12px 13px;font-size:11px}.users-select-wrap select:focus{border-color:#6475aa}.users-select-wrap svg{pointer-events:none;color:#687993;position:absolute;right:11px}.users-table-wrapper{border-top:1px solid #2a3549;overflow-x:auto}.users-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px}.users-table th{color:#687891;letter-spacing:1px;text-transform:uppercase;background:#0c131e80;padding:16px 28px;font-size:9px;font-weight:800}.users-table td{border-top:1px solid #313e52ad;padding:17px 28px;font-size:12px}.users-table tbody tr{transition:background .2s}.users-table tbody tr:hover{background:linear-gradient(90deg,#5265911f,#52659109)}.user-identity{align-items:center;gap:12px;display:flex}.user-avatar,.modal-user-avatar{color:#fff;background:linear-gradient(145deg,#606ba9,#343d69);border:1px solid #b0beff3d;border-radius:13px;place-items:center;font-weight:800;display:grid;box-shadow:0 5px 15px #00000029}.user-avatar{width:39px;height:39px;font-size:11px}.user-identity strong{color:#eaf0fa;font-size:12px;display:block}.user-identity span{color:#71829a;margin-top:5px;font-size:10px;display:block}.user-role,.user-license{border-radius:7px;align-items:center;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.user-role.admin{color:#bcb0ff;background:#7a69eb26;border:1px solid #9789ff21}.user-role.employee{color:#88c8ff;background:#499de921;border:1px solid #5db1ff1f}.user-role.viewer{color:#aab6c9;background:#97a5bb17;border:1px solid #97a5bb1a}.user-license{color:#aebbd0;background:#1c2839;border:1px solid #34435b}.user-status{align-items:center;gap:8px;font-size:10px;font-weight:700;display:inline-flex}.user-status>span{border-radius:50%;width:6px;height:6px}.user-status.active{color:#6cdeaf}.user-status.active>span{background:#6cdeaf;box-shadow:0 0 10px #6cdeaf99}.user-status.suspended{color:#edbd76}.user-status.suspended>span{background:#edbd76}.device-count,.last-active{color:#aab8cc;align-items:center;gap:7px;font-size:11px;display:inline-flex}.last-active{color:#8a99b0}.user-more-button{color:#7788a2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;padding:8px;transition:all .2s;display:grid}.user-more-button:hover{color:#fff;background:#2a374d;border-color:#4a5871}.users-empty-state{text-align:center;color:#75849d;padding:70px 20px}.users-empty-state h3{color:#e7edf8;margin:15px 0 7px;font-size:16px}.users-empty-state p{margin:0;font-size:12px}.users-footer{color:#63738c;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;display:flex}.users-footer>span:first-child{align-items:center;gap:8px;display:flex}.users-live-dot{background:#6bdcb0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 11px #6bdcb08c}.user-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03070ed6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.user-modal{background:linear-gradient(145deg,#1c283a,#101925);border:1px solid #40506a;border-radius:24px;width:min(470px,100%);padding:32px;animation:.22s userModalAppear;position:relative;box-shadow:0 35px 110px #0000008c,inset 0 1px #ffffff0a}@keyframes userModalAppear{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}.user-modal-close{color:#8494ad;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:7px;display:grid;position:absolute;top:17px;right:17px}.user-modal-close:hover{color:#fff;background:#26344a;border-color:#40506a}.modal-user-profile{text-align:center;flex-direction:column;align-items:center;display:flex}.modal-user-avatar{border-radius:23px;width:76px;height:76px;margin-bottom:15px;font-size:21px}.modal-profile-label{color:#7486a1;letter-spacing:1.7px;font-size:9px;font-weight:800}.modal-user-profile h2{letter-spacing:-.7px;margin:9px 0 0;font-size:24px}.modal-user-profile p{color:#8b9bb2;margin:8px 0 15px;font-size:12px}.user-detail-list{border-top:1px solid #304057;margin-top:30px}.user-detail-list>div{border-bottom:1px solid #304057;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:15px 0;display:grid}.user-detail-list svg{color:#9aa7ff}.user-detail-list span{color:#8798b0;font-size:11px}.user-detail-list strong{overflow-wrap:anywhere;color:#e5ecf8;text-align:right;max-width:230px;font-size:11px}.user-status-action{color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:25px;padding:14px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.user-status-action.suspend{background:linear-gradient(135deg,#ad4d65,#883b50)}.user-status-action.suspend:hover{background:linear-gradient(135deg,#c45a73,#a3455d)}.user-status-action.activate{background:linear-gradient(135deg,#2e9b77,#207456)}.user-status-action.activate:hover{background:linear-gradient(135deg,#3ab68d,#2b916c)}@media (width<=1180px){.users-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-filter-label{margin-left:0}}@media (width<=720px){.users-page{padding:20px}.users-title-row,.users-panel-header{flex-direction:column;align-items:flex-start}.users-security-badge{white-space:normal}.users-stat-grid{grid-template-columns:1fr}.users-toolbar{flex-direction:column;align-items:stretch}.users-search{max-width:none}.users-select-wrap select{width:100%}.users-footer{flex-direction:column}}.licenses-page{color:#e9edf8;background:radial-gradient(circle at 85% 0,#594ed81f,#0000 32%),#0a0e18;min-height:100%;padding:34px 36px 50px}.licenses-header,.section-heading,.license-create-actions,.modal-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.licenses-header{margin-bottom:30px}.eyebrow{color:#8e9ab7;letter-spacing:1.5px;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.licenses-header h1{letter-spacing:-1.1px;margin:9px 0 8px;font-size:31px}.licenses-header h1 span{color:#8d97b5}.licenses-header p{color:#8792ad;margin:0;font-size:13px}.license-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.license-btn.primary{color:#fff;background:linear-gradient(135deg,#7568f6,#5546d9);box-shadow:0 8px 24px #4f46e533}.license-btn.secondary{color:#c9d1e6;background:#151b2a;border-color:#283249}.license-btn.outline{color:#b8c3df;background:0 0;border-color:#303a55;width:100%}.license-btn.danger{color:#ff9db5;background:#3a1c29;border-color:#653047}.license-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.license-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:34px;display:grid}.license-stat{background:linear-gradient(145deg,#121927,#0f1522);border:1px solid #202b40;border-radius:15px;gap:13px;padding:20px;display:flex;box-shadow:0 10px 28px #00000018}.stat-icon{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.stat-icon.violet{color:#a69eff;background:#6255df22}.stat-icon.green{color:#64ddb0;background:#39c58b1c}.stat-icon.amber{color:#f2c16c;background:#e9a93b1c}.stat-icon.blue{color:#82bcff;background:#4c9ef01c}.license-stat small,.license-stat em{color:#8290ad;font-size:11px;font-style:normal;display:block}.license-stat strong{letter-spacing:-.8px;margin:5px 0;font-size:26px;display:block}.license-stat em{font-size:10px}.section-heading{margin-bottom:18px}.section-heading h2{letter-spacing:-.4px;margin:7px 0 0;font-size:19px}.section-note{color:#71809e;font-size:11px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.plan-card{background:linear-gradient(150deg,#141d2d,#101624);border:1px solid #263249;border-radius:17px;padding:24px;position:relative;overflow:hidden}.plan-card.featured{border-color:#6659db;box-shadow:0 0 0 1px #6659db22,0 15px 35px #0002}.featured-label{color:#fff;letter-spacing:.6px;background:#6255df;border-bottom-left-radius:10px;padding:7px 11px;font-size:8px;font-weight:900;position:absolute;top:0;right:0}.plan-icon{color:#a59dff;background:#7265f51a;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:19px;display:grid}.plan-card h3{margin:0 0 9px;font-size:17px}.plan-card p{color:#8995b0;min-height:36px;margin:0;font-size:12px;line-height:1.6}.device-limit{align-items:baseline;gap:9px;margin:23px 0 19px;display:flex}.device-limit strong{letter-spacing:-1px;font-size:28px}.device-limit span{color:#7c89a4;font-size:11px}.license-management{margin-top:36px}.filter-tabs{background:#111827;border:1px solid #222d42;border-radius:10px;gap:5px;padding:4px;display:flex}.filter-tabs button{color:#8190ac;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:800}.filter-tabs button.selected{color:#fff;background:#6255df}.license-table-wrap{background:#101724;border:1px solid #222d42;border-radius:16px;overflow:hidden}.license-table{border-collapse:collapse;width:100%}.license-table th{text-align:left;color:#71809e;letter-spacing:.8px;text-transform:uppercase;background:#131c2b;border-bottom:1px solid #263147;padding:15px 18px;font-size:10px}.license-table td{border-bottom:1px solid #1d293c;padding:17px 18px;font-size:12px}.license-table tr:last-child td{border-bottom:0}.license-table tbody tr:hover{background:#151e2e}.license-key-cell,.owner-cell{align-items:center;gap:10px;display:flex}.key-symbol{color:#9e95ff;background:#6255df1c;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.license-key-cell strong,.owner-cell strong{font-size:12px;display:block}.license-key-cell code{color:#7786a4;margin-top:5px;font-size:10px;display:block}.owner-cell{display:block}.owner-cell small{color:#72809b;margin-top:5px;font-size:10px;display:block}.type-pill{color:#aebbd5;white-space:nowrap;border:1px solid #2b3850;border-radius:7px;padding:6px 9px;font-size:10px;display:inline-block}.device-cell strong{margin-bottom:7px;font-size:11px;display:block}.device-track{background:#273248;border-radius:9px;width:65px;height:4px;overflow:hidden}.device-track span{background:linear-gradient(90deg,#7467f5,#a59bff);border-radius:9px;height:100%;display:block}.status-pill{border-radius:7px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-pill span{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.active{color:#64dca8;background:#38c98a14}.status-pill.paused{color:#f3c16b;background:#f2b94b14}.status-pill.inactive{color:#ff8da6;background:#ff718e14}.icon-btn{color:#91a0bd;cursor:pointer;background:#151e2d;border:1px solid #29364d;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.icon-btn:hover{color:#fff;border-color:#6659db}.empty-state{text-align:center;color:#8190aa;padding:40px;font-size:12px}.license-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02040ab8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.license-modal{background:linear-gradient(150deg,#172133,#0d1420);border:1px solid #35415b;border-radius:18px;width:min(510px,100%);padding:26px;box-shadow:0 25px 90px #0008}.modal-top h2{margin:8px 0 0;font-size:23px}.modal-key{background:#0b111d;border:1px solid #29364d;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:25px 0;padding:13px 14px;display:flex}.modal-key code{color:#a79fff;word-break:break-all;font-size:11px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.detail-grid small{color:#71809c;margin-bottom:6px;font-size:10px;display:block}.detail-grid strong{font-size:12px}.modal-actions{border-top:1px solid #27344a;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;display:flex}@media (width<=1050px){.license-stats{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:1fr}.license-table-wrap{overflow-x:auto}.license-table{min-width:850px}}@media (width<=650px){.licenses-page{padding:22px 16px}.licenses-header{flex-direction:column;align-items:flex-start}.license-create-actions{width:100%}.license-create-actions .license-btn{flex:1}.license-stats{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.filter-tabs{justify-content:space-between;width:100%}.filter-tabs button{flex:1;padding:8px 4px}}.license-type-section{background:linear-gradient(145deg,#111a29,#0d1420);border:1px solid #253148;border-radius:18px;margin:0 0 24px;overflow:hidden}.all-devices-section{border-color:#6659db55;box-shadow:0 12px 32px #0002}.type-section-header{background:linear-gradient(90deg,#172235,#111a29);border-bottom:1px solid #263147;justify-content:space-between;align-items:center;gap:18px;padding:19px 22px;display:flex}.type-section-title{align-items:center;gap:12px;display:flex}.type-section-icon{color:#a69eff;background:#7568f51a;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.type-section-title h3{margin:0;font-size:16px}.type-section-title p{color:#7f8eaa;margin:5px 0 0;font-size:11px}.type-section-meta{align-items:center;gap:13px;display:flex}.type-section-meta span{color:#7f8eaa;font-size:11px}.type-section-meta strong{color:#d9ddff;font-size:18px}.type-section-meta .license-btn{width:auto}.license-type-section .license-table-wrap{background:0 0;border:0;border-radius:0}.license-type-section .license-table th{background:#111a29}.license-type-section .license-table td{background:0 0}.license-type-section .license-table tbody tr:hover{background:#172235}@media (width<=800px){.type-section-header{flex-direction:column;align-items:flex-start}.type-section-meta{justify-content:space-between;width:100%}.type-section-meta .license-btn{margin-left:auto}}.focused-license-list{margin-top:36px}.license-row-actions{align-items:center;gap:7px;display:flex}.row-action{cursor:pointer;background:#151e2d;border:1px solid #2a3850;border-radius:8px;place-items:center;width:31px;height:31px;transition:all .2s;display:grid}.row-action.pause{color:#f3c16b}.row-action.regenerate{color:#9e95ff}.row-action.delete{color:#ff8da6}.row-action:hover{filter:brightness(1.2);transform:translateY(-1px)}.row-action.delete:hover{background:#542336;border-color:#8b3c56}.row-action.pause:hover{background:#4a3820;border-color:#8a6830}.row-action.regenerate:hover{background:#302966;border-color:#6659db}.focused-license-list .license-type-section{margin-bottom:0}.focused-license-list .type-section-meta .license-btn{min-width:112px}@media (width<=800px){.license-row-actions{gap:5px}.row-action{width:29px;height:29px}}.security-page{color:#f4f6fb;min-height:100%;padding:32px}.security-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.security-eyebrow{color:#8996ad;letter-spacing:1.5px;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.security-header h1{color:#f5f7ff;letter-spacing:-1px;margin:0;font-size:34px}.security-header p{color:#8996ad;margin:10px 0 0;font-size:13px}.security-header-badge{color:#65d9a5;background:#10251f;border:1px solid #285141;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:11px;display:flex}.security-header-badge span{background:#52d69e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #52d69e}.security-overview{grid-template-columns:1.5fr 1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.security-score-card,.security-summary-card{background:linear-gradient(145deg,#171e2b,#111721);border:1px solid #293448;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.security-score-content{min-width:0}.security-card-label{color:#929fba;align-items:center;gap:7px;font-size:11px;display:flex}.security-score-value{color:#f5f7ff;letter-spacing:-1.5px;margin-top:12px;font-size:38px;font-weight:750}.security-score-value span{color:#8e7dff;margin-left:3px;font-size:20px}.security-score-content p{color:#73829a;max-width:210px;margin:7px 0 0;font-size:10px;line-height:1.6}.security-score-ring{background:conic-gradient(#7c5cff var(--score), #293449 var(--score));border-radius:50%;flex-shrink:0;place-items:center;width:110px;height:110px;display:grid;position:relative}.security-score-ring:before{content:"";background:#151d2a;border-radius:50%;position:absolute;inset:8px}.security-score-ring-inner{z-index:1;color:#9e8eff;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.security-score-ring-inner strong{color:#f4f6fb;font-size:15px}.security-summary-card{justify-content:flex-start}.security-summary-icon{border-radius:12px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.security-summary-icon.green{color:#63dbaa;background:#43ce981c}.security-summary-icon.purple{color:#a495ff;background:#7c5cff1c}.security-summary-card span{color:#8d9ab0;font-size:11px;display:block}.security-summary-card strong{color:#f3f6fd;margin:7px 0 5px;font-size:25px;display:block}.security-summary-card strong small{color:#76849b;font-size:13px}.security-summary-card p{color:#68778e;margin:0;font-size:10px}.security-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start;gap:20px;display:grid}.security-factors-panel,.security-policy-card,.security-activity-card{background:linear-gradient(145deg,#171e2b,#111721);border:1px solid #293448;border-radius:16px}.security-factors-panel{overflow:hidden}.security-panel-heading{border-bottom:1px solid #293448;justify-content:space-between;align-items:flex-start;gap:15px;padding:23px 25px;display:flex}.security-panel-heading h2{color:#f0f3fb;letter-spacing:-.3px;margin:0;font-size:16px}.security-panel-heading p{color:#78879e;margin:7px 0 0;font-size:10px;line-height:1.6}.security-panel-heading>span{color:#9daac0;white-space:nowrap;background:#222c3d;border:1px solid #344057;border-radius:6px;padding:6px 9px;font-size:10px}.security-factor-list{padding:0 25px}.security-factor-item{border-bottom:1px solid #273245;align-items:center;gap:15px;padding:21px 0;transition:background .2s;display:flex}.security-factor-item:last-child{border-bottom:0}.security-factor-item:hover{background:#ffffff02}.security-factor-icon{color:#a494ff;background:#282342;border:1px solid #3c355d;border-radius:11px;flex-shrink:0;place-items:center;width:43px;height:43px;transition:all .2s;display:grid}.security-factor-item.disabled .security-factor-icon{color:#687890;background:#202938;border-color:#303b4d}.security-factor-details{flex:1;min-width:0}.security-factor-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.security-factor-title h3{color:#e1e6f1;margin:0;font-size:12px;font-weight:650}.required-badge{color:#9f90ff;letter-spacing:.3px;text-transform:uppercase;background:#7c5cff18;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:700}.security-factor-details p{color:#76859d;max-width:520px;margin:6px 0 8px;font-size:10px;line-height:1.6}.security-factor-status{color:#5bdba7;align-items:center;gap:6px;font-size:9px;display:flex}.security-factor-status span{background:#5bdba7;border-radius:50%;width:5px;height:5px}.security-factor-item.disabled .security-factor-status{color:#e2ac5c}.security-factor-item.disabled .security-factor-status span{background:#e2ac5c}.security-toggle{cursor:pointer;background:#273244;border:1px solid #3a465b;border-radius:20px;flex-shrink:0;width:39px;height:22px;padding:0;transition:all .25s;position:relative}.security-toggle span{background:#8b98ad;border-radius:50%;width:14px;height:14px;transition:all .25s;position:absolute;top:3px;left:3px}.security-toggle.active{background:#7055e8;border-color:#6754dc}.security-toggle.active span{background:#fff;left:20px;box-shadow:0 0 8px #ffffff35}.security-panel-footer{color:#697990;background:#101722;border-top:1px solid #293448;align-items:center;gap:8px;padding:14px 25px;font-size:10px;display:flex}.security-panel-footer svg{color:#8e7dff}.security-side-column{flex-direction:column;gap:20px;display:flex}.security-policy-card,.security-activity-card{overflow:hidden}.security-policy-card .security-panel-heading,.security-activity-card .security-panel-heading{padding:21px}.security-policy-card .security-panel-heading>svg,.security-activity-card .security-panel-heading>svg{color:#8c7dff}.security-policy-row{border-bottom:1px solid #293448;justify-content:space-between;align-items:center;gap:15px;padding:19px 21px;display:flex}.security-policy-row strong,.security-policy-row span{display:block}.security-policy-row strong{color:#dce3ef;font-size:11px;font-weight:600}.security-policy-row span{color:#75849b;max-width:230px;margin-top:6px;font-size:10px;line-height:1.5}.policy-status{color:#5bdba7;white-space:nowrap;background:#43ce9818;border-radius:5px;padding:5px 8px;font-size:9px}.lockdown-notice{color:#5bdba7;background:#10251f;border:1px solid #285141;border-radius:8px;align-items:center;gap:9px;margin:18px 21px;padding:12px;font-size:10px;display:flex}.lockdown-notice.active{color:#e7b45e;background:#30251a;border-color:#72502c}.security-activity-list{padding:0 21px}.security-activity-item{border-bottom:1px solid #293448;gap:11px;padding:18px 0;display:flex}.security-activity-item:last-child{border-bottom:0}.security-activity-icon{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.security-activity-icon.success{color:#5bdba7;background:#43ce9818}.security-activity-icon.warning{color:#e2ac5c;background:#e2ac5c18}.security-activity-item strong{color:#dce3ef;font-size:10px;font-weight:600;display:block}.security-activity-item p{color:#75849b;margin:6px 0;font-size:9px;line-height:1.6}.security-activity-item>div:last-child>span{color:#596a82;align-items:center;gap:5px;font-size:9px;display:flex}.security-bottom-note{color:#68778e;align-items:center;gap:8px;margin-top:18px;font-size:10px;display:flex}.security-bottom-note svg{color:#8e7dff}@media (width<=1200px){.security-overview{grid-template-columns:1fr 1fr}.security-score-card{grid-column:span 2}.security-main-grid{grid-template-columns:1fr}}@media (width<=700px){.security-page{padding:20px}.security-header{flex-direction:column;align-items:flex-start}.security-overview{grid-template-columns:1fr}.security-score-card{grid-column:auto}.security-summary-card{justify-content:flex-start}.security-panel-heading{padding:20px}.security-factor-list{padding:0 20px}.security-factor-item{align-items:flex-start}.security-factor-details p{font-size:9px}.security-panel-footer{padding:14px 20px}}:root{--bg-main:#080d13;--bg-card:linear-gradient(145deg, #121a24f2, #0b1118fa);--bg-sidebar:linear-gradient(160deg, #0f161ffa, #090e14fa);--border-subtle:#8ca5be14;--border-focus:#67daab66;--accent-primary:linear-gradient(135deg, #7af2bc, #4ecb95);--accent-hover:linear-gradient(135deg, #98fae8, #60dcab);--accent-emerald:#72ddb0;--text-main:#f1f5f9;--text-muted:#8b9bb0;--text-dimmed:#627387}.premium-settings{min-height:100%;color:var(--text-main);background:radial-gradient(circle at 90% 5%, #2882a024, transparent 35%), radial-gradient(circle at 5% 15%, #195f4b1a, transparent 30%), var(--bg-main);padding:32px}.settings-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.settings-header-left{align-items:center;gap:16px;display:flex}.settings-brand-mark{color:#70e0b2;background:linear-gradient(145deg,#32a07838,#0f161ef2);border:1px solid #67daab40;border-radius:16px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 12px 30px #00000040}.eyebrow{color:#70dcae;letter-spacing:2px;margin-bottom:4px;font-size:10px;font-weight:800}.settings-header h1{color:#f8fafc;letter-spacing:-.8px;margin:0;font-size:28px;font-weight:800}.settings-header p{color:var(--text-muted);margin:4px 0 0;font-size:13px}.settings-header-actions{align-items:center;gap:10px;display:flex}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.primary-button{color:#06110c;background:var(--accent-primary);box-shadow:0 6px 20px #4ecb952e}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px #4ecb954d}.primary-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.secondary-button{color:#cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#192330bf;border-color:#8ca5be26}.secondary-button:hover{color:#f1f5f9;background:#233241d9;border-color:#67daab59}.danger-button{color:#fff;background:#be4a4a}.danger-button:hover{background:#d25757}.unsaved-badge,.saved-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:9px;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.unsaved-badge{color:#fcd34d;background:#fcd34d14;border:1px solid #fcd34d2e}.unsaved-badge span{background:#fbbf24;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #fbbf241f}.saved-badge{color:#34d399;background:#34d39914;border:1px solid #34d3992e}.settings-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.overview-card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:16px;align-items:center;gap:14px;min-height:98px;padding:18px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000002e}.overview-card:hover{border-color:#67daab33;transform:translateY(-2px)}.overview-card:after{content:"";background:#4ecb950a;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-40px;right:-25px}.overview-icon{width:40px;height:40px;color:var(--accent-emerald);background:#4ecb9514;border:1px solid #67daab2e;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.overview-content{flex-direction:column;min-width:0;display:flex}.overview-content>span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.9px;font-size:10px;font-weight:700}.overview-content strong{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;max-width:175px;margin-top:3px;font-size:13px;font-weight:700;overflow:hidden}.overview-content small{color:var(--text-dimmed);align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.healthy-text{color:#34d399!important}.overview-arrow{color:var(--text-dimmed);position:absolute;top:14px;right:14px}.settings-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-sidebar{border:1px solid var(--border-subtle);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:14px;position:sticky;top:24px;box-shadow:0 16px 40px #00000038}.settings-search{height:40px;color:var(--text-muted);background:#ffffff06;border:1px solid #8ca5be1f;border-radius:11px;align-items:center;gap:8px;margin-bottom:12px;padding:0 12px;transition:all .2s;display:flex}.settings-search:focus-within{border-color:var(--border-focus);background:#ffffff0a;box-shadow:0 0 0 3px #67daab14}.settings-search input{color:#e2e8f0;background:0 0;border:0;outline:0;width:100%;font-size:12px}.settings-search input::placeholder{color:var(--text-dimmed)}.settings-search button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav-item{width:100%;min-height:52px;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;transition:all .2s;display:flex}.settings-nav-item:hover{color:#f1f5f9;background:#ffffff0a}.settings-nav-item.active{color:#f8fafc;background:linear-gradient(90deg,#4ecb9529,#1e3c321a);border-color:#67daab33}.nav-item-icon{width:34px;height:34px;color:var(--text-muted);background:#ffffff08;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.settings-nav-item.active .nav-item-icon{color:#70e0b2;background:#4ecb9526}.nav-item-copy{flex-direction:column;flex:1;min-width:0;display:flex}.nav-item-copy strong{color:inherit;font-size:11px;font-weight:700}.nav-item-copy span{color:var(--text-dimmed);margin-top:2px;font-size:9px}.nav-arrow{color:var(--text-dimmed)}.settings-nav-item.active .nav-arrow{color:#70e0b2}.sidebar-runtime{border-top:1px solid #8ca5be14;align-items:center;gap:10px;margin-top:10px;padding:14px 8px 4px;display:flex}.runtime-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #34d39926}.sidebar-runtime div:last-child{flex-direction:column;min-width:0;display:flex}.sidebar-runtime strong{color:#cbd5e1;font-size:10px}.sidebar-runtime span{color:var(--text-dimmed);margin-top:2px;font-size:8px}.settings-content{min-width:0}.content-toolbar{justify-content:space-between;align-items:center;height:44px;margin-bottom:12px;padding:0 4px;display:flex}.content-toolbar>div{align-items:center;gap:8px;display:flex}.content-path{color:var(--text-dimmed);font-size:11px}.content-toolbar strong{color:#cbd5e1;font-size:11px}.local-badge{height:28px;color:var(--text-muted);background:#ffffff06;border:1px solid #8ca5be1a;border-radius:9px;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.local-badge span{background:#34d399;border-radius:50%;width:5px;height:5px}.section-header{align-items:center;gap:14px;padding:4px 2px 16px;display:flex}.section-header-icon{width:42px;height:42px;color:var(--accent-emerald);background:#4ecb951a;border:1px solid #67daab33;border-radius:12px;place-items:center;display:grid}.section-header h2{color:#f1f5f9;margin:0;font-size:18px;font-weight:800}.section-header p{color:var(--text-muted);margin:3px 0 0;font-size:11px}.settings-card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:16px;margin-bottom:14px;padding:20px;box-shadow:0 12px 35px #00000026}.card-title{color:#94a3b8;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;font-size:10px;font-weight:800}.settings-field{border-bottom:1px solid #8ca5be12;justify-content:space-between;align-items:center;gap:25px;min-height:70px;padding:14px 0;display:flex}.settings-field:last-child{border-bottom:0;padding-bottom:4px}.settings-field-copy{flex-direction:column;min-width:0;display:flex}.settings-field-copy label{color:#e2e8f0;font-size:12px;font-weight:700}.settings-field-copy span{max-width:500px;color:var(--text-muted);margin-top:4px;font-size:10px;line-height:1.5}.settings-field input,.settings-field select{color:#e2e8f0;background:#0a1018b3;border:1px solid #8ca5be24;border-radius:10px;outline:0;flex-shrink:0;width:250px;height:38px;padding:0 12px;font-size:11px;transition:all .2s}.settings-field input:focus,.settings-field select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #67daab14}.settings-field select{cursor:pointer}.settings-field select option{color:#e2e8f0;background:#0f1722}.setting-row{border-bottom:1px solid #8ca5be12;align-items:center;gap:12px;min-height:68px;padding:12px 0;display:flex}.setting-row:last-child{border-bottom:0;padding-bottom:4px}.setting-row-icon{width:36px;height:36px;color:var(--text-muted);background:#ffffff09;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.setting-row-copy{flex-direction:column;flex:1;min-width:0;display:flex}.setting-row-copy strong{color:#e2e8f0;font-size:12px}.setting-row-copy span{max-width:650px;color:var(--text-muted);margin-top:3px;font-size:10px;line-height:1.5}.settings-toggle{cursor:pointer;background:#ffffff14;border:1px solid #8ca5be29;border-radius:100px;flex-shrink:0;width:44px;height:24px;padding:0;transition:all .2s;position:relative}.settings-toggle span{background:#94a3b8;border-radius:50%;width:16px;height:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}.settings-toggle.active{background:#4ecb9540;border-color:#67daab73}.settings-toggle.active span{background:#5dedb3;left:23px;box-shadow:0 0 12px #5dedb359}.runtime-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.runtime-card{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:84px;padding:14px;display:flex}.runtime-card>div{color:var(--text-muted);align-items:center;gap:8px;display:flex}.runtime-card>div span{font-size:9px;font-weight:700}.runtime-card strong{color:#cbd5e1;font-size:13px}.runtime-card .status-online{color:#34d399}.settings-footer-note{background:#ffffff05;border:1px solid #8ca5be14;border-radius:14px;align-items:flex-start;gap:12px;margin-top:6px;padding:14px 16px;display:flex}.footer-note-icon{color:#34d399;background:#34d3991a;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.settings-footer-note div:last-child{flex-direction:column;display:flex}.settings-footer-note strong{color:#cbd5e1;font-size:11px}.settings-footer-note span{max-width:800px;color:var(--text-muted);margin-top:3px;font-size:10px;line-height:1.5}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060ccc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reset-modal{background:linear-gradient(145deg,#162231,#0b131c);border:1px solid #8ca5be26;border-radius:18px;width:min(420px,100%);padding:26px;box-shadow:0 35px 90px #0009}.modal-icon{color:#fbbf24;background:#fbbf241a;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:16px;display:grid}.reset-modal h3{color:#f8fafc;margin:0;font-size:18px}.reset-modal p{color:var(--text-muted);margin:8px 0 22px;font-size:11px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1200px){.settings-overview,.runtime-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.premium-settings{padding:20px}.settings-header{flex-direction:column;align-items:flex-start}.settings-header-actions{flex-wrap:wrap;width:100%}.settings-layout{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{grid-template-columns:repeat(2,1fr);display:grid}.sidebar-runtime{display:none}}@media (width<=650px){.premium-settings{padding:16px}.settings-overview,.runtime-grid,.settings-nav{grid-template-columns:1fr}.settings-field{flex-direction:column;align-items:flex-start;gap:10px}.settings-field input,.settings-field select,.primary-button,.secondary-button{width:100%}.settings-header-actions{flex-direction:column;align-items:stretch}.unsaved-badge,.saved-badge{justify-content:center}.content-toolbar{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding-bottom:10px}}