:root{--signin-bg:#eaf1f6;--signin-bg-deep:#dfe9f0;--signin-card:#fffffff0;--signin-card-border:#22496521;--signin-text:#183247;--signin-muted:#6c8293;--signin-soft:#8da0af;--signin-blue:#246da8;--signin-blue-dark:#175681;--signin-cyan:#168bad;--signin-green:#15956d;--signin-red:#d95360}.signin-page{background:radial-gradient(circle at 15% 20%, #246da81a, transparent 30%), radial-gradient(circle at 85% 75%, #168bad17, transparent 32%), linear-gradient(135deg, var(--signin-bg), var(--signin-bg-deep));width:100%;min-height:100vh;color:var(--signin-text);flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative;overflow:hidden}.signin-grid{opacity:.45;pointer-events:none;background-image:linear-gradient(#2d536e0e 1px,#0000 1px),linear-gradient(90deg,#2d536e0e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.signin-glow{filter:blur(90px);pointer-events:none;opacity:.28;border-radius:50%;width:380px;height:380px;position:absolute}.signin-glow-one{background:#2a76b14d;top:-160px;left:-120px}.signin-glow-two{background:#1997ab40;bottom:-180px;right:-130px}.signin-shell{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff6;border:1px solid #264c6524;border-radius:26px;grid-template-columns:1fr 430px;width:min(980px,100%);min-height:570px;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 80px #1e3d5226,0 8px 25px #1e3d5214}.signin-brand{color:#fff;background:linear-gradient(145deg,#123e5bf5,#185374ed);flex-direction:column;justify-content:center;padding:64px;display:flex;position:relative;overflow:hidden}.signin-brand:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-190px;right:-170px;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.signin-brand:after{content:"";filter:blur(10px);background:#4cc4e11a;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;left:-80px}.brand-mark{z-index:2;background:linear-gradient(145deg,#ffffff29,#ffffff0a);border:1px solid #ffffff40;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:20px;display:flex;position:relative;transform:rotate(-4deg);box-shadow:inset 0 1px #ffffff26,0 12px 28px #00000029}.brand-mark span{letter-spacing:-.08em;font-size:28px;font-weight:900;transform:rotate(4deg)}.brand-name{z-index:2;letter-spacing:.3em;color:#fff;font-size:13px;font-weight:900;position:relative}.brand-line{z-index:2;background:linear-gradient(90deg,#63d7ee,#0000);width:48px;height:2px;margin:18px 0 28px;position:relative}.signin-brand h1{z-index:2;letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.12;position:relative}.signin-brand p{z-index:2;color:#ebf7ffb8;max-width:430px;margin:22px 0 0;font-size:14px;line-height:1.75;position:relative}.brand-status{z-index:2;color:#e0f4fabf;letter-spacing:.14em;align-items:center;gap:9px;margin-top:42px;font-size:9px;font-weight:800;display:flex;position:relative}.status-dot{background:#42e4a9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #42e4a9bf}.signin-card{background:var(--signin-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid #254b641a;flex-direction:column;padding:56px 48px;display:flex;position:relative}.signin-kicker{color:var(--signin-cyan);letter-spacing:.22em;margin-bottom:10px;font-size:8px;font-weight:900;display:block}.signin-card h2{color:var(--signin-text);letter-spacing:-.045em;margin:0;font-size:30px;font-weight:850}.signin-card-top p{color:var(--signin-muted);margin:10px 0 0;font-size:13px;line-height:1.6}.signin-form{margin-top:34px}.field-group{margin-bottom:21px}.field-group label{color:#405d72;letter-spacing:.03em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.password-label-row{justify-content:space-between;align-items:center;display:flex}.password-label-row label{margin-bottom:8px}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:#7b93a5;pointer-events:none;position:absolute;left:15px}.input-wrap input{color:#203b4f;background:#f7fafc;border:1px solid #33587029;border-radius:11px;outline:none;width:100%;height:49px;padding:0 46px 0 45px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap input::placeholder{color:#a1b0bc}.input-wrap input:hover{background:#fff}.input-wrap input:focus{background:#fff;border-color:#246da88c;box-shadow:0 0 0 4px #246da817}.password-toggle{color:#7890a1;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;right:13px}.password-toggle:hover{color:var(--signin-blue);background:#246da812}.forgot-button{color:var(--signin-blue);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:10px;font-weight:750}.forgot-button:hover{color:var(--signin-blue-dark);text-decoration:underline}.signin-options{margin-top:2px}.remember-label{cursor:pointer;align-items:center;gap:9px;color:#718798!important;margin:0!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important}.remember-label input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{background:#f7fafc;border:1px solid #315b7740;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.custom-checkbox span{background:0 0;border-radius:2px;width:8px;height:8px}.remember-label input:checked+.custom-checkbox{border-color:var(--signin-blue);background:var(--signin-blue)}.remember-label input:checked+.custom-checkbox span{background:#fff}.signin-error{color:#bd4654;background:#d84d5b0e;border:1px solid #d84d5b2e;border-radius:9px;align-items:center;gap:9px;margin-top:18px;padding:11px 13px;font-size:10px;font-weight:700;display:flex}.error-icon{color:#fff;background:#d95360;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:900;display:flex}.signin-button{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#246da8,#185c8e);border:0;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;margin-top:25px;font-family:inherit;font-size:12px;font-weight:850;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 10px 22px #1d5b873b}.signin-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 15px 28px #1d5b8747}.signin-button:active:not(:disabled){transform:translateY(0)}.signin-button:disabled{opacity:.72;cursor:wait}.button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite signin-spin}@keyframes signin-spin{to{transform:rotate(360deg)}}.signin-card-footer{color:#94a5b2;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;margin-top:auto;padding-top:30px;font-size:8px;font-weight:750;display:flex}.secure-dot{background:var(--signin-green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #15956d73}.signin-footer{z-index:2;color:#7d92a2;letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:8px;font-weight:700;display:flex;position:relative}.footer-separator{color:#a8b7c2}@media (width<=850px){.signin-shell{grid-template-columns:1fr;max-width:520px}.signin-brand{min-height:300px;padding:42px}.signin-brand h1{font-size:30px}.signin-card{min-height:470px;padding:42px}}@media (width<=560px){.signin-page{padding:20px 14px}.signin-shell{border-radius:20px}.signin-brand{min-height:250px;padding:30px}.signin-brand h1{font-size:25px}.signin-brand p{font-size:12px}.brand-status{margin-top:25px}.signin-card{padding:34px 25px}.signin-card h2{font-size:27px}.signin-footer{text-align:center;line-height:1.5}}.brand-mark{background:#fffffff0;border:1px solid #22496521;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:0 10px 24px #1e3d521a,0 2px 6px #1e3d520a}.brand-mark img{object-fit:contain;width:90%;height:90%;display:block}.logout-btn{color:#183247;cursor:pointer;background:#ffffffe6;border:1px solid #22496524;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:absolute;top:24px;right:24px}.logout-btn:hover{background:#f4f8fb;border-color:#22496540;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}:root{--deewan-bg:#07131d;--deewan-bg-deep:#0a1d2a;--deewan-panel:#071926b8;--deewan-panel-strong:#081c2bdb;--deewan-card:#081b29c7;--deewan-border:#82d2eb29;--deewan-border-strong:#64cdeb47;--deewan-text:#f3fbff;--deewan-muted:#b5cbd7;--deewan-soft:#7894a3;--deewan-blue:#4aa8e8;--deewan-blue-dark:#77c9f3;--deewan-cyan:#29d4e8;--deewan-green:#38d49b;--deewan-red:#ff6875;--deewan-blue-soft:#4aa8e821;--deewan-cyan-soft:#29d4e81f;--deewan-green-soft:#38d49b1f;--deewan-red-soft:#ff68751f;--deewan-shadow:0 18px 45px #00000047, 0 5px 15px #0000002e;--deewan-shadow-hover:0 25px 60px #0000005c, 0 8px 22px #00000038}.public-dashboard{width:100%;height:100vh;min-height:100vh;color:var(--deewan-text);box-sizing:border-box;background-image:linear-gradient(#eaf1f640,#dfe9f040),url(/dashboard-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative;overflow:hidden}.grid-background{z-index:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#6ccdeb1a 1px,#0000 1px),linear-gradient(90deg,#6ccdeb1a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.ambient{z-index:0;pointer-events:none;filter:blur(100px);opacity:.22;border-radius:50%;position:absolute}.ambient-one{background:#1e96dc3d;width:380px;height:380px;top:-170px;left:-130px}.ambient-two{background:#18d2e133;width:330px;height:330px;bottom:-160px;right:-120px}.ambient-three{background:#1e96dc14;width:250px;height:250px;top:42%;left:42%}.dashboard-header{z-index:5;border-bottom:1px solid #8cd2e629;justify-content:space-between;align-items:center;gap:20px;width:min(1380px,100% - 48px);margin:0 auto;padding:24px 0 20px;display:flex;position:relative}.brand{align-items:center;gap:13px;min-width:0;display:flex}.brand-logo{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071b2ab8;border:1px solid #6ecdeb38;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff0f}.brand-logo img{object-fit:contain;width:90%;height:90%;display:block}.brand-text{min-width:0}.brand-name{color:#f5fcff;letter-spacing:.24em;text-shadow:0 2px 15px #00000059;font-size:30px;font-weight:900;line-height:1.1}.brand-subtitle{color:#9db8c6;letter-spacing:.13em;text-transform:uppercase;margin-top:4px;font-size:16px;font-weight:800}.header-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;display:flex}.live-pill{letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.live-pill.online{color:#5ce5b1;background:#28d29b1c;border:1px solid #38d49b40;box-shadow:0 0 20px #38d49b12}.live-pill.offline{color:#ff7d87;background:#ff68751c;border:1px solid #ff68753d}.live-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.live-pill.online .live-dot{background:var(--deewan-green);box-shadow:0 0 0 4px #38d49b17,0 0 14px #38d49ba6}.live-pill.offline .live-dot{background:var(--deewan-red);box-shadow:0 0 0 4px #ff687512,0 0 12px #ff687559}.header-divider{background:#96d2e12e;width:1px;height:24px}.system-label{color:#9eb7c4;letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.system-label svg{color:var(--deewan-cyan)}.dashboard-main{z-index:2;width:min(1380px,100% - 48px);margin:0 auto;padding:36px 0 48px;position:relative}.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(280px,350px);align-items:stretch;gap:30px;margin-bottom:30px;display:grid}.hero-left{min-width:0;padding:7px 0}.eyebrow{color:#65def0;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#19b4d71a;border:1px solid #37cde640;border-radius:999px;align-items:center;gap:8px;min-height:28px;padding:0 11px;font-size:10px;font-weight:900;display:inline-flex}.eyebrow>span{background:var(--deewan-cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #29d4e81a,0 0 10px #29d4e88c}.dashboard-hero h1{color:#f5fbff;letter-spacing:-.045em;overflow-wrap:anywhere;text-shadow:0 3px 20px #0006;max-width:800px;margin:15px 0 0;font-size:clamp(30px,4vw,48px);font-weight:850;line-height:1.08}.location{color:#b7ccd7;align-items:center;gap:7px;margin-top:13px;font-size:16px;font-weight:700;display:flex}.location svg{color:var(--deewan-cyan);filter:drop-shadow(0 0 7px #29d4e859);flex-shrink:0}.hero-description{color:#abc2ce;max-width:650px;margin:15px 0 0;font-size:15px;line-height:1.75}.hero-status{align-items:stretch;min-width:0;display:flex}.connection-card{width:100%;min-height:145px;box-shadow:var(--deewan-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#081f2fd6,#051724b8);border:1px solid #1420242e;border-radius:18px;align-items:center;gap:15px;padding:25px;display:flex;position:relative;overflow:hidden}.connection-card:before{content:"";pointer-events:none;background:#29d4e814;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;right:-90px}.connection-card:after{content:"";background:linear-gradient(90deg, var(--deewan-blue), var(--deewan-cyan));width:100%;height:3px;position:absolute;top:0;left:0}.connection-card.connected:after{background:linear-gradient(90deg, var(--deewan-green), #5de8b7)}.connection-card.disconnected:after{background:linear-gradient(90deg, var(--deewan-red), #ff9aa2)}.connection-icon{z-index:2;width:50px;height:50px;color:var(--deewan-cyan);background:#37b4e11f;border:1px solid #4bc3e638;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 20px #29d4e80f}.connection-card.connected .connection-icon{color:var(--deewan-green);background:#38d49b1c;border-color:#38d49b40}.connection-card.disconnected .connection-icon{color:var(--deewan-red);background:#ff68751c;border-color:#ff68753d}.connection-card>div:last-child{z-index:2;flex-direction:column;min-width:0;display:flex;position:relative}.connection-card span{color:#829eac;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:850}.connection-card strong{color:#f2fbff;margin-top:7px;font-size:20px;font-weight:850;line-height:1.2}.connection-card.connected strong{color:#58e6b0}.connection-card.disconnected strong{color:#ff7882}.error-panel{background:#50141e6b;border:1px solid #ff687538;border-radius:13px;align-items:flex-start;gap:11px;margin-bottom:25px;padding:14px 16px;display:flex;box-shadow:0 7px 20px #0000002e}.error-icon{width:30px;height:30px;color:var(--deewan-red);background:#ff68751f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.error-panel>div:last-child{flex-direction:column;min-width:0;display:flex}.error-panel strong{color:#ff8b94;font-size:16px;font-weight:850}.error-panel span{color:#d9a0a6;overflow-wrap:anywhere;margin-top:3px;font-size:16px;line-height:1.55}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.section-heading>div:first-child{flex-direction:column;gap:5px;display:flex}.section-kicker{color:#56d8eb;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.section-heading h2{color:#f2faff;letter-spacing:-.02em;text-shadow:0 2px 14px #0000004d;margin:0;font-size:22px;font-weight:850}.parameter-count svg{color:var(--deewan-cyan)}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.metric-wrap{min-width:0}.metric-card{min-height:218px;box-shadow:var(--deewan-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#081f2fd1,#051623c2);border:1px solid #7dd2eb2b;border-radius:18px;padding:25px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--deewan-shadow-hover), 0 0 30px #1eb4dc0f;border-color:#46d2eb57;transform:translateY(-4px)}.card-accent{z-index:5;background:linear-gradient(90deg, var(--deewan-blue), var(--deewan-cyan));width:100%;height:3px;position:absolute;top:0;left:0}.metric-wrap:nth-child(3n+2) .card-accent{background:linear-gradient(90deg, var(--deewan-cyan), #62e2ef)}.metric-wrap:nth-child(3n+3) .card-accent{background:linear-gradient(90deg, #397eb3, var(--deewan-blue))}.metric-header{justify-content:space-between;align-items:center;width:100%;display:flex}.metric-live{color:#1d6e86;align-items:center;gap:6px;margin-left:auto;font-size:14px;display:flex}.metric-live span{background:var(--deewan-green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #38d49b14,0 0 10px #38d49b73}.metric-name{z-index:4;color:#02354d;letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:4px;font-size:18px;font-weight:850;position:relative}.metric-value-row{z-index:4;flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:12px;display:flex;position:relative}.metric-value{color:#19586e;letter-spacing:-.055em;overflow-wrap:anywhere;word-break:break-word;text-shadow:0 3px 18px #00000047;font-size:clamp(32px,4vw,46px);font-weight:850;line-height:1}.metric-unit{color:#78a5b7;letter-spacing:.04em;text-transform:uppercase;font-size:16px;font-weight:800}.metric-bottom{z-index:4;color:#05151d;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #82cde11f;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;font-size:16px;font-weight:800;display:flex;position:absolute;bottom:19px;left:25px;right:25px}.metric-bottom span{color:#7694a3}.metric-bottom code{color:#55d5e9;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:58%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:16px;font-weight:750;overflow:hidden}.card-orb{z-index:1;pointer-events:none;background:radial-gradient(circle,#29d4e826,#29d4e80b 54%,#0000 72%);border-radius:50%;width:145px;height:145px;transition:transform .25s;position:absolute;top:-75px;right:-65px}.metric-card:hover .card-orb{transform:scale(1.08)}.card-grid{z-index:1;opacity:.22;pointer-events:none;background-image:linear-gradient(#64d2eb0e 1px,#0000 1px),linear-gradient(90deg,#64d2eb0e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.empty-state{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#071c2aa8;border:1px dashed #78cde63d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:35px;display:flex}.empty-loader{width:48px;height:48px;color:var(--deewan-cyan);background:#37bee11f;border:1px solid #46c8e62e;border-radius:14px;justify-content:center;align-items:center;margin-bottom:13px;display:flex}.empty-state strong{color:#f2fbff;font-size:18px;font-weight:850}.empty-state span{color:#9eb9c5;margin-top:7px;font-size:16px;line-height:1.6}.dashboard-footer{border-top:1px solid #82cde124;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding-top:18px;display:flex}.footer-status{min-width:0}.footer-live{color:#05374e;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:16px;font-weight:850;display:flex}.footer-dot{background:var(--deewan-red);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #ff687512}.footer-dot.active{background:var(--deewan-green);box-shadow:0 0 0 3px #38d49b14,0 0 10px #38d49b66}.footer-info{justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:flex}.footer-item{color:#809eac;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;min-width:0;font-size:16px;font-weight:750;display:flex}.footer-item svg{color:var(--deewan-cyan);flex-shrink:0}.footer-item span{color:#05374e;white-space:nowrap}.footer-item strong{color:#10af2b;white-space:nowrap;font-size:16px;font-weight:850}.footer-separator{background:#82cde126;flex-shrink:0;width:1px;height:20px}.copyright{color:#668391;letter-spacing:.11em;text-align:right;text-transform:uppercase;margin-top:13px;font-size:10px;font-weight:750}@keyframes deewanSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1100px){.dashboard-header,.dashboard-main{width:min(100% - 36px,1000px)}.dashboard-hero{grid-template-columns:minmax(0,1fr) 300px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.dashboard-header{padding-top:20px}.dashboard-hero{grid-template-columns:1fr;gap:18px}.connection-card{min-height:125px}.dashboard-hero h1{font-size:35px}.dashboard-footer{flex-direction:column;align-items:flex-start}.footer-info{justify-content:flex-start}}@media (width<=650px){.dashboard-header,.dashboard-main{width:calc(100% - 28px)}.dashboard-header{align-items:flex-start;padding-top:17px;padding-bottom:16px}.brand{gap:10px}.brand-logo{border-radius:11px;width:40px;height:40px}.brand-logo>span{font-size:18px}.brand-ring{border-radius:8px;inset:6px}.brand-name{letter-spacing:.2em;font-size:15px}.brand-subtitle{font-size:10px}.header-right{flex-direction:column;align-items:flex-end;gap:5px}.header-divider,.system-label{display:none}.live-pill{min-height:27px;padding:0 9px}.dashboard-main{padding-top:27px;padding-bottom:35px}.dashboard-hero h1{font-size:29px}.hero-description{font-size:16px}.connection-card{min-height:118px;padding:20px}.connection-icon{border-radius:12px;width:44px;height:44px}.connection-card strong{font-size:18px}.section-heading{flex-direction:column;align-items:flex-start;gap:8px}.metrics-grid{grid-template-columns:1fr;gap:14px}.metric-card{min-height:200px;padding:22px}.metric-value{font-size:38px}.metric-bottom{bottom:18px;left:22px;right:22px}.footer-info{flex-direction:column;align-items:flex-start;gap:10px;width:100%}.footer-separator{display:none}.footer-item{flex-wrap:wrap}.copyright{text-align:left}}@media (width<=400px){.dashboard-header,.dashboard-main{width:calc(100% - 22px)}.brand-subtitle{display:none}.brand-name{font-size:16px}.dashboard-hero h1{font-size:26px}.metric-card{min-height:188px;padding:20px}.metric-value{font-size:34px}.metric-bottom{left:20px;right:20px}.metric-bottom code{max-width:50%}}@media (prefers-reduced-motion:reduce){.metric-card,.card-orb{transition:none}.metric-card:hover{transform:none}.spin{animation:none}}:root{color:#122033;font-synthesis:none;background:#f4f7f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.admin-shell{background:linear-gradient(135deg,#f4fbfa,#f5f7fb);min-height:100vh;padding:36px 18px}.admin-card{background:#fff;border:1px solid #e2e8ee;border-radius:22px;max-width:1000px;margin:auto;padding:30px;box-shadow:0 18px 50px #17324d12}.brand,.logo-wrap{align-items:center;gap:12px;display:flex}.brand-mark,.logo-mark{color:#fff;background:#159f94;border-radius:14px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:800;display:grid}.brand span,.logo-wrap span{color:#718096;margin-top:2px;font-size:12px;display:block}.brand b{letter-spacing:1.5px;font-size:22px}.admin-card h1{margin:28px 0 6px;font-size:30px}.muted{color:#6b7785}.admin-card label{margin-top:18px;font-size:14px;font-weight:700;display:block}.optional{color:#84909c;font-size:12px;font-weight:400}.admin-card input{border:1px solid #d7e0e6;border-radius:10px;outline:none;width:100%;margin-top:8px;padding:13px 14px;font-size:15px}.admin-card input:focus{border-color:#159f94;box-shadow:0 0 0 3px #159f9415}.grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.action-area{align-items:end;display:flex}.primary,.secondary{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#159f94;width:100%;margin-top:24px}.secondary{color:#176e69;background:#edf4f5}.primary:disabled,.secondary:disabled{opacity:.55;cursor:not-allowed}.params{border-top:1px solid #edf0f2;margin-top:28px;padding-top:20px}.params h2{margin-bottom:5px}.param-row{grid-template-columns:1.2fr 1fr 1fr 110px;align-items:center;gap:10px;margin-top:10px;display:grid}.param-preview{background:#f6f9fa;border-radius:10px;padding:10px}.param-preview b{display:block}.param-preview span{color:#159f94;font-weight:700}.message,.error-banner{color:#137268;background:#eef9f6;border-radius:10px;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;display:flex}.result{background:#f7fcfb;border:1px solid #d8ebe8;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:15px;display:flex}.result>div{flex:1}.result a{color:#0d8178;word-break:break-all;margin-top:5px;display:block}.linkbtn{text-decoration:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.public-page{color:#132238;background:#f8fafb;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e5eaee;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(18px,4vw,60px);display:flex;box-shadow:0 3px 12px #102b3d0d}.logo-wrap strong{letter-spacing:2px;font-size:25px}.connection{color:#159f94;align-items:center;gap:7px;font-weight:700;display:flex}.hero{justify-content:space-between;align-items:center;max-width:1450px;margin:0 auto;padding:34px clamp(18px,4vw,50px) 22px;display:flex}.hero h1{margin:0;font-size:clamp(26px,3vw,40px)}.hero p{color:#687582;margin:7px 0 0;font-size:18px}.status{border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700}.status.good{color:#168049;background:#e9f8ef}.status.bad{color:#c33;background:#fff0f0}.error-banner{color:#bd3d3d;background:#fff2f2;max-width:1400px;margin:0 auto 20px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;max-width:1450px;margin:15px auto 40px;padding:0 clamp(18px,4vw,50px);display:grid}.metric-card{background:#fff;border:1px solid #e0e7eb;border-radius:16px;min-height:210px;padding:26px;position:relative;overflow:hidden;box-shadow:0 8px 24px #17324d0b}.metric-card:after{content:"";background:#55bd68;height:4px;position:absolute;bottom:0;left:0;right:0}.metric-index{color:#8b98a4;letter-spacing:1px;font-size:12px;font-weight:800}.metric-title{color:#203246;margin-top:30px;font-size:19px;font-weight:700}.metric-value{margin-top:12px;font-size:42px;font-weight:800;line-height:1.05}.metric-unit{color:#667481;margin-top:7px;font-size:16px}.metric-key{color:#a3adb5;margin-top:25px;font-size:11px}.empty{text-align:center;color:#77838e;max-width:1000px;margin:80px auto}footer{color:#65727f;background:#fff;border-top:1px solid #e0e7eb;justify-content:center;gap:35px;padding:18px clamp(18px,4vw,50px);font-size:14px;display:flex}footer span{align-items:center;gap:7px;display:flex}@media (width<=700px){.grid2,.param-row{grid-template-columns:1fr}.admin-card{padding:20px}.result{flex-wrap:wrap}.hero{flex-direction:column;align-items:flex-start;gap:15px}footer{flex-direction:column;align-items:center}.topbar{height:70px}.metric-card{min-height:180px}}