:root{--ms-blue:#0067b8;--ms-bluehover:#005da6;--ms-dark:#242424;--ms-gray:#f2f2f2;--ms-muted:#5c5c5c;--line:#e5e7eb;--slate:#0f172a;--soft:#f8fafc}*{box-sizing:border-box}.fade-in-up{opacity:0;transform:translateY(20px);transition:.8s}.fade-in-up.visible{opacity:1;transform:none}.shadow-ms-hover{box-shadow:0 6px 16px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08)}.shadow-ms-form{box-shadow:0 1.6px 3.6px rgba(0,0,0,.132),0 .3px .9px rgba(0,0,0,.108)}.cap-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;font-weight:700;color:#242424;box-shadow:0 2px 8px rgba(0,0,0,.04)}.security-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px}.security-card h3{font-weight:700;margin-bottom:10px}.security-card p{color:#d1d5db;font-size:14px}.form-label{display:block;font-size:14px;font-weight:600;color:#242424;margin-bottom:6px}.form-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:11px 14px;outline:0}.form-input:focus{border-color:var(--ms-blue);box-shadow:0 0 0 3px rgba(0,103,184,.12)}
body.admin-body{background:#eef3f8;font-family:Segoe UI,Arial,sans-serif;color:#172033;margin:0}body.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#fff)}.login-card{width:min(440px,92vw);background:#fff;border-radius:22px;padding:38px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.admin-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.admin-side{background:#0f172a;color:#dbeafe;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.admin-main{padding:26px;overflow-x:hidden}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;margin-bottom:18px}.brand small{display:block;font-size:11px;font-weight:600;color:#93c5fd;margin-top:2px}.logo4{display:inline-grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:2px;width:22px;height:22px}.logo4:before,.logo4:after{content:""}.logo4{background:linear-gradient(90deg,#f25022 0 48%,transparent 48% 52%,#7fba00 52%),linear-gradient(#00a4ef 0 48%,transparent 48% 52%,#ffb900 52%);background-size:100% 100%;border-radius:2px}.nav-section{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:18px 10px 8px}.navbtn{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#dbeafe;padding:10px 11px;border-radius:12px;text-align:left;margin:2px 0;font-size:14px}.navbtn i{width:18px;text-align:center}.navbtn:hover,.navbtn.active{background:#1d4ed8;color:#fff}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:14px}.topbar h4{margin:0;font-weight:800}.cardx{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 2px 10px rgba(15,23,42,.04)}.cardx h5{font-weight:800}.muted{color:#64748b}.btn-ms{background:#0067b8;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn-ms:hover{background:#005da6;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 10px rgba(15,23,42,.04)}.stat i{font-size:22px;color:#0067b8;background:#eff6ff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat b{display:block;font-size:28px;line-height:1;color:#0f172a}.stat span{display:block;font-size:12px;color:#64748b;margin-top:4px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.table-wrap{overflow:auto}.table th{white-space:nowrap;font-size:12px;text-transform:uppercase;color:#64748b}.table td{font-size:13px;vertical-align:middle}.codebox{background:#0f172a!important;color:#bbf7d0!important;border-radius:14px;padding:16px;font-family:Consolas,monospace;white-space:pre-wrap}.mini-output{max-height:120px;overflow:auto;background:#0b1220;color:#d1fae5;padding:10px;border-radius:10px;font-size:11px;white-space:pre-wrap}.status-dot{display:inline-block;width:9px;height:9px;border-radius:999px;margin-right:6px;background:#6b7280;box-shadow:0 0 0 3px rgba(107,114,128,.12)}.status-dot.online{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.14)}.status-dot.in_session{background:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14)}.status-dot.offline{background:#6b7280}.linkbtn{border:0;background:transparent;color:#0067b8;font-weight:700}.linkbtn:hover{text-decoration:underline}.live-card{background:#08111f;color:#dbeafe;border-radius:18px;padding:16px;min-height:230px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.live-desktop{height:140px;border-radius:14px;background:radial-gradient(circle at 20% 20%,rgba(0,103,184,.45),transparent 35%),linear-gradient(135deg,#0f172a,#1e3a8a);border:1px solid rgba(255,255,255,.10);padding:14px}.window-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#60a5fa;margin-right:5px}.metric-pill{display:inline-flex;align-items:center;gap:5px;background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px}.terminal{background:#020617;color:#d1fae5;border-radius:14px;padding:16px;font-family:Consolas,monospace;min-height:260px;white-space:pre-wrap;overflow:auto}.file-tile,.setting-tile{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}.notification{display:flex;gap:12px;border-bottom:1px solid #e5e7eb;padding:10px 0}.notification:last-child{border-bottom:0}.health-ok{color:#16a34a}.health-warn{color:#d97706}.health-bad{color:#dc2626}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.admin-main{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.grid2,.grid3,.grid4{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}
/* v2.0.0 deep realtime fixes */
.mini-bars{display:flex;flex-direction:column;gap:4px}.mini-bars span{display:block;height:5px;border-radius:99px;background:#60a5fa;min-width:8px}.mini-bars span:nth-child(2){background:#34d399}.mini-bars span:nth-child(3){background:#fbbf24}.live-proc{opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-side::-webkit-scrollbar{width:8px}.admin-side::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}.navbtn:focus{outline:2px solid #93c5fd;outline-offset:2px}.table-wrap{max-width:100%}.terminal{max-height:420px}.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:700px){.health-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.admin-main{padding:12px}.cardx{padding:16px}}


/* v2.0.0 production landing/pricing/settings */
.dash-mini{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.dash-mini b{display:block;font-size:24px;color:#0067b8}.dash-mini span{font-size:11px;color:#64748b}.metric-block{border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;padding:14px}.metric-block span{font-size:12px;color:#64748b}.metric-block b{display:block;font-size:24px;color:#0f172a}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.workflow-grid>div{border:1px solid #e5e7eb;border-radius:18px;background:#fff;padding:24px;box-shadow:0 2px 10px rgba(15,23,42,.04)}.workflow-grid b{display:inline-flex;width:34px;height:34px;border-radius:999px;align-items:center;justify-content:center;background:#0067b8;color:#fff;margin-bottom:12px}.workflow-grid h3{font-weight:800;margin-bottom:8px}.workflow-grid p{color:#64748b;font-size:14px}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:28px;box-shadow:0 10px 35px rgba(15,23,42,.06);position:relative;display:flex;flex-direction:column;min-height:480px}.pricing-card.popular{border-color:#0067b8;box-shadow:0 20px 55px rgba(0,103,184,.14);transform:translateY(-8px)}.popular-badge{position:absolute;top:18px;right:18px;background:#0067b8;color:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.pricing-top h3{font-size:24px;font-weight:800;margin:0 0 8px}.pricing-top p{color:#64748b;font-size:14px;min-height:58px}.price{margin:20px 0}.price span{font-size:42px;font-weight:900;color:#0f172a}.price small{color:#64748b}.pricing-card ul{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:12px;flex:1}.pricing-card li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#334155}.pricing-card li i{color:#16a34a;margin-top:3px}.pricing-btn{display:block;text-align:center;background:#0067b8;color:#fff!important;text-decoration:none;border-radius:12px;padding:12px 16px;font-weight:800}.pricing-btn:hover{background:#005da6}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.faq-grid>div{border:1px solid #e5e7eb;border-radius:18px;padding:24px;background:#fff}.faq-grid h3{font-weight:800;margin-bottom:8px}.faq-grid p{color:#64748b}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.setting-label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:12px}.setting-label input,.setting-label textarea{margin-top:6px;font-weight:400}.setting-label textarea{resize:vertical}.admin-side .brand small::after{content:' · v2.0.0'}
@media(max-width:900px){.workflow-grid,.faq-grid,.settings-grid{grid-template-columns:1fr}.pricing-card.popular{transform:none}}


/* v2.0.0 complete roadmap/workflow/admin installer */
.setup-timeline,.roadmap-lane{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workflow-admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 2px 10px rgba(15,23,42,.04);position:relative}.workflow-admin-card .step-num{display:inline-flex;width:32px;height:32px;border-radius:999px;align-items:center;justify-content:center;background:#0067b8;color:#fff;font-weight:900;margin-bottom:10px}.workflow-admin-card i{float:right;color:#0067b8;font-size:22px;margin-top:4px}.workflow-admin-card h6{font-weight:800;margin:2px 0 8px}.workflow-admin-card p{font-size:13px;color:#64748b;margin:0}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-grid>div{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f8fafc}.platform-grid i{color:#0067b8;margin-right:8px}.platform-grid b{display:block}.platform-grid small{color:#64748b}.module-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;min-height:130px}.module-card h6{font-weight:800;margin-bottom:8px}.module-card p{font-size:13px;color:#64748b}.public-roadmap-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 2px 10px rgba(15,23,42,.05)}.public-roadmap-card b{display:inline-flex;width:34px;height:34px;border-radius:999px;background:#0067b8;color:#fff;align-items:center;justify-content:center;margin-bottom:10px}.public-roadmap-card h3{font-weight:800;margin-bottom:8px}.public-roadmap-card p{color:#64748b;font-size:14px}@media(max-width:1000px){.setup-timeline,.roadmap-lane{grid-template-columns:1fr 1fr}.platform-grid{grid-template-columns:1fr}}@media(max-width:700px){.setup-timeline,.roadmap-lane{grid-template-columns:1fr}}


/* v2.0.0 smooth workflow final */
.smooth-hero{background:linear-gradient(135deg,#ffffff,#eff6ff);border-color:#bfdbfe}.workflow-buttons{display:flex;gap:8px;flex-wrap:wrap}.smooth-step{transition:.18s ease}.smooth-step:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08)}.btn-group.flex-wrap{row-gap:4px}.status-dot.in_session{animation:pulseDot 1.4s infinite}@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(37,99,235,.45)}70%{box-shadow:0 0 0 8px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}


/* v2.0.0 MyServerLogin + Create Account advanced auth pages */
.myserver-auth-body{background:radial-gradient(circle at top left,rgba(0,103,184,.20),transparent 30%),linear-gradient(135deg,#08111f,#0f172a 45%,#eff6ff 45%,#ffffff)!important;padding:24px}.myserver-auth-wrap{width:min(1080px,96vw);display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.auth-panel{background:rgba(255,255,255,.96);border:1px solid rgba(226,232,240,.9);border-radius:26px;padding:34px;box-shadow:0 22px 60px rgba(15,23,42,.22)}.auth-left{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.96))}.auth-panel h1{font-size:38px;line-height:1.05;font-weight:900;margin:0 0 14px;color:#0f172a}.auth-panel h4{font-weight:900;margin-bottom:6px;color:#0f172a}.auth-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.auth-feature-list div{border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;font-size:13px;font-weight:700;color:#334155;display:flex;gap:9px;align-items:center}.auth-feature-list i{color:#0067b8}.auth-route-box{background:#0f172a;color:#dbeafe;border-radius:16px;padding:16px;display:grid;gap:6px;font-size:12px}.auth-route-box b{color:#fff}.auth-route-box code{color:#bbf7d0;white-space:normal}.auth-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:13px}.auth-links a{color:#0067b8;font-weight:800;text-decoration:none}.auth-links a:hover{text-decoration:underline}@media(max-width:850px){.myserver-auth-wrap{grid-template-columns:1fr}.auth-panel{padding:24px}.auth-feature-list{grid-template-columns:1fr}.auth-panel h1{font-size:30px}}

/* v2.0.0 Microsoft Fluent-style public landing page refresh */
.landing-v105{--fluent-blue:#0067b8;--fluent-blue-2:#005da6;--fluent-ink:#1b1b1b;--fluent-text:#323130;--fluent-muted:#605e5c;--fluent-line:#edebe9;--fluent-soft:#f8f8f8;--fluent-card:#fff;--fluent-green:#107c10;--fluent-shadow:0 12px 38px rgba(0,0,0,.10)}.fluent-topbar{background:#0067b8;color:#fff;display:flex;gap:12px;align-items:center;justify-content:center;padding:9px 14px;font-size:13px}.fluent-topbar a{color:#fff;font-weight:700;text-decoration:underline}.fluent-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid #edebe9}.fluent-nav-wrap{max-width:1500px;margin:0 auto;padding:0 22px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.fluent-brand{display:flex;align-items:center;gap:10px;color:#1b1b1b!important;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.02em}.fluent-nav-links{display:flex;gap:24px;align-items:center}.fluent-nav-links a,.fluent-actions a{color:#323130;text-decoration:none;font-size:14px;font-weight:600}.fluent-nav-links a:hover,.fluent-actions .link-login:hover,.fluent-actions .link-create:hover{text-decoration:underline}.fluent-actions{display:flex;align-items:center;gap:14px}.link-create{color:#0067b8!important}.btn-blue,.btn-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:3px;padding:10px 18px;font-weight:700;text-decoration:none;transition:.18s ease;border:1px solid transparent}.btn-blue{background:#0067b8;color:#fff!important}.btn-blue:hover{background:#005da6;transform:translateY(-1px)}.btn-outline{background:#fff;color:#0067b8!important;border-color:#8a8886}.btn-outline:hover{border-color:#0067b8;box-shadow:0 0 0 3px rgba(0,103,184,.08)}.btn-blue.big,.btn-outline.big{padding:13px 22px;font-size:16px}.btn-blue.full{width:100%;border:0;padding:14px 18px}.fluent-hero{background:radial-gradient(circle at 80% 0,rgba(0,103,184,.16),transparent 32%),linear-gradient(180deg,#f8fbff 0,#fff 58%,#f8f8f8 100%);padding:86px 22px 70px;position:relative;overflow:hidden}.hero-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1fr 1.03fr;gap:64px;align-items:center}.hero-copy h1{font-size:clamp(42px,5.4vw,76px);line-height:1.02;letter-spacing:-.045em;color:#1b1b1b;font-weight:700;margin:20px 0}.hero-copy p,.lead{font-size:19px;line-height:1.65;color:#605e5c;max-width:720px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#0067b8;background:#fff;border:1px solid #edebe9;border-radius:999px;padding:9px 13px;box-shadow:0 2px 10px rgba(0,0,0,.04);font-size:13px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:#107c10;animation:pulseDot 1.5s infinite}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;max-width:640px}.hero-proof div{background:#fff;border:1px solid #edebe9;border-radius:6px;padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.04)}.hero-proof b{font-size:30px;color:#0067b8;display:block;line-height:1}.hero-proof span{font-size:12px;color:#605e5c;font-weight:700}.hero-visual{min-height:560px;position:relative;display:flex;align-items:center;justify-content:center}.visual-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(0,103,184,.24),transparent 65%);filter:blur(3px);animation:slowFloat 6s ease-in-out infinite}.dashboard-window{position:relative;z-index:2;width:min(680px,100%);background:#fff;border:1px solid #d2d0ce;border-radius:12px;box-shadow:0 34px 100px rgba(0,0,0,.18);overflow:hidden;animation:slowFloat 7s ease-in-out infinite}.window-head{height:48px;background:#f3f2f1;border-bottom:1px solid #edebe9;display:flex;align-items:center;gap:8px;padding:0 16px}.window-head span{width:10px;height:10px;border-radius:50%;background:#c8c6c4}.window-head span:nth-child(1){background:#f25022}.window-head span:nth-child(2){background:#ffb900}.window-head span:nth-child(3){background:#7fba00}.window-head b{margin-left:8px;font-size:13px;color:#323130}.window-body{display:grid;grid-template-columns:76px 1fr;min-height:410px}.side-mini{background:#0f172a;display:flex;flex-direction:column;gap:14px;padding:18px}.side-mini i{height:34px;border-radius:8px;background:#1e40af}.side-mini i:nth-child(2){background:#0067b8}.side-mini i:nth-child(3){background:#334155}.side-mini i:nth-child(4){background:#334155}.device-map{background:linear-gradient(135deg,#fff,#f8fbff);padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-content:center}.device-node,.metric-card{border:1px solid #edebe9;background:#fff;border-radius:12px;padding:18px;box-shadow:0 3px 12px rgba(0,0,0,.05)}.device-node{position:relative}.device-node:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:#8a8886}.device-node.online:before{background:#107c10;box-shadow:0 0 0 6px rgba(16,124,16,.12)}.device-node.session:before{background:#0067b8;box-shadow:0 0 0 6px rgba(0,103,184,.12);animation:pulseDot 1.4s infinite}.device-node.offline:before{background:#8a8886}.device-node b{display:inline;font-size:16px}.device-node small{display:block;margin-top:8px;color:#605e5c}.metric-card span{font-size:12px;color:#605e5c;font-weight:800}.metric-card b{display:block;font-size:34px;color:#1b1b1b;margin:4px 0}.metric-card i{display:block;height:6px;border-radius:999px;background:linear-gradient(90deg,#0067b8 65%,#edebe9 65%)}.metric-card.ram i{background:linear-gradient(90deg,#107c10 68%,#edebe9 68%)}.metric-card.disk i{background:linear-gradient(90deg,#ffb900 51%,#edebe9 51%)}.floating-card{position:absolute;z-index:3;background:#fff;border:1px solid #edebe9;border-radius:12px;padding:15px 18px;box-shadow:0 14px 50px rgba(0,0,0,.15);min-width:178px}.floating-card b{display:block;color:#0067b8}.floating-card span{font-size:12px;color:#605e5c}.fc1{left:10px;bottom:72px;animation:floatOne 5.5s ease-in-out infinite}.fc2{right:18px;top:70px;animation:floatTwo 6s ease-in-out infinite}.info-strip{max-width:1500px;margin:-34px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid #edebe9;box-shadow:0 12px 38px rgba(0,0,0,.08);border-radius:4px;overflow:hidden}.info-strip div{padding:24px;border-right:1px solid #edebe9}.info-strip div:last-child{border-right:0}.info-strip b{display:block;color:#1b1b1b}.info-strip span{display:block;color:#605e5c;font-size:13px;margin-top:6px;line-height:1.5}.fluent-section{padding:88px 22px}.fluent-section.white{background:#fff}.fluent-section.soft,.pricing-bg{background:#f8f8f8}.section-title{max-width:790px;margin:0 auto 48px;text-align:center}.section-title h2,.split-layout h2,.contact-grid h2{font-size:clamp(32px,4vw,48px);line-height:1.08;font-weight:700;letter-spacing:-.035em;color:#1b1b1b;margin:0 0 14px}.section-title p{font-size:18px;color:#605e5c;line-height:1.6}.benefit-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-card{background:#fff;border:1px solid #edebe9;border-radius:8px;padding:30px;box-shadow:0 2px 14px rgba(0,0,0,.04);transition:.18s ease}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 16px 42px rgba(0,0,0,.10)}.card-icon{display:inline-flex;width:34px;height:34px;background:#e6f2fb;color:#0067b8;border-radius:4px;align-items:center;justify-content:center;font-weight:900;margin-bottom:18px}.benefit-card h3{font-size:21px;font-weight:700;margin-bottom:8px}.benefit-card p{color:#605e5c;line-height:1.55}.mini-subtitle{font-weight:700;color:#0067b8!important;font-size:13px;margin-bottom:8px}.timeline-flow{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.timeline-flow div{background:#fff;border:1px solid #edebe9;border-radius:6px;padding:24px;position:relative;box-shadow:0 2px 12px rgba(0,0,0,.04)}.timeline-flow b{color:#0067b8;font-size:13px}.timeline-flow h3{font-size:18px;font-weight:700;margin:10px 0 8px}.timeline-flow p{color:#605e5c;font-size:14px;line-height:1.5}.split-layout,.contact-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.check-list{margin-top:24px;display:grid;gap:12px}.check-list p{background:#f8f8f8;border-left:3px solid #0067b8;padding:12px 14px;color:#323130;font-weight:600}.system-card{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-radius:18px;padding:34px;box-shadow:0 24px 72px rgba(15,23,42,.22)}.system-card h3{font-size:26px;font-weight:700;margin-bottom:22px}.module-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.module-list span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:12px;font-weight:700}.pricing-grid.four-plans{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.fluent-price{border-radius:8px;min-height:560px;padding:26px}.device-count{display:inline-block;background:#e6f2fb;color:#0067b8;font-size:12px;font-weight:900;border-radius:999px;padding:7px 10px;margin-bottom:16px}.fluent-price.popular{transform:none;border-width:2px}.pricing-note{text-align:center;color:#605e5c;margin-top:28px}.fluent-section.dark{background:#111827;color:#fff}.section-title.invert h2,.section-title.invert p{color:#fff}.section-title.invert p{color:#d1d5db}.security-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.security-grid div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:26px}.security-grid h3{font-size:18px;font-weight:700;margin-bottom:10px}.security-grid p{color:#d1d5db;font-size:14px;line-height:1.6}.modern-faq{max-width:1180px;margin:0 auto}.contact-section{background:linear-gradient(135deg,#eff6ff,#fff)}.demo-form{background:#fff;border:1px solid #edebe9;border-radius:12px;padding:30px;box-shadow:0 20px 70px rgba(0,0,0,.10)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-points{margin-top:24px;display:grid;gap:10px;color:#323130}.contact-points p{background:#fff;border:1px solid #edebe9;border-radius:6px;padding:13px}.fluent-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f3f2f1;border-top:1px solid #edebe9;padding:28px 22px;color:#605e5c}.fluent-footer>div{max-width:750px}.fluent-footer b{display:block;color:#1b1b1b}.fluent-footer span{font-size:13px}.fluent-footer a{color:#323130;text-decoration:none;margin-left:18px;font-weight:700;font-size:14px}.fluent-footer a:hover{text-decoration:underline}@keyframes slowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatOne{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-12px)}}@keyframes floatTwo{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,12px)}}@media(max-width:1200px){.pricing-grid.four-plans{grid-template-columns:repeat(2,1fr)}.timeline-flow{grid-template-columns:repeat(3,1fr)}.info-strip{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.hero-grid,.split-layout,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:460px}.fluent-nav-links{display:none}.benefit-grid{grid-template-columns:1fr 1fr}.fluent-actions{gap:8px}.link-create{display:none}}@media(max-width:720px){.fluent-nav-wrap{height:auto;padding:14px;align-items:flex-start}.fluent-actions{flex-wrap:wrap;justify-content:flex-end}.link-login{display:none}.hero-proof,.benefit-grid,.pricing-grid.four-plans,.timeline-flow,.info-strip,.security-grid,.form-grid{grid-template-columns:1fr}.device-map{grid-template-columns:1fr}.window-body{grid-template-columns:50px 1fr}.hero-visual{min-height:540px}.floating-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:12px}.fluent-footer{flex-direction:column;align-items:flex-start}.fluent-footer a{margin:0 14px 0 0}}


/* v2.0.0 advanced footer, public resource pages, and animated workflow posters */
.public-page-shell{padding:96px 22px;background:linear-gradient(135deg,#f8fbff 0%,#fff 52%,#eef6ff 100%);min-height:680px}.public-page-hero-card{max-width:1120px;margin:0 auto 34px;background:#fff;border:1px solid #edebe9;border-radius:18px;padding:48px;box-shadow:0 24px 80px rgba(0,0,0,.10)}.public-page-hero-card h1{font-size:clamp(36px,4.8vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1.04;margin:18px 0;color:#1b1b1b}.public-page-hero-card p{font-size:19px;line-height:1.7;color:#605e5c;max-width:900px}.public-page-cards{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.trust-poster-grid{max-width:1300px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-poster{background:#111827;color:#fff;border-radius:16px;padding:28px;min-height:190px;position:relative;overflow:hidden}.trust-poster:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(0,103,184,.34);animation:slowFloat 6s ease-in-out infinite}.trust-poster b{display:inline-flex;background:#0067b8;color:#fff;padding:8px 10px;border-radius:999px;font-size:12px}.trust-poster h3{font-size:22px;font-weight:800;margin:16px 0 8px}.trust-poster p{color:#d1d5db;line-height:1.55}.poster-section{background:linear-gradient(135deg,#f3f8ff,#fff)}.poster-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.workflow-poster{border-radius:20px;min-height:360px;padding:30px;color:#fff;position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.16)}.workflow-poster:before{content:"";position:absolute;inset:auto -25% -35% auto;width:330px;height:330px;border-radius:50%;background:rgba(255,255,255,.16);animation:slowFloat 7s ease-in-out infinite}.poster-blue{background:linear-gradient(135deg,#0067b8,#003a70)}.poster-green{background:linear-gradient(135deg,#107c10,#064e3b)}.poster-dark{background:linear-gradient(135deg,#111827,#1e3a8a)}.poster-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;position:relative;z-index:2}.poster-top span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18);font-weight:900}.poster-top b{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.82)}.workflow-poster h3{font-size:27px;line-height:1.1;font-weight:800;letter-spacing:-.02em;max-width:330px;position:relative;z-index:2}.workflow-poster p{color:rgba(255,255,255,.82);line-height:1.62;margin-top:12px;position:relative;z-index:2}.poster-flow{display:flex;gap:11px;margin-top:28px;position:relative;z-index:2}.poster-flow i{width:54px;height:8px;border-radius:999px;background:rgba(255,255,255,.34);animation:pulseDot 1.4s ease-in-out infinite}.poster-flow i:nth-child(2){animation-delay:.2s}.poster-flow i:nth-child(3){animation-delay:.4s}.advanced-footer{background:#f3f2f1;color:#323130;border-top:1px solid #d2d0ce}.footer-cta-band{max-width:1500px;margin:0 auto;padding:56px 22px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.footer-cta-band h2{font-size:clamp(30px,3.6vw,50px);font-weight:800;letter-spacing:-.04em;color:#1b1b1b;margin:16px 0 10px;max-width:850px}.footer-cta-band p{color:#605e5c;font-size:17px;line-height:1.6;max-width:760px}.footer-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-trust-row{border-top:1px solid #d2d0ce;border-bottom:1px solid #d2d0ce;display:grid;grid-template-columns:repeat(5,1fr);max-width:1500px;margin:0 auto;background:#fff}.footer-trust-row div{padding:18px 22px;border-right:1px solid #edebe9}.footer-trust-row div:last-child{border-right:0}.footer-trust-row b{display:block;font-size:12px;color:#605e5c;text-transform:uppercase;letter-spacing:.08em}.footer-trust-row span{display:block;margin-top:4px;font-weight:800;color:#1b1b1b}.footer-link-grid{max-width:1500px;margin:0 auto;padding:46px 22px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:34px}.footer-brand-block p{font-size:14px;color:#605e5c;line-height:1.65;margin:14px 0 0;max-width:420px}.footer-disclaimer{padding:12px 14px;background:#fff;border:1px solid #edebe9;border-radius:8px}.footer-brand{margin-bottom:10px}.footer-col h3{font-size:14px;font-weight:800;color:#1b1b1b;margin-bottom:14px}.footer-col a{display:block;color:#323130;text-decoration:none;font-size:13.5px;line-height:1.5;margin:0 0 9px}.footer-col a:hover{color:#0067b8;text-decoration:underline}.footer-bottom{border-top:1px solid #d2d0ce;max-width:1500px;margin:0 auto;padding:18px 22px;display:flex;justify-content:space-between;gap:18px;color:#605e5c;font-size:13px}.footer-bottom a{color:#0067b8;text-decoration:none}.footer-kicker{background:#fff}@media(max-width:1180px){.footer-link-grid{grid-template-columns:1fr 1fr 1fr}.footer-cta-band{grid-template-columns:1fr}.footer-cta-actions{justify-content:flex-start}.footer-trust-row{grid-template-columns:repeat(2,1fr)}.public-page-cards{grid-template-columns:repeat(2,1fr)}.poster-grid,.trust-poster-grid{grid-template-columns:1fr}}@media(max-width:720px){.footer-link-grid,.footer-trust-row,.public-page-cards{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.public-page-hero-card{padding:30px 22px}.workflow-poster{min-height:320px}}

/* v2.0.0 domain production connection update */
.domain-network{padding-top:72px;padding-bottom:72px}.domain-card-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.domain-card{background:#fff;border:1px solid #edebe9;border-radius:12px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.06);min-height:210px}.domain-card b{display:block;font-size:16px;color:#1b1b1b;margin-bottom:10px}.domain-card a{display:block;color:#0067b8;text-decoration:none;font-size:13px;font-weight:800;word-break:break-all;margin-bottom:12px}.domain-card a:hover{text-decoration:underline}.domain-card p{color:#605e5c;font-size:13.5px;line-height:1.55}.publish-path-card{max-width:960px;margin:26px auto 0;background:linear-gradient(135deg,#111827,#1e3a8a);color:#fff;border-radius:16px;padding:28px;text-align:center;box-shadow:0 22px 60px rgba(15,23,42,.22)}.publish-path-card span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#93c5fd;font-weight:900}.publish-path-card code{display:block;margin:12px auto;padding:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#dbeafe;word-break:break-all}.publish-path-card p{color:#dbeafe;margin:0}.settings-grid .cardx code{word-break:break-all}@media(max-width:1200px){.domain-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.domain-card-grid{grid-template-columns:1fr}.publish-path-card{text-align:left}}

/* MyserverMS official logo assets added from uploaded brand kit */
.logo4.brand-icon-img,
.logo4{
  display:inline-block!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  background:url('/assets/img/MyserverMS-Logo-Icon-Transparent-1024.png') center/contain no-repeat!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.logo4:before,.logo4:after{display:none!important;content:none!important;}
.admin-side .brand .logo4,.auth-panel .brand .logo4{width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important;}
.fluent-brand .logo4{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important;}
.hero-brand-showcase{margin:18px 0 4px;display:inline-flex;flex-direction:column;gap:8px;max-width:620px;background:rgba(255,255,255,.82);border:1px solid #edebe9;border-radius:16px;padding:16px 18px;box-shadow:0 16px 48px rgba(0,0,0,.08)}
.hero-brand-showcase img{display:block;max-width:min(520px,100%);height:auto;object-fit:contain}
.hero-brand-showcase p{font-size:14px!important;line-height:1.45!important;margin:0!important;color:#626b78!important;max-width:560px!important}
.public-page-logo{display:block;max-width:min(460px,100%);height:auto;margin:18px 0 8px;object-fit:contain}
.footer-logo-link{display:block;text-decoration:none;margin-bottom:10px;max-width:360px}
.footer-logo-img{display:block;width:min(330px,100%);height:auto;object-fit:contain}
.footer-brand-block{min-width:0}
.logo-asset-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.logo-asset-card{background:#fff;border:1px solid #edebe9;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:120px}
.logo-asset-card.dark{background:#09244A}.logo-asset-card img{max-width:100%;max-height:96px;object-fit:contain}
@media(max-width:720px){.hero-brand-showcase{padding:13px}.hero-brand-showcase img{max-width:100%}.footer-logo-img{width:min(270px,100%)}.logo-asset-strip{grid-template-columns:1fr}}


/* ================================================================
   Myserver MS v2.0.0 Clean UI Final — uploaded screenshot inspired
   Login/Create Account, Admin Dashboard, User Dashboard, Landing polish
   ================================================================ */
:root{--ms-navy:#083d6d;--ms-navy2:#05345f;--ms-blue:#0078d4;--ms-soft:#f3f6fa;--ms-border:#d9e2ef;--ms-text:#111827;--ms-muted:#6b778c;--ms-card:#ffffff;--ms-dark:#202020;--ms-side:#073e70;}
body.login-body.myserver-auth-body{background:#f4f7fb!important;min-height:100vh;color:#111827;font-family:'Segoe UI',Arial,sans-serif;}
.auth-center-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:42px 18px;background:radial-gradient(circle at 50% 18%,#ffffff 0,#f5f8fc 38%,#eef3f8 100%);}
.auth-clean-card{width:100%;max-width:520px;background:#fff;border:1px solid #dfe7f1;border-top:5px solid #d9e4ef;border-radius:18px;box-shadow:0 24px 70px rgba(31,45,61,.16);padding:44px 48px;animation:authDrop .45s ease both;}
.auth-clean-card.signup-card{max-width:560px;padding:40px 48px;}
@keyframes authDrop{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.auth-logo-center{display:flex;justify-content:center;margin-bottom:20px}.auth-logo-center img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,40,80,.18))}.auth-clean-card h1{font-size:30px;line-height:1.2;font-weight:800;text-align:center;margin:0 0 10px;color:#111827}.auth-sub{text-align:center;color:#69758a;font-weight:600;margin-bottom:30px}.auth-social{display:grid;gap:14px;margin-bottom:24px}.auth-social button{height:58px;border:1px solid #d8e2ef;background:#fff;border-radius:13px;font-weight:700;color:#26364d;display:flex;align-items:center;justify-content:center;gap:14px;transition:.2s;box-shadow:0 1px 0 rgba(0,0,0,.02)}.auth-social button:hover{border-color:#b8c7da;box-shadow:0 9px 24px rgba(20,43,77,.08);transform:translateY(-1px)}.auth-provider-icon{width:22px;height:22px;display:inline-grid;place-items:center;font-weight:900}.auth-provider-icon.google{color:#4285f4}.auth-provider-icon.ms{background:linear-gradient(90deg,#f25022 0 48%,#7fba00 48% 100%);position:relative;color:transparent;border-radius:2px}.auth-provider-icon.ms:after{content:'';position:absolute;left:0;right:0;top:48%;height:2px;background:#fff}.auth-provider-icon.facebook{color:#1877f2}.auth-provider-icon.apple{color:#000}.auth-or{display:flex;align-items:center;gap:18px;color:#90a0b6;font-size:13px;font-weight:700;margin:26px 0}.auth-or:before,.auth-or:after{content:'';height:1px;background:#dfe7f0;flex:1}.clean-field{margin-bottom:18px}.clean-field label{display:block;text-align:center;font-size:14px;font-weight:700;color:#344056;margin-bottom:10px}.clean-input-wrap{position:relative}.clean-input-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#95a5bb}.clean-input{width:100%;height:56px;border:1px solid #d8e2ef;background:#fbfcfe;border-radius:13px;padding:0 16px 0 46px;font-size:15px;color:#1f2937;outline:0;transition:.2s}.clean-input:focus{border-color:#0078d4;box-shadow:0 0 0 4px rgba(0,120,212,.12);background:#fff}.auth-primary{width:100%;height:58px;border:0;border-radius:13px;background:#0f172a;color:#fff;font-weight:800;letter-spacing:.01em;margin-top:6px;transition:.2s}.auth-primary:hover{background:#16213a;transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.18)}.auth-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;color:#71819a;font-size:15px;font-weight:600}.auth-bottom a,.back-link-clean{color:#66758c;text-decoration:none;font-weight:700}.auth-bottom a:hover,.back-link-clean:hover{color:#0078d4;text-decoration:underline}.back-link-clean{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.approval-note{margin-top:18px;padding:13px 14px;border:1px solid #d9e8ff;background:#f3f8ff;border-radius:12px;color:#305077;font-size:13px}.auth-error-clean{margin:12px 0 0;padding:12px;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;border-radius:12px;font-size:13px}.auth-success-clean{margin:12px 0 0;padding:12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:12px;font-size:13px}
.admin-body{font-family:'Segoe UI',Arial,sans-serif;background:#eef0f3;color:#111827}.admin-shell{display:grid;grid-template-columns:278px minmax(0,1fr);min-height:100vh;background:#f0f2f5}.admin-side{background:#232323!important;color:#fff;padding:18px 14px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08)}.admin-side .brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding:0 8px}.admin-side .brand b{font-size:20px}.admin-side .brand small{display:block;color:#b8c3d1;font-size:12px}.admin-side .nav-section{font-size:12px;text-transform:uppercase;color:#8ea0b8;letter-spacing:.08em;font-weight:800;margin:24px 10px 9px}.navbtn{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#f5f7fb;padding:11px 13px;border-radius:0;font-weight:700;text-align:left;transition:.16s}.navbtn i{width:18px;text-align:center;color:#dbeafe}.navbtn:hover{background:#303030;color:#fff}.navbtn.active{background:#0078d4;color:#fff}.admin-main{min-width:0;display:flex;flex-direction:column}.topbar{height:66px;background:#fff;border-bottom:1px solid #d8dee8;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10}.topbar h4{font-size:21px;font-weight:700;margin:0}.topbar small{font-size:12px;color:#7b8798}.topbar .badge{border-radius:99px;padding:7px 10px}#view{padding:28px 28px 40px}.cardx{background:#fff;border:1px solid #dbe2ec;border-radius:0;box-shadow:none;padding:20px}.cardx h5{font-weight:800;color:#111827}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:16px}.stat{background:#fff;border:1px solid #dbe2ec;border-radius:0;padding:18px;display:flex;gap:14px;align-items:center;min-height:96px}.stat i{width:34px;height:34px;display:grid;place-items:center;border-radius:4px;background:#eff6ff;color:#0078d4}.stat b{font-size:28px;line-height:1;font-weight:900;display:block}.stat span{display:block;color:#718096;font-size:13px;margin-top:4px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.table-wrap{border:1px solid #dbe2ec;overflow:auto;background:#fff}.table{margin:0}.table thead th{background:#e6e6e6!important;color:#333!important;font-weight:600;border-bottom:1px solid #b9c2cf}.table td,.table th{padding:10px 12px!important;vertical-align:middle}.btn-ms{background:#0078d4!important;color:#fff!important;border:1px solid #0078d4!important;border-radius:0!important;padding:8px 14px;font-weight:700}.btn-ms:hover{background:#006cbe!important}.btn,.form-control,.form-select{border-radius:0!important}.status-dot{width:9px;height:9px;border-radius:99px;display:inline-block;margin-right:6px;background:#9ca3af}.status-dot.online{background:#22c55e}.status-dot.in_session{background:#0078d4}.status-dot.offline{background:#ef4444}.clean-dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.admin-chart-placeholder{height:315px;background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid #dbe2ec;display:flex;align-items:end;gap:60px;padding:34px}.admin-chart-placeholder i{display:block;width:80px;background:#0078d4;box-shadow:0 8px 20px rgba(0,120,212,.25)}.admin-chart-placeholder i:nth-child(1){height:90px;opacity:.45}.admin-chart-placeholder i:nth-child(2){height:160px;opacity:.75}.admin-chart-placeholder i:nth-child(3){height:245px}.activity-list{max-height:260px;overflow:auto}.activity-line{display:grid;grid-template-columns:95px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f7;font-size:13px}.activity-line .dot{width:8px;height:8px;border-radius:99px;background:#22c55e;display:inline-block;margin-right:7px}.activity-line.err .dot{background:#ef4444}.approval-card{border-left:4px solid #f59e0b;background:#fffbeb}.approval-controls{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px;margin-top:8px}.role-pill{display:inline-block;border:1px solid #cbd5e1;padding:4px 8px;background:#f8fafc;font-size:12px}.user-shell .admin-side{background:#073e70!important}.user-shell .navbtn.active{background:#3d668b}.user-shell .navbtn:hover{background:#174f82}.user-shell .topbar{background:#073e70;color:#fff}.user-shell .topbar small,.user-shell .topbar h4{color:#fff}.compact-side .admin-shell{grid-template-columns:72px minmax(0,1fr)}.compact-side .admin-side .brand div,.compact-side .admin-side .navbtn span,.compact-side .admin-side .nav-section{display:none}.compact-side .admin-side{padding:16px 8px}.compact-side .navbtn{justify-content:center}.device-detail-tabs{display:flex;background:#d2d2d2;border:1px solid #aaa;border-bottom:0}.device-detail-tabs button{padding:10px 20px;border:0;border-right:1px solid #aaa;background:#d2d2d2}.device-detail-tabs button.active{background:#fff;font-weight:800}.desktop-screen{height:430px;background:#000;display:grid;place-items:center;color:#64748b;border:1px solid #000}.remote-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.remote-bottom{background:#ddd;padding:9px;display:flex;gap:14px;font-size:13px}.landing-v105 .fluent-section{padding:86px 5vw}.landing-v105 .feature-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.landing-v105 .feature-tabs a{padding:15px 28px;background:#f4f4f4;color:#111;text-decoration:none;font-weight:700;border-radius:2px}.landing-v105 .feature-tabs a.active{background:#0078d4;color:#fff;box-shadow:0 8px 20px rgba(0,120,212,.22)}.landing-v105 .feature-window{max-width:1320px;margin:auto;border:1px solid #d8dee8;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#fff}.landing-v105 .feature-copy{padding:56px}.landing-v105 .feature-copy h2{font-size:32px;font-weight:800;margin-bottom:22px}.landing-v105 .feature-copy p{font-size:18px;line-height:1.7;color:#4b5563}.landing-v105 .feature-list{display:grid;gap:16px;margin-top:28px}.landing-v105 .feature-list span{display:flex;gap:12px}.landing-v105 .feature-list span:before{content:'✓';color:#107c10;font-weight:900}.landing-v105 .feature-panel{padding:42px;background:#fbfbfc}.landing-v105 .metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.landing-v105 .metric-box{border:1px solid #dbe2ec;border-radius:14px;background:#fff;padding:26px}.landing-v105 .metric-box b{display:block;font-size:30px}.terminal-card{background:#0f172a;color:#f8fafc;border-radius:14px;padding:24px;font-family:monospace;margin-top:20px}.security-grid.dark-cards>div{background:#333;border-color:#555}.hero-brand-showcase img{max-width:480px;width:100%;height:auto}.fluent-header{box-shadow:0 1px 0 #e5e7eb}.footer-logo-img{max-width:260px}.public-page-logo{max-width:340px;width:100%}
@media(max-width:1100px){.admin-shell{grid-template-columns:80px 1fr}.admin-side .brand div,.admin-side .navbtn span,.admin-side .nav-section{display:none}.admin-side .navbtn{justify-content:center}.stats-grid,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.grid3,.clean-dashboard-grid,.landing-v105 .feature-window{grid-template-columns:1fr}.auth-clean-card{padding:34px 28px}}
@media(max-width:650px){#view{padding:18px}.stats-grid{grid-template-columns:1fr}.auth-bottom{flex-direction:column}.auth-clean-card{border-radius:14px}.landing-v105 .metric-grid{grid-template-columns:1fr}}

/* Production public refinements */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.consent-line{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:10px}.consent-line input{width:auto;margin-top:4px}.price-card .text-link{display:block;text-align:center;margin-top:14px;color:#0067b8;font-weight:700}.contact-form button:disabled{opacity:.6;cursor:wait}
@media(max-width:900px){.fluent-nav-links{display:none}.fluent-header{position:sticky;top:0;z-index:50}.fluent-nav-wrap{padding:0 16px}.fluent-brand span:last-child{font-size:18px}.fluent-actions .btn-blue{padding:10px 13px}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:470px}.pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.pricing-grid,.form-row{grid-template-columns:1fr}.hero-visual{display:none}.hero-proof{grid-template-columns:1fr}.footer-cta-band{padding:40px 18px}.contact-form{padding:22px}}

/* Production robot authentication pages */
.robot-auth-page{min-height:100vh;padding:24px;display:grid;place-items:center;background:radial-gradient(circle at 75% 35%,#fff 0,#f7faff 44%,#eef4fb 100%);overflow-x:hidden}
.robot-auth-card{width:min(1180px,100%);min-height:690px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);background:#fff;border:1px solid #dce5f0;border-radius:22px;box-shadow:0 28px 90px rgba(30,64,120,.14);overflow:hidden}
.robot-auth-form{padding:42px 58px;align-self:center;min-width:0}.robot-auth-visual{min-width:0;display:grid;place-content:center;justify-items:center;padding:30px;background:radial-gradient(circle at center,#fff 0,#f8fbff 48%,#edf5ff 100%);overflow:hidden}.robot-reaction,.robot-reaction-mini{aspect-ratio:1;background-image:url('/assets/img/robot-reactions-v1.png');background-repeat:no-repeat;background-size:400% 200%;background-position:33.333% 0}.robot-reaction{width:min(118%,680px);margin:-50px 0;filter:drop-shadow(0 28px 22px rgba(28,77,140,.18));transition:transform .25s ease,filter .25s ease}.robot-reaction-caption{position:relative;z-index:1;max-width:390px;margin:4px auto 0;text-align:center;color:#526985;font-weight:700}
.robot-idle{background-position:33.333% 0}.robot-attentive{background-position:66.667% 0}.robot-look{background-position:100% 0}.robot-secure{background-position:66.667% 0}.robot-working{background-position:0 100%}.robot-workflow{background-position:33.333% 100%}.robot-happy{background-position:66.667% 100%;animation:robot-pop .45s ease}.robot-sad{background-position:100% 100%;animation:robot-shake .4s ease}.robot-processing{background-position:0 0;animation:robot-float 1.1s ease-in-out infinite}
.robot-auth-brand{display:inline-flex;align-items:center;gap:11px;color:#0b1b3b;text-decoration:none;font-size:20px;margin-bottom:42px}.robot-auth-brand img{width:40px;height:40px}.robot-auth-brand b{color:#1167ee}
.robot-auth-form h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;margin:0 0 10px;color:#0a1020}.robot-auth-sub{color:#65748c;font-size:16px;margin:0 0 30px}
.robot-auth-form .clean-field{margin-bottom:17px}.robot-auth-form .clean-field label{display:block;text-align:left;margin-bottom:8px;color:#172033}.robot-input{padding:0 15px!important;height:50px!important;border-radius:8px!important;background:#fff!important}
.robot-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.robot-label-row a{font-size:13px;color:#7758e8;text-decoration:none}
.robot-check{display:flex;align-items:flex-start;gap:9px;color:#586579;font-size:13px;margin:4px 0 22px}.robot-check input{width:auto;margin-top:3px}.robot-check a{color:#245eea}
.robot-primary{border-radius:7px!important;background:linear-gradient(90deg,#147bf5,#b34cf0)!important;height:52px!important}.robot-auth-foot{text-align:center;color:#66758c;font-size:14px;margin:22px 0 0}.robot-auth-foot a{color:#5a48df;text-decoration:none;font-weight:800}
.robot-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.robot-services{border:1px solid #d8e3f1;border-radius:10px;padding:10px 12px;margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}.robot-services legend{float:none;width:auto;padding:0 5px;margin:0;font-size:12px;font-weight:800;color:#263a56}.robot-services label{display:flex;gap:7px;align-items:center;font-size:11px;color:#52657e}.request-roadmap-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:4px 0 12px}.request-roadmap-mini span{display:flex;align-items:center;gap:4px;font-size:10px;color:#61728a}.request-roadmap-mini b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#087bd3;color:#fff}
.password-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 24px}.password-roadmap span{padding:8px 5px;border-radius:8px;background:#edf3fb;color:#687a91;text-align:center;font-size:10px;font-weight:800}.password-roadmap span.active{background:#e0f2fe;color:#0369a1;box-shadow:inset 0 0 0 1px #7dd3fc}.password-policy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 18px;padding:13px;border-radius:10px;background:#f3f8ff;color:#51657f;font-size:11px}.password-policy b{grid-column:1/-1;color:#18304f}.password-policy span:before{content:'✓';color:#159447;font-weight:900;margin-right:5px}.password-update-cta{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:16px;margin-bottom:20px;padding:16px;border:1px solid #cde2fb;border-radius:14px;background:#f4f9ff}.password-update-cta p{margin:4px 0 10px;color:#61738a}.robot-reaction-mini{width:92px}
.pricing-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pricing-admin-card{min-width:0;padding:20px;border:1px solid #dbe5f2;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(20,55,95,.07)}.pricing-admin-card .setting-label{display:grid;gap:5px;margin-top:11px;font-size:12px;font-weight:700;color:#53647c}.price-publish-roadmap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:18px}.price-publish-roadmap span{display:flex;align-items:center;gap:6px;padding:9px;border-radius:9px;background:#edf5ff;color:#315273;font-size:11px;font-weight:800}.price-publish-roadmap b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#087bd3;color:#fff}
@keyframes robot-float{50%{transform:translateY(-12px);filter:drop-shadow(0 36px 24px rgba(28,77,140,.15))}}@keyframes robot-pop{50%{transform:scale(1.06)}}@keyframes robot-shake{25%,75%{transform:translateX(-7px)}50%{transform:translateX(7px)}}
.robot-auth-form .auth-error-clean,.robot-auth-form .auth-success-clean{margin-top:14px}
@media(max-width:860px){.robot-auth-page{padding:12px}.robot-auth-card{grid-template-columns:minmax(0,1fr);min-height:0}.robot-auth-visual{display:grid;min-height:250px;padding:16px}.robot-reaction{width:min(100vw,390px);margin:-42px 0}.robot-reaction-caption{font-size:12px}.robot-auth-form{padding:34px 28px}.robot-auth-brand{margin-bottom:28px}.robot-create-grid,.robot-services{grid-template-columns:1fr}}
@media(max-width:1180px){.pricing-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pricing-admin-grid,.price-publish-roadmap{grid-template-columns:1fr}}
@media(max-width:430px){.robot-auth-page{padding:0}.robot-auth-card{border:0;border-radius:0;min-height:100vh}.robot-auth-form{padding:28px 18px}.robot-auth-form h1{font-size:32px}.password-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.password-update-cta{grid-template-columns:1fr}.robot-reaction-mini{display:none}}
@media(prefers-reduced-motion:reduce){.robot-reaction{animation:none!important;transition:none!important}}
.plugin-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(135deg,#061b3c,#0b376f);color:#fff;overflow:hidden;position:relative}
.plugin-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:-180px;background:radial-gradient(circle,rgba(46,147,255,.3),transparent 70%)}
.plugin-hero>div{position:relative;z-index:1}.plugin-hero h3{font-size:2rem;margin:.35rem 0}.plugin-hero p{max-width:760px;color:#cfe2f8;margin:0}
.plugin-hero .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.13em;color:#67b7ff}.plugin-stats{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px;min-width:270px}
.plugin-stats span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;display:flex;flex-direction:column}.plugin-stats b{font-size:1.35rem}
.plugin-roadmap{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.plugin-roadmap span{background:#fff;border:1px solid #d7e3ef;border-radius:12px;padding:11px 8px;text-align:center;font-size:.78rem;font-weight:700;color:#526274;box-shadow:0 5px 14px rgba(6,27,60,.04)}
.plugin-roadmap b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;margin:0 auto 6px;background:#e7f3ff;color:#0067b8}.plugin-roadmap .done{border-color:#8ac5ff}.plugin-roadmap .done b{background:#0078d4;color:#fff}
.plugin-control-grid{align-items:stretch}.plugin-upload-grid,.plugin-edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.plugin-upload-grid label,.plugin-edit-grid label{font-size:.78rem;font-weight:700;color:#39485a}
.plugin-upload-grid .file-drop{grid-column:1/-1}.plugin-policy-list{display:grid;gap:10px;margin-top:12px}.plugin-policy-list>div{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;background:#f6f9fc}
.plugin-policy-list i{width:28px;height:28px;display:grid;place-items:center;color:#0078d4;background:#e7f3ff;border-radius:8px}.plugin-policy-list span{font-size:.82rem;color:#5a6878}.plugin-policy-list b{display:block;color:#14233a}
.plugin-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plugin-admin-card{background:#fff;border:1px solid #d7e3ef;border-radius:16px;padding:17px;box-shadow:0 9px 26px rgba(6,27,60,.06)}
.plugin-admin-card.plugin-blocked{border-color:#efb5b5;background:linear-gradient(180deg,#fff,#fff8f8)}.plugin-card-top{display:flex;gap:12px;align-items:center}.plugin-card-top h5{margin:0 0 5px}.plugin-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#0078d4,#4f46e5);color:#fff;font-size:1.15rem}
.plugin-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0}.plugin-facts span{font-size:.76rem;color:#5f6d7c;overflow:hidden}.plugin-facts b{display:block;color:#263548}.plugin-facts code{font-size:.72rem}
.plugin-scan{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:10px;background:#f5f8fb;margin-bottom:12px}.plugin-blocked .plugin-scan{background:#fff0f0;color:#a51212}.plugin-scan span{font-size:.76rem}.plugin-scan b{display:block}
.plugin-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
@media(max-width:980px){.plugin-hero{align-items:flex-start;flex-direction:column}.plugin-stats{width:100%;grid-template-columns:repeat(4,1fr)}.plugin-roadmap{grid-template-columns:repeat(3,1fr)}.plugin-admin-grid{grid-template-columns:1fr}}
@media(max-width:620px){.plugin-stats{grid-template-columns:repeat(2,1fr)}.plugin-roadmap{grid-template-columns:repeat(2,1fr)}.plugin-upload-grid,.plugin-edit-grid{grid-template-columns:1fr}.plugin-facts{grid-template-columns:1fr}}

/* Modern Super Admin control center */
.admin-body{background:#eef4fa;color:#10233d}.admin-shell{background:#eef4fa}.admin-side{background:linear-gradient(180deg,#071f3e 0%,#0a315d 100%)!important;border:0;padding:18px 12px}.admin-side .brand{padding:10px 10px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-side .brand small{color:#8fb7de}.admin-side .nav-section{color:#78a7d2;margin-top:24px}.navbtn{border-radius:10px;padding:10px 12px;color:#d9e9f8}.navbtn:hover{background:rgba(255,255,255,.09)}.navbtn.active{background:linear-gradient(135deg,#087bd3,#2563eb);box-shadow:0 9px 20px rgba(0,68,142,.28)}.admin-main>.topbar{height:74px;border-bottom:1px solid #dce7f1;box-shadow:0 4px 20px rgba(20,55,90,.05)}.topbar .badge{border-radius:999px}.cardx,.stat,.table-wrap{border-color:#d9e5ef;border-radius:14px}.btn-ms,.btn,.form-control,.form-select{border-radius:9px!important}#view{padding:24px clamp(18px,2.5vw,36px) 44px}
.control-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:24px;padding:clamp(26px,4vw,42px);border-radius:24px;background:radial-gradient(circle at 90% 10%,rgba(45,153,255,.28),transparent 34%),linear-gradient(135deg,#061d3c 0%,#0b3767 62%,#07579a 100%);color:#fff;box-shadow:0 24px 55px rgba(5,42,82,.18);overflow:hidden}.control-hero-copy{max-width:850px}.control-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#8ed0ff}.control-hero h2{max-width:760px;margin:12px 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.045em;color:#fff}.control-hero p{max-width:760px;color:#c7d9eb;line-height:1.65;font-size:1rem}.control-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.control-health{display:grid;gap:9px}.control-health>div{padding:15px 17px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.control-health span,.control-health small{display:block;color:#aecaE5;font-size:.72rem}.control-health b{display:block;margin:3px 0;color:#fff;font-size:1.45rem}.control-health .control-time{font-size:1rem;word-break:break-word}
.control-stats{margin-top:18px}.control-stats .stat{min-height:104px;border:0;box-shadow:0 10px 28px rgba(13,47,82,.07);border-radius:16px}.control-stats .stat i{width:42px;height:42px;border-radius:12px;background:#e7f3ff}.control-stats .stat b{color:#0b2c52}.dashboard-section{margin-top:18px;padding:22px;border:1px solid #d9e5ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(13,47,82,.055)}.dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.dashboard-section-head span{display:block;color:#0078d4;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.dashboard-section-head h3{margin:3px 0 0;color:#0b2b50;font-size:1.25rem}.dashboard-section-head small{color:#708198}
.super-roadmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}.super-roadmap li{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:90px;padding:15px;border:1px solid #dbe7f1;border-radius:14px;background:#f8fbfe}.super-roadmap li:not(:last-child):after{content:"";position:absolute;right:-11px;top:31px;width:12px;height:2px;background:#a8c9e8;z-index:2}.super-roadmap li>b{flex:0 0 29px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dfeefa;color:#35709f}.super-roadmap .ready{border-color:#8ac7fa;background:#f2f9ff}.super-roadmap .ready>b{background:#087bd3;color:#fff}.super-roadmap strong,.super-roadmap span{display:block}.super-roadmap strong{color:#12345b}.super-roadmap span{margin-top:4px;color:#6a7b90;font-size:.68rem;line-height:1.4}
.management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.management-grid>button{display:grid;grid-template-columns:42px 1fr;gap:12px;min-width:0;padding:17px;border:1px solid #dbe6f0;border-radius:14px;background:#fff;color:#102d50;text-align:left;transition:.18s ease}.management-grid>button:hover{transform:translateY(-2px);border-color:#7bbcf3;box-shadow:0 12px 26px rgba(4,94,170,.1)}.management-grid>button>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f4ff;color:#087bd3}.management-grid span,.management-grid b,.management-grid small{display:block}.management-grid small{margin-top:4px;color:#6f8197;line-height:1.45}.management-grid em{grid-column:2;font-style:normal;font-size:.67rem;font-weight:800;color:#16854a;text-transform:uppercase}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:18px}.dashboard-columns .dashboard-section{min-width:0}.dashboard-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.dashboard-columns .table-wrap{max-height:360px;overflow:auto}.dashboard-columns .table thead{position:sticky;top:0;z-index:1}.audit-stream td:last-child{min-width:220px}
.settings-command-center{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr) auto;align-items:center;gap:24px;margin-top:18px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#0b315c,#0a518f);color:#fff;box-shadow:0 18px 42px rgba(8,53,96,.16)}.settings-command-center h3{margin:8px 0;color:#fff}.settings-command-center p{margin:0;color:#c5d8eb;line-height:1.55}.settings-coverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settings-coverage span{display:flex;gap:8px;align-items:center;padding:9px;border-radius:10px;background:rgba(255,255,255,.08);font-size:.75rem;font-weight:700}.settings-coverage i{color:#8ed0ff}
@media(max-width:1320px){.management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.super-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.super-roadmap li:after{display:none}.dashboard-columns{grid-template-columns:1fr}.settings-command-center{grid-template-columns:1fr auto}.settings-coverage{grid-row:2;grid-column:1/-1}}
@media(max-width:900px){.control-hero{grid-template-columns:1fr}.control-health{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-command-center{grid-template-columns:1fr}.settings-command-center .btn{justify-self:start}.settings-coverage{grid-column:auto}.control-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.control-hero{padding:24px 18px;border-radius:18px}.control-health,.management-grid,.super-roadmap,.settings-coverage,.control-stats{grid-template-columns:1fr}.dashboard-section{padding:16px}.settings-command-center{padding:22px 18px}.control-hero-actions .btn{width:100%}}

/* Myserver MS governed self-hosted remote access center */
.vnc-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;padding:clamp(26px,4vw,42px);border-radius:22px;background:radial-gradient(circle at 85% 5%,rgba(78,176,255,.25),transparent 32%),linear-gradient(135deg,#061b39,#0a3565 62%,#075491);color:#fff;box-shadow:0 22px 48px rgba(5,42,82,.16)}.vnc-hero h2{max-width:760px;margin:11px 0;font-size:clamp(2rem,4vw,3.35rem);line-height:1;letter-spacing:-.045em;color:#fff}.vnc-hero p{max-width:850px;color:#c8dbee;line-height:1.65}.vnc-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.vnc-trust-row span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);font-size:.72rem;font-weight:700}.vnc-hero aside{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:19px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15)}.vnc-hero aside>span{color:#9ec6e8;font-size:.7rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.vnc-hero aside>b{padding:6px 9px;border-radius:999px;font-size:.75rem}.vnc-hero aside>b.ready{background:#dff7e7;color:#08733b}.vnc-hero aside>b.review{background:#fff1cf;color:#805a00}.vnc-hero aside>small{color:#c9d9e9;line-height:1.55}
.vnc-roadmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0;margin:16px 0;list-style:none}.vnc-roadmap li{display:flex;align-items:center;gap:10px;min-height:76px;padding:13px;border:1px solid #d8e5ef;border-radius:13px;background:#fff}.vnc-roadmap li>b{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e3edf6;color:#446985}.vnc-roadmap li.done{border-color:#8ec8f7;background:#f3f9ff}.vnc-roadmap li.done>b{background:#087bd3;color:#fff}.vnc-roadmap strong,.vnc-roadmap span{display:block}.vnc-roadmap strong{color:#17385d}.vnc-roadmap span{color:#687b91;font-size:.68rem;line-height:1.35}
.vnc-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vnc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.vnc-form-grid label{display:grid;gap:5px;color:#52677f;font-size:.75rem;font-weight:800}.vnc-form-grid .vnc-check{display:flex;align-items:center;align-self:end;gap:8px;min-height:42px;padding:8px;border:1px solid #dce6ef;border-radius:9px;background:#f8fbfe}.vnc-capabilities{display:flex;flex-wrap:wrap;gap:8px 15px;margin:14px 0;padding:13px;border:1px solid #dbe6f0;border-radius:12px;background:#f8fbfe}.vnc-capabilities legend{float:none;width:auto;margin:0;padding:0 5px;color:#385978;font-size:.72rem;font-weight:900}.vnc-capabilities label{display:flex;align-items:center;gap:6px;color:#50657c;font-size:.75rem}
.vnc-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vnc-profile-grid article{padding:17px;border:1px solid #dbe6f0;border-radius:14px;background:#fbfdff}.vnc-profile-grid header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.vnc-profile-grid header b,.vnc-profile-grid header small{display:block}.vnc-profile-grid header small{margin-top:4px;color:#73869a;font-size:.69rem}.vnc-profile-grid header>span{padding:5px 8px;border-radius:999px;font-size:.64rem;font-weight:900}.vnc-profile-grid .enabled{background:#def7e7;color:#0b7b43}.vnc-profile-grid .disabled{background:#e8edf2;color:#607286}.vnc-permission-chips{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.vnc-permission-chips span{padding:5px 7px;border-radius:7px;background:#e6f2ff;color:#17629c;font-size:.65rem;font-weight:800}.vnc-profile-grid p{min-height:44px;color:#657990;font-size:.73rem;line-height:1.45}.vnc-card-actions{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:1200px){.vnc-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.vnc-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.vnc-hero,.vnc-admin-grid{grid-template-columns:1fr}}
@media(max-width:620px){.vnc-roadmap,.vnc-profile-grid,.vnc-form-grid{grid-template-columns:1fr}.vnc-hero{padding:23px 18px}.vnc-hero h2{font-size:2rem}}

/* Local System Settings control panel */
.local-system-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border-radius:22px;background:radial-gradient(circle at 88% 5%,rgba(74,172,255,.28),transparent 32%),linear-gradient(135deg,#061d3d,#0a4177);color:#fff;box-shadow:0 20px 46px rgba(7,48,91,.16)}
.local-system-hero h2{margin:9px 0 7px;color:#fff;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em}.local-system-hero p{max-width:760px;margin:0;color:#c7daeb;line-height:1.6}.local-system-summary{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:8px}.local-system-summary span{padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.08);color:#bdd3e6;font-size:.7rem}.local-system-summary b{display:block;color:#fff;font-size:1.55rem}
.local-target-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:17px 0;padding:15px 18px;border:1px solid #d8e4ef;border-radius:14px;background:#fff}.local-target-bar label{display:grid;gap:5px;min-width:min(100%,360px);color:#45617f;font-size:.72rem;font-weight:800}.local-target-bar .btn{height:38px}
.local-settings-roadmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:17px 0;padding:0;list-style:none}.local-settings-roadmap li{display:flex;align-items:center;gap:9px;min-height:68px;padding:12px;border:1px solid #d8e4ef;border-radius:12px;background:#fff}.local-settings-roadmap b{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#e3edf6;color:#436b8b}.local-settings-roadmap .done{border-color:#8dc8f7;background:#f2f9ff}.local-settings-roadmap .done b{background:#087bd3;color:#fff}.local-settings-roadmap strong,.local-settings-roadmap span{display:block}.local-settings-roadmap strong{color:#15395d}.local-settings-roadmap span{color:#708195;font-size:.67rem}
.local-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.local-settings-tile{display:grid;grid-template-columns:48px 1fr;gap:14px;min-width:0;padding:21px;border:1px solid #d7e3ee;border-radius:16px;background:#fff;box-shadow:0 9px 25px rgba(12,46,80,.055)}.local-settings-tile>i{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e7f3ff;color:#087bd3;font-size:1.2rem}.local-settings-tile h3{margin:0;color:#143456;font-size:1.05rem}.local-settings-tile p{margin:5px 0 10px;color:#718296;font-size:.76rem;line-height:1.45}.local-settings-tile>div>div{display:flex;gap:7px;flex-wrap:wrap}.local-link{border:0;padding:0;background:transparent;color:#0067b8;font-size:.76rem;font-weight:800;text-align:left}.local-link:hover{text-decoration:underline}.local-link.warning{color:#996400}.local-link.danger{color:#b42318}
@media(max-width:900px){.local-system-hero{align-items:flex-start;flex-direction:column}.local-settings-grid{grid-template-columns:1fr}.local-system-summary{width:100%}.local-settings-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.local-system-hero{padding:23px 18px}.local-system-summary,.local-settings-roadmap{grid-template-columns:1fr}.local-target-bar>*{width:100%}.local-settings-tile{grid-template-columns:40px 1fr;padding:16px}.local-settings-tile>i{width:40px;height:40px}}