:root{--ink:#101d35;--text:#192841;--muted:#78869d;--paper:#f5f8fd;--line:#e6edf5;--panel:#fff;--accent:#0b69ef;--blue:#1886ff;--coral:#ef5c71;--purple:#8c68f7;--green:#15b886;--amber:#f3b55a;--nav:#07162d;--nav2:#0d2242;--shadow:0 10px 34px rgba(13,35,72,.06);--radius:14px;color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--paper);line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.53}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}h1,h2,h3{letter-spacing:-.04em}img,svg{vertical-align:middle}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid #4594ff;outline-offset:2px}::selection{background:#bbd7ff}
.ico{flex:none}.brand{display:inline-flex;gap:10px;align-items:center;color:#fff;font-size:21px;font-weight:850;letter-spacing:-.7px;line-height:1.06}.brand>span{display:flex;flex-direction:column}.brand small{font-size:8px;color:#98aac9;letter-spacing:2px;margin-top:4px;font-weight:650}.brand-blue{color:#64a9ff;display:inline}.brand>span{display:block}.brand-link{display:inline-flex;align-items:center}.brand img{filter:drop-shadow(0 4px 13px rgba(12,91,255,.26))}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:10px 16px;border-radius:9px;font-weight:720;font-size:13px;border:1px solid transparent;min-height:40px;transition:transform .16s,background .16s,box-shadow .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(110deg,#0576fc,#0860e6);color:white;box-shadow:0 5px 15px rgba(8,100,235,.19)}.btn-primary:hover{background:#0056dc;box-shadow:0 8px 19px rgba(8,100,235,.23)}.btn-ghost{background:#fff;border-color:var(--line);color:#273950}.btn-outline{background:rgba(0,40,90,.20);border-color:rgba(115,181,255,.38);color:white}.btn-outline-dark{border-color:#c6d3e9;background:white;color:#243c64}.btn-lg{padding:15px 22px;min-height:51px}.btn-small{min-height:30px;padding:5px 10px;font-size:12px}.btn-full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:9px;color:inherit}.icon-button:hover{background:#edf4ff}.icon-button.danger{color:#d14a60}.icon-button.danger:hover{background:#fff0f3}.disabled-looking{opacity:.75;cursor:default}
.pulse,.dot,.status-dot{display:inline-block;flex:none;border-radius:100%;width:8px;height:8px;background:#9da9b8}.pulse.green,.dot.green{background:#19c88f;box-shadow:0 0 0 3px rgba(25,200,143,.11)}.pulse.yellow,.dot.amber{background:#eeaf46;box-shadow:0 0 0 3px rgba(238,175,70,.13)}.dot.red{background:#e95766}.dot.blue{background:#1d83f4}.dot.purple{background:#9270fa}.dot.tiny{width:6px;height:6px}.brand-blue{color:#6bb3ff}
/* marketing site */
.public-body{background:#fff}.public-header{height:74px;max-width:1328px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 30px;position:relative;z-index:10}.public-header .brand{color:#0a2548}.public-header .brand-blue{color:#066bfa}.public-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:auto}.public-nav a{font-size:13px;color:#4c6079;font-weight:620}.public-nav a:hover,.public-nav a.selected{color:#066cf5}.public-actions{display:flex;align-items:center;gap:9px}.public-header .btn{min-height:37px;padding:8px 13px;font-size:12px}.mobile-menu{display:none}.hero{background:radial-gradient(ellipse 56% 98% at 90% 38%,rgba(0,106,246,.38),transparent 76%),linear-gradient(115deg,#061327,#041f48 60%,#051735);color:white;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;opacity:.17;background-image:linear-gradient(to right,transparent 98%,#2190ff 100%),linear-gradient(to bottom,transparent 98%,#2190ff 100%);background-size:50px 50px;mask-image:linear-gradient(to right,transparent,#000)}.hero-inner{max-width:1328px;min-height:555px;padding:60px 30px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;margin:auto;position:relative}.hero-copy{position:relative;z-index:2}.hero-tag,.eyebrow,.auth-overline{font-size:10px;letter-spacing:2.4px;font-weight:850;color:#2c93ff}.hero-tag{display:inline-flex;align-items:center;gap:10px;border-radius:20px;background:rgba(50,127,255,.13);border:1px solid rgba(79,161,255,.21);padding:10px 14px;margin-bottom:26px;color:#81baff;letter-spacing:1.4px}.hero h1{font-size:clamp(36px,4.5vw,67px);line-height:1.08;letter-spacing:-3.1px;font-weight:850;max-width:690px}.hero h1 em,.marketing-title h1 em{font-style:normal;color:#369cff}.hero-copy>p{font-size:16px;line-height:1.78;color:#a8bedc;max-width:560px;margin-top:24px}.hero-cta{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-details{display:flex;gap:19px;flex-wrap:wrap;margin-top:31px;color:#8eafd5;font-size:11px}.hero-details span{display:flex;align-items:center;gap:5px}.hero-details svg{color:#6eabff}.hero-art{height:480px;position:relative;display:grid;place-items:center}.shield-scene{position:relative;width:95%;height:460px;display:grid;place-items:center;isolation:isolate}.scene-grid{position:absolute;width:460px;height:460px;border:1px solid rgba(45,134,244,.23);border-radius:50%;box-shadow:inset 0 0 80px rgba(11,94,242,.22),0 0 75px rgba(5,100,253,.18);background:repeating-radial-gradient(circle,transparent 0 37px,rgba(48,154,255,.14) 38px,transparent 39px),repeating-conic-gradient(from 0deg,transparent 0 17deg,rgba(60,155,255,.12) 18deg,transparent 19deg 36deg);transform:perspective(600px) rotateX(7deg)}.shield-scene:before,.shield-scene:after{content:"";position:absolute;border:1px dashed rgba(85,177,255,.2);border-radius:50%;width:600px;height:265px;transform:rotate(-16deg);z-index:-1}.shield-scene:after{transform:rotate(30deg);width:500px}.shield-back{display:grid;place-items:center;width:260px;height:300px;background:radial-gradient(circle,rgba(38,144,255,.23),transparent 65%);filter:drop-shadow(0 0 40px rgba(40,148,255,.6));animation:float 6s ease-in-out infinite}.shield-back img{width:235px;height:235px}.glass-pill{position:absolute;display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid rgba(116,173,254,.32);background:rgba(7,30,73,.82);border-radius:13px;box-shadow:0 18px 35px rgba(0,0,0,.17);color:#c7dfff;font-size:11px;backdrop-filter:blur(12px)}.pill-one{left:-1%;top:22%}.pill-two{right:-3%;top:58%}.pill-three{left:9%;bottom:15%}.orb{position:absolute;border-radius:100%;filter:blur(32px)}.orb-one{width:220px;height:220px;right:10%;top:15%;background:rgba(0,82,255,.18)}.orb-two{width:210px;height:120px;left:2%;bottom:8%;background:rgba(0,190,255,.12)}@keyframes float{50%{transform:translateY(-15px)}}
.feature-band{background:#081b38;color:#cbdcf4;border-top:1px solid #1c4272}.feature-band-inner{max-width:1328px;padding:22px 30px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr)}.feature-band-inner>div{display:flex;align-items:center;gap:10px;min-height:40px;border-right:1px solid rgba(136,173,234,.2);padding:0 15px;font-size:11px;font-weight:630}.feature-band-inner>div:last-child{border:none}.feature-band-inner svg{color:#56a5ff}.marketing-section{max-width:1328px;margin:auto;padding:90px 30px}.section-head.center{text-align:center}.section-head h2{font-size:clamp(29px,3.4vw,43px);line-height:1.16;margin:13px auto}.section-head p{max-width:600px;color:#718098;font-size:15px;line-height:1.8;margin:auto}.marketing-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px;margin-top:43px}.marketing-card,.feature-detail{padding:30px;border:1px solid #e7edf5;background:white;border-radius:17px;box-shadow:var(--shadow)}.marketing-card:hover{border-color:#b9d4fb;transform:translateY(-2px);transition:all .2s}.feature-icon{display:grid;place-items:center;width:54px;height:54px;background:#eaf3ff;border:1px solid #d6e9ff;border-radius:14px;color:#0869f3}.marketing-card h3{font-size:17px;margin-top:20px}.marketing-card p{color:#7a889b;margin:12px 0 22px;font-size:13px;line-height:1.7}.marketing-card>.ico{color:#146df3}.marketing-cta{max-width:1270px;margin:0 auto 55px;background:linear-gradient(110deg,#07182f,#072c68);color:#fff;border-radius:21px;padding:43px 50px;display:flex;justify-content:space-between;align-items:center;gap:25px}.marketing-cta h2{font-size:32px;margin:9px 0}.marketing-cta p{max-width:610px;color:#9fbce0;line-height:1.6}.public-footer{background:#071326;color:#9bafcb}.public-footer-top{max-width:1328px;margin:auto;display:grid;grid-template-columns:2.5fr 1fr 1fr;gap:50px;padding:53px 30px}.public-footer-top p{max-width:340px;line-height:1.7;margin-top:20px;color:#839ab8}.public-footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.public-footer-top b{color:white;margin-bottom:6px}.public-footer-top a{font-size:13px}.public-footer-top a:hover{color:#fff}.footer-bottom{max-width:1328px;margin:auto;padding:19px 30px;border-top:1px solid #1a2c48;display:flex;justify-content:space-between;font-size:11px;gap:15px}.marketing-title{text-align:center;padding:88px 25px 45px;background:radial-gradient(ellipse at center top,rgba(24,129,255,.10),transparent 70%)}.marketing-title h1{font-size:clamp(34px,5vw,55px);line-height:1.15;margin:14px auto}.marketing-title p{font-size:15px;line-height:1.75;color:#75859a;max-width:650px;margin:auto}.feature-detail-grid{max-width:1270px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 auto 100px;padding:0 24px}.feature-detail{min-height:260px;padding:25px}.feature-detail h2{font-size:16px;margin-top:21px}.feature-detail p{font-size:12px;color:#77879c;line-height:1.75;margin-top:10px;min-height:100px}.feature-stage{display:inline-block;font-size:10px;font-weight:800;background:#e9f3ff;border-radius:6px;padding:6px 9px;color:#1e67bc}.pricing-grid{max-width:1300px;margin:0 auto 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 22px}.price-card{min-height:415px;border:1px solid #dfebf7;border-radius:16px;padding:27px;background:#fff;box-shadow:var(--shadow)}.price-card.highlight{border:2px solid #187afb;transform:translateY(-5px)}.price-tier{font-size:18px;font-weight:800}.price-card>p{font-size:12px;color:#8a96a8;margin:8px 0 19px}.price-value{font-size:39px;letter-spacing:-2px;font-weight:850;color:#11284b}.price-card>small{display:block;color:#7c8ea7;margin-bottom:24px}.price-card ul{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:14px;min-height:178px;font-size:12px}.price-card li{display:flex;align-items:center;gap:8px}.price-card li svg{color:#19aa7e}.price-card .btn{width:100%}.security-split{max-width:1150px;margin:0 auto 105px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:0 24px}.security-split h2{font-size:31px}.security-split p{color:#728199;line-height:1.85;margin:19px 0}.check-list{padding-left:18px;line-height:2.5}.security-card-dark{background:#071d3d;border-radius:19px;padding:33px;color:white}.security-card-dark h3{font-size:23px;margin:19px 0}.security-progress{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #254161;padding:14px 0;font-size:13px;color:#bad1ed}.security-progress strong{font-size:11px;color:#79b7ff}.docs-grid{max-width:1150px;margin:0 auto 100px;display:grid;grid-template-columns:240px 1fr;gap:45px;padding:0 24px}.docs-nav{display:flex;flex-direction:column;gap:14px;position:sticky;top:20px;align-self:start}.docs-nav h3{font-size:16px}.docs-nav a{color:#637a9b;font-size:13px}.docs-body article{padding:0 0 30px;margin-bottom:27px;border-bottom:1px solid #dfe7f1}.docs-body h2{font-size:24px}.docs-body p{margin-top:13px;line-height:1.85;color:#72829a}.docs-body code{padding:2px 5px;background:#eef4fc;color:#185bad;border-radius:4px}.contact-grid{max-width:1050px;margin:0 auto 105px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-left{padding-top:20px}.contact-left h2{font-size:28px;margin-top:25px}.contact-left>p{color:#70819a;line-height:1.8;margin-top:15px}.contact-note{margin-top:27px;display:flex;align-items:center;gap:10px;color:#196ebf;font-weight:600}.contact-form{border-radius:17px;border:1px solid #e4ebf4;padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:15px}.public-flash{max-width:1150px;margin:10px auto;padding:12px;border-radius:9px;background:#e2f9ee;color:#14623f}.public-flash.error{background:#ffeaee;color:#a2253c}
/* authentication */
.auth-body{background:white}.auth-layout{min-height:100vh;display:grid;grid-template-columns:49% 51%}.auth-form-side{min-height:100vh;padding:37px 6.4vw 22px;display:flex;flex-direction:column}.auth-form-side .brand{color:#082341}.auth-form-wrap{max-width:420px;margin:auto;width:100%}.auth-overline{margin-bottom:16px}.auth-form-wrap h1{font-size:37px;color:#0e2442}.auth-subtitle{color:#8695a9;line-height:1.65;margin-top:10px;margin-bottom:25px}.stack-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#31405a}.field input,.field select,.field textarea{background:#f7f9fd;border:1px solid #dfe8f3;border-radius:9px;outline:none;min-height:43px;padding:11px 13px;color:#1c314d;width:100%;font-weight:480}.field input:focus,.field textarea:focus,.field select:focus{border-color:#2588ff;box-shadow:0 0 0 3px rgba(24,111,255,.09)}.field textarea{resize:vertical}.auth-help{display:flex;justify-content:space-between;align-items:center;color:#8b9ab0;font-size:12px}.auth-help a,.auth-alt a,.installer-tip a{color:#0875f9;font-weight:700}.auth-alt{margin-top:26px;text-align:center;color:#91a0b5;font-size:12px}.auth-bottom{color:#9aa9b8;font-size:11px;margin-top:auto}.installer-tip{background:#edf5ff;margin-top:23px;border-radius:9px;font-size:12px;padding:11px;line-height:1.8;color:#527094}.auth-art-side{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(10,111,255,.48),transparent 54%),repeating-radial-gradient(circle at center,transparent 0 52px,rgba(52,144,255,.17) 53px 54px),#071a3a;overflow:hidden}.auth-art-inner{z-index:2;text-align:center;color:#fff;padding:30px}.auth-art-inner img{filter:drop-shadow(0 0 60px #006bfc);width:145px;height:145px;margin-bottom:28px}.auth-art-inner h2{font-size:34px;line-height:1.25}.auth-art-inner h2 span{color:#64aeff}.auth-art-inner p{max-width:370px;margin:22px auto;color:#a9c1df;line-height:1.7}.auth-glass{border:1px solid rgba(115,173,255,.3);background:#ffffff12;padding:13px 17px;max-width:max-content;margin:34px auto 0;border-radius:11px;font-size:11px;color:#bdd9fa;display:flex;align-items:center;gap:10px}.auth-art-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:#0371ff22;filter:blur(65px)}
/* app shell */
.dashboard-body{--panel:#fff;--text:#1e2c46;--paper:#f6f8fc;background:var(--paper)}.dashboard-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex:none;background:linear-gradient(178deg,#07172d,#061225);color:#aabbd7;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30}.sidebar-brand{height:77px;padding:21px 20px;border-bottom:1px solid #183455;display:flex;align-items:center;justify-content:space-between}.sidebar-brand .brand{font-size:18px}.sidebar-brand .brand img{height:33px;width:33px}.organization-box{margin:19px 14px 12px;padding:11px 9px;border:1px solid #234263;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:12px;min-height:59px;background:#ffffff08}.org-emblem{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#1273fc;color:white;font-size:11px;font-weight:800}.organization-box>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.organization-box strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ebf3ff}.organization-box small{font-size:9px;color:#809bbd}.organization-box svg{transform:rotate(90deg)}.side-scroll{overflow-y:auto;flex:1;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#36506d transparent}.nav-group{margin-top:20px}.nav-label{font-size:9px;letter-spacing:1.65px;color:#6b84a7;font-weight:900;padding:0 20px 9px}.nav-item{height:39px;padding:0 15px 0 18px;display:flex;gap:11px;align-items:center;margin:2px 9px;border-radius:8px;font-size:11.5px;font-weight:600;color:#94aac9}.nav-item svg{color:#7c99ba}.nav-item.active{background:linear-gradient(100deg,#1468e9,#1260d9);color:white;box-shadow:0 3px 14px #0055ca35}.nav-item.active svg{color:white}.nav-item:not(.active):hover{background:#1a3352;color:#f5faff}.nav-mini{margin-left:auto;background:#174778;color:#8bbdff;border-radius:5px;padding:3px 4px;font-size:7px;font-weight:800;letter-spacing:.3px}.sidebar-bottom{padding:14px 15px 19px;border-top:1px solid #183657;display:flex;flex-direction:column;gap:14px;font-size:11px}.sidebar-bottom>a{display:flex;align-items:center;gap:9px;color:#9bb8da}.sidebar-bottom small{color:#6380a3;font-size:10px}.sidebar-status{display:flex;align-items:center;gap:8px;color:#ffc674;font-size:10px}.sidebar-overlay{display:none}.main-area{margin-left:238px;flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.app-topbar{height:72px;background:white;border-bottom:1px solid #e8eef6;display:flex;justify-content:space-between;align-items:center;padding:0 29px;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.topbar-right{gap:8px}.breadcrumb{font-size:12px;color:#98a5b8}.breadcrumb span{padding:0 8px;color:#b7c1d1}.breadcrumb b{color:#273b58}.topbar-state{border-radius:7px;background:#fff8ea;color:#a77a24;padding:7px 10px;font-size:10px;display:flex;align-items:center;gap:9px;white-space:nowrap;margin-right:15px}.account-chip{display:flex;align-items:center;gap:8px;margin-left:12px;padding-left:12px;border-left:1px solid #e5edf4}.avatar,.user-avatar{height:33px;width:33px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#267bff,#102e73);font-weight:850}.account-name{font-size:11px;color:#253a5b;font-weight:800;line-height:1.4}.account-name small{display:block;font-size:9px;color:#90a0b4;text-transform:capitalize;font-weight:600}.open-sidebar,.close-sidebar{display:none}.app-content{width:100%;max-width:1560px;margin:0 auto;flex:1;padding:31px 30px 45px}.app-footer{padding:17px 30px;font-size:10px;color:#a0aebe;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5edf5}.preview-banner,.notice,.flash{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:12px 15px;margin-bottom:19px;font-size:11.5px;line-height:1.6}.preview-banner{background:#ecf4ff;border:1px solid #cddfff;color:#275b9f}.preview-banner a{color:#045ee5;font-weight:800;text-decoration:underline}.notice{margin:0 0 21px;border:1px solid #dae9ff;background:#edf5ff;color:#27507b}.notice.warning{border-color:#f5dfb1;background:#fff9ec;color:#825a20}.notice p{margin-top:4px;color:inherit;opacity:.86}.notice strong{font-size:12px}.flash{background:#eaf9f2;color:#177647;border:1px solid #bfead7}.flash.error{background:#fff0f2;color:#a72f45;border-color:#f6c5ce}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header .eyebrow{color:#8da0ba;font-size:9px}.page-header h1{font-size:27px;margin:5px 0;color:#162946}.page-header p{color:#8b9ab0;font-size:12px}.page-header-actions{display:flex;align-items:center;gap:10px}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid #e6ebf4;border-radius:8px;white-space:nowrap;font-size:10px;font-weight:670}.chip-neutral{color:#8b9aaf;background:#fbfcff}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px}.kpi-card{min-height:155px;padding:18px 20px;background:var(--panel);border-radius:13px;border:1px solid #e5ecf4;box-shadow:var(--shadow)}.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kpi-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.tone-blue{background:#e6f1ff;color:#096cf1}.tone-coral{background:#fff0f1;color:#ec5877}.tone-green{background:#e8faf2;color:#1ba67d}.tone-purple{background:#f2ebff;color:#8f62d7}.kpi-options{font-size:18px;letter-spacing:2px;color:#afbdd0}.kpi-label{font-size:11px;color:#8b9bb1}.kpi-value{font-size:30px;letter-spacing:-1.3px;color:#1b2e4c;font-weight:860;margin-top:4px}.kpi-foot{margin-top:8px;font-size:10px;color:#8999ad;display:flex;align-items:center;gap:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(265px,.85fr);gap:18px;margin-top:20px;margin-bottom:18px}.panel{background:var(--panel);border:1px solid #e4eaf2;border-radius:13px;padding:21px;box-shadow:var(--shadow);min-width:0;margin-bottom:18px}.dashboard-grid .panel,.two-panels .panel{margin-bottom:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:21px}.panel-heading h2{font-size:16px;font-weight:825;color:#213450;letter-spacing:-.4px}.panel-heading p{font-size:11px;color:#95a3b5;margin-top:4px}.chart-labels{display:flex;gap:15px;align-items:center;margin:4px 0 0}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#8293aa}.legend-item i{height:7px;width:7px;border-radius:50%}.chart-frame{width:100%;position:relative;min-height:235px;margin-top:17px}.traffic-chart{width:100%;height:245px;color:#4a658d}.chart-axis{display:flex;justify-content:space-between;font-size:9px;color:#a4b2c3}.chart-watermark{font-size:10px;color:#a1acbe;margin-top:11px}.chart-blur-watermark{position:absolute;left:50%;top:10%;transform:translateX(-50%);font-size:10px;font-weight:850;letter-spacing:2px;color:#a1c2e6}.risk-panel .panel-heading{margin-bottom:6px}.readiness-list>div{padding:17px 0;border-bottom:1px solid #ecf1f7;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.readiness-title{display:flex;align-items:center;gap:9px;color:#536780}.readiness-list strong{font-size:10px;color:#627995}.inline-link{display:inline-flex;align-items:center;gap:5px;color:#126bed;font-size:11px;font-weight:730}.risk-panel>.inline-link{margin-top:24px}.mini-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.mini-info{border:1px solid #e5edf5;background:white;border-radius:12px;padding:19px;display:flex;flex-direction:column;gap:5px}.mini-info span{font-size:11px;color:#8d9db1}.mini-info strong{font-size:26px;color:#172b4a;letter-spacing:-1px}.mini-info small{color:#9baabd;font-size:10px}.table-tools{margin-top:-2px;margin-bottom:20px;display:flex;justify-content:space-between;gap:12px}.search-field{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #e1eaf5;background:#fafcff;border-radius:8px;height:38px;width:min(350px,100%);color:#8495ae}.search-field input{border:0;outline:none;background:transparent;width:100%;font-size:11px;color:#30465e}.responsive-table{width:100%;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:630px}.data-table thead{border-bottom:1px solid #e4ebf3}.data-table th{color:#8f9fb4;font-size:10px;text-align:left;font-weight:700;padding:14px 13px;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #e9edf4}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#f9fbff}.data-table td{font-size:11.5px;color:#43536b;padding:12px 13px;vertical-align:middle}.data-table td strong{font-weight:730;color:#20324d}.cell-right{text-align:right!important}.cell-muted{color:#91a0b4;font-size:10px}.site-cell{display:inline-flex;gap:9px;align-items:center;min-width:180px}.site-cell>span:last-child{display:flex;flex-direction:column;gap:3px}.site-cell small{color:#9aa9ba;font-size:9px}.site-icon{height:32px;width:32px;display:grid;place-items:center;border:1px solid #d8e8ff;border-radius:8px;background:#eaf4ff;color:#0872f4}.user-avatar{width:30px;height:30px;font-size:12px}.caps-pill{display:inline-block;border-radius:6px;padding:5px 7px;border:1px solid #e1e9f4;background:#f8faff;color:#63778f;text-transform:uppercase;font-size:9px;font-weight:750}.status{display:inline-flex;align-items:center;gap:7px;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:750;white-space:nowrap}.status .status-dot{width:6px;height:6px;background:currentColor}.status-green{background:#e7f9f1;color:#168e61}.status-amber{background:#fff6e7;color:#b17818}.status-blue{background:#eaf3ff;color:#146ed9}.status-purple{background:#f0e9fc;color:#7f52be}.status-indigo{background:#e9edff;color:#6c6ed7}.status-red{background:#ffeeef;color:#bb4962}.status-neutral{background:#edf0f5;color:#6a7b95}.inline-form{display:inline-block}.mono{font-family:ui-monospace,Consolas,monospace;font-size:10.5px;overflow-wrap:anywhere}.empty-table{text-align:center;padding:45px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#9daabe}.empty-table strong{font-size:14px;color:#536a87}.empty-table span{font-size:11px}.tab-strip{display:flex;gap:7px;margin-bottom:19px;overflow:auto;padding-bottom:4px}.tab{border:1px solid #dce6f1;background:white;padding:10px 14px;border-radius:9px;color:#7d8da3;font-size:11px;font-weight:750;white-space:nowrap}.tab.active{background:#e9f3ff;border-color:#acd1ff;color:#146de5}.readiness-row{padding:18px 4px;border-bottom:1px solid #e7edf4;display:flex;gap:13px;align-items:center}.readiness-row>span:first-child{color:#1571e5}.readiness-row>div{flex:1}.readiness-row strong{font-size:12px}.readiness-row p{color:#8b9bb0;font-size:11px;margin-top:4px}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.empty-state{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a4b2c3}.empty-state h3{font-size:15px;color:#3c5472;margin:17px 0 6px}.empty-state p{max-width:320px;font-size:11px;line-height:1.7}.feature-row-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-row{border:1px solid #e5edf5;background:#fff;padding:23px;border-radius:13px;min-height:237px;display:flex;align-items:flex-start;flex-direction:column}.feature-row h3{font-size:14px;margin-top:17px}.feature-row p{font-size:11.5px;line-height:1.75;color:#8595ab;margin:10px 0 17px;flex:1}.feature-row.linked:hover{border-color:#91c6fd}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.integration-card{background:white;border:1px solid #e4ecf5;border-radius:12px;padding:24px}.integration-card h3{font-size:15px;margin-top:18px}.integration-card p{font-size:11px;color:#8294aa;line-height:1.7;margin:10px 0 22px;min-height:48px}.plan-panel{border-radius:15px;background:linear-gradient(110deg,#071a36,#08377a);color:white;padding:32px;margin-bottom:20px;display:flex;justify-content:space-between;gap:30px;align-items:center}.plan-panel h2{font-size:24px;margin:9px 0}.plan-panel p{color:#9dbde3;font-size:12px}.plan-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:19px;color:#b0cbeb;font-size:10px}.plan-meta span{display:flex;align-items:center;gap:6px}.plan-amount{text-align:right}.plan-amount strong{display:block;font-size:36px}.plan-amount small{color:#9dbde3;font-size:10px}.settings-form{display:flex;flex-direction:column;gap:17px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e9edf4;border-radius:10px;padding:14px}.toggle-row span{display:flex;flex-direction:column;gap:4px}.toggle-row b{font-size:12px}.toggle-row small{font-size:10px;color:#8f9eaf}.toggle-row input{accent-color:#126bf5;width:19px;height:19px}.settings-form>.btn{align-self:start}.system-list>div{display:flex;justify-content:space-between;gap:9px;padding:15px 0;border-bottom:1px solid #edf1f6;font-size:11px}.system-list>div span{color:#8599b0}.system-list>div strong{color:#33435c}.once-key{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px;margin-bottom:18px;border:1px solid #8bbcf2;border-radius:10px;background:#ecf6ff}.once-key code{font-size:11px;word-break:break-all;color:#154b80}.once-key strong{color:#173c70;font-size:12px}
/* modals */
.form-dialog{border:0;box-shadow:0 30px 90px #07183155;border-radius:18px;padding:0;width:min(470px,calc(100vw - 25px));max-height:calc(100vh - 35px);overflow-y:auto;color:var(--text)}.form-dialog::backdrop{background:#07172caf;backdrop-filter:blur(3px)}.dialog-header{padding:25px 25px 18px;border-bottom:1px solid #e8eef6;display:flex;justify-content:space-between;gap:12px}.dialog-header h2{font-size:21px}.dialog-header p{color:#8192a7;font-size:11px;margin-top:7px}.dialog-form{padding:21px 25px 25px;display:flex;flex-direction:column;gap:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}
/* installer */
.installer-body{background:radial-gradient(circle at 83% 5%,#0747a8 0,#061630 45%,#061020 100%);min-height:100vh;display:grid;place-items:center;padding:28px 15px}.install-card{background:#fff;border-radius:20px;padding:35px;width:min(620px,100%);box-shadow:0 25px 85px #0006}.install-heading{text-align:center}.install-heading h1{font-size:27px;margin-top:12px}.install-heading p{color:#8294aa;font-size:12px;margin-top:6px}.install-card h2{font-size:15px;margin:23px 0 12px}.install-checks{display:grid;gap:9px}.install-checks div{display:flex;align-items:center;gap:9px;color:#536883;font-size:11px}.install-checks b{margin-left:auto;color:#7086a1}.install-alert{padding:12px;background:#fff8e8;border:1px solid #f4e2b5;border-radius:9px;color:#805f24;font-size:11px;line-height:1.6;margin-top:19px}.install-card .form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.install-preview{display:block;text-align:center;color:#186ee8;font-size:12px;font-weight:750;margin-top:18px}
/* responsiveness */
@media(max-width:1200px){.hero h1{font-size:50px}.feature-band-inner{grid-template-columns:repeat(3,1fr);row-gap:15px}.feature-band-inner>div:nth-child(3){border-right:0}.feature-detail-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.marketing-card-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid{grid-template-columns:repeat(2,1fr)}.feature-row-grid{grid-template-columns:repeat(2,1fr)}.main-area{margin-left:218px}.sidebar{width:218px}.app-content{padding:26px 23px}}
@media(max-width:900px){.public-nav{display:none;position:absolute;top:70px;left:15px;right:15px;flex-direction:column;gap:0;padding:15px 22px;background:#fff;border:1px solid #e7edf5;border-radius:12px;box-shadow:0 15px 40px #1238}.public-nav.open{display:flex}.public-nav a{width:100%;padding:11px 3px}.mobile-menu{display:inline-flex}.hero-inner{grid-template-columns:1fr;padding-top:55px;padding-bottom:25px}.hero-copy{text-align:center}.hero h1{margin:auto}.hero-copy>p{margin:22px auto 0}.hero-cta,.hero-details{justify-content:center}.hero-art{height:345px}.shield-scene{height:340px}.scene-grid{width:340px;height:340px}.shield-back img{width:170px;height:170px}.pill-one{left:12%}.pill-two{right:6%}.pill-three{bottom:7%}.marketing-cta{margin:0 24px 25px}.security-split{gap:26px}.dashboard-grid{grid-template-columns:1fr}.two-panels{grid-template-columns:1fr}.mini-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrations-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-101%);transition:transform .24s;box-shadow:15px 0 50px #07183140;width:250px}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block;position:fixed;inset:0;background:#07183182;z-index:20}.main-area{margin-left:0}.open-sidebar,.close-sidebar{display:inline-flex}.topbar-state{display:none}.app-content{padding:24px 19px}.sidebar-bottom{padding-bottom:20px}}
@media(max-width:630px){.public-header{padding:0 16px;height:64px;gap:6px}.public-header .brand{font-size:17px}.public-header .brand img{height:29px;width:29px}.public-header .btn{font-size:11px;padding:7px 10px}.public-header .hide-xs{display:none}.public-nav{top:62px}.hero-inner{padding:39px 19px 30px;min-height:0}.hero-tag{font-size:8px;letter-spacing:1px}.hero h1{font-size:35px;letter-spacing:-1.8px}.hero-copy>p{font-size:13px}.hero-cta .btn{flex:1;min-width:145px;padding:12px}.hero-details{font-size:10px;gap:10px}.hero-art{height:260px}.shield-scene{height:250px}.scene-grid{width:255px;height:255px}.shield-back img{height:125px;width:125px}.glass-pill{padding:8px;font-size:8px}.glass-pill svg{width:13px;height:13px}.pill-one{left:0;top:20%}.pill-two{right:0;top:56%}.pill-three{bottom:2%;left:5%}.feature-band-inner{grid-template-columns:repeat(2,1fr);padding:18px 12px}.feature-band-inner>div{font-size:9px;padding:8px 10px}.feature-band-inner>div:nth-child(3){border-right:1px solid #2f4567}.feature-band-inner>div:nth-child(even){border-right:0}.marketing-section{padding:59px 16px}.marketing-card-grid{grid-template-columns:1fr;gap:11px;margin-top:24px}.marketing-card{padding:23px}.marketing-cta{padding:28px 23px;flex-direction:column;align-items:start;margin:0 16px 20px}.marketing-cta h2{font-size:26px}.public-footer-top{grid-template-columns:1fr 1fr;gap:30px;padding:40px 19px}.public-footer-top>div:first-child{grid-column:1/-1}.footer-bottom{padding:19px;flex-direction:column}.marketing-title{padding:60px 17px 36px}.marketing-title h1{font-size:36px}.feature-detail-grid{grid-template-columns:1fr;margin-bottom:65px;padding:0 16px}.feature-detail{min-height:0}.feature-detail p{min-height:0;margin-bottom:17px}.pricing-grid{grid-template-columns:1fr;margin-bottom:65px;padding:0 16px}.price-card{min-height:0}.price-card ul{min-height:0}.price-card.highlight{transform:none}.security-split,.docs-grid,.contact-grid{grid-template-columns:1fr;gap:24px;margin-bottom:65px}.docs-nav{position:static}.auth-layout{display:block}.auth-form-side{padding:24px 23px;min-height:100vh}.auth-form-wrap{margin:75px auto 70px}.auth-art-side{display:none}.auth-form-wrap h1{font-size:29px}.app-topbar{height:61px;padding:0 11px}.breadcrumb{font-size:11px}.account-chip{margin-left:0;padding-left:0;border:0}.account-name{display:none}.topbar-right{gap:2px}.topbar-right .icon-button{width:30px}.app-content{padding:19px 12px}.page-header{align-items:flex-start;gap:13px;flex-direction:column;margin-bottom:18px}.page-header-actions{width:100%;justify-content:space-between}.page-header h1{font-size:23px}.page-header p{font-size:11px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card{min-height:137px;padding:14px 12px}.kpi-icon{width:34px;height:34px}.kpi-value{font-size:26px}.kpi-label{font-size:10px}.kpi-foot{font-size:9px}.mini-info-grid{gap:10px}.mini-info{padding:14px}.mini-info strong{font-size:21px}.panel{padding:15px;border-radius:11px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px}.chart-frame,.traffic-chart{height:185px;min-height:185px}.chart-axis{font-size:7px}.feature-row-grid,.integrations-grid{grid-template-columns:1fr}.feature-row{min-height:205px}.plan-panel{flex-direction:column;align-items:start;padding:25px}.plan-amount{text-align:left}.app-footer{flex-direction:column;padding:15px 12px}.install-card{padding:25px 17px}.install-card .form-two{grid-template-columns:1fr}.form-dialog{width:calc(100vw - 20px)}}
/* Optional dark workspace view (session-only, no storage dependency) */
.theme-night{--paper:#0a1527;--panel:#0f2239;--text:#e1ebf9;--line:#26405c}.theme-night .app-content{background:#0a1527}.theme-night .app-topbar,.theme-night .kpi-card,.theme-night .panel,.theme-night .mini-info,.theme-night .feature-row,.theme-night .integration-card,.theme-night .tab,.theme-night .form-dialog{background:var(--panel);border-color:#28425f;color:#d5e4fa}.theme-night .page-header h1,.theme-night .panel-heading h2,.theme-night .kpi-value,.theme-night .mini-info strong,.theme-night .data-table td strong,.theme-night .breadcrumb b,.theme-night .site-cell strong,.theme-night .account-name,.theme-night .readiness-list strong,.theme-night .feature-row h3,.theme-night .integration-card h3{color:#e3f0ff}.theme-night .data-table td,.theme-night .data-table th,.theme-night .system-list>div strong{color:#b7cde7}.theme-night .data-table tr,.theme-night .data-table thead,.theme-night .system-list>div,.theme-night .readiness-list>div{border-color:#28435e}.theme-night .data-table tbody tr:hover{background:#192e49}.theme-night .search-field,.theme-night .field input,.theme-night .field textarea,.theme-night .field select{background:#0a1a30;border-color:#2b4665;color:#d8e7f9}.theme-night .icon-button:hover{background:#1e3a5c}.theme-night .caps-pill,.theme-night .chip-neutral{background:#18324f;border-color:#315073;color:#a9c4e8}
[hidden]{display:none!important}

.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.inquiry-message{display:block;white-space:normal;min-width:250px;max-width:450px;overflow-wrap:anywhere;line-height:1.6}
/* v0.3.2 Website Optimization */
.opt-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px;border-radius:18px;background:linear-gradient(115deg,#071b3a,#0e3564 65%,#1768ca);color:#fff;margin-bottom:18px;overflow:hidden}.opt-hero h2{font-size:clamp(24px,3vw,36px);line-height:1.18;margin:8px 0}.opt-hero h2 span{color:#82bdff}.opt-hero p{color:#b9d6ef;max-width:570px;line-height:1.6}.opt-hero-mark{flex:0 0 170px;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.9}.opt-hero-mark strong{font-size:12px;letter-spacing:.23em}.opt-hero-mark small{color:#b2d2ff}.opt-selector{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:16px 0}.opt-selector .field{min-width:min(460px,100%)}.opt-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;color:var(--text)}.opt-status small{flex-basis:100%;color:var(--muted)}.opt-statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}.opt-stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:19px;min-width:0}.opt-stat small,.opt-stat span{display:block;color:var(--muted);font-size:12px}.opt-stat strong{display:block;font-size:clamp(17px,2.3vw,26px);margin:12px 0 7px;overflow-wrap:anywhere}.opt-cols{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:16px;margin:18px 0}.opt-panel{padding:22px}.opt-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.opt-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.opt-actions form{margin:0}.opt-actions small{color:var(--muted)}.opt-steps{display:grid;gap:12px;margin:18px 0}.opt-steps>div{display:flex;align-items:flex-start;gap:11px;line-height:1.45}.opt-steps b{border-radius:50%;background:#e4f0ff;color:#146af1;width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.opt-token{background:#eaf4ff;border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;overflow-wrap:anywhere}.opt-token code{color:#173158;overflow-wrap:anywhere;max-width:100%}.opt-token small{color:#536985}.opt-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opt-feature{display:flex;flex-direction:column;gap:7px;background:var(--paper);border-radius:12px;padding:16px;min-width:0}.opt-feature .chip{align-self:start}.opt-feature small{color:var(--muted)}.opt-error{background:#fff1f1;color:#a92f3f;border-radius:10px;padding:13px}.opt-panel .toggle-row{gap:10px}.opt-panel .field input[readonly]{cursor:text}.theme-night .opt-token{background:#112744}.theme-night .opt-token code{color:#d1e5ff}.theme-night .opt-feature{background:#10213b}@media(max-width:1100px){.opt-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.opt-cols{grid-template-columns:1fr}.opt-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.opt-hero{padding:24px}.opt-hero-mark{display:none}.opt-selector{display:block}.opt-statgrid{gap:8px}.opt-stat{padding:13px}.opt-stat strong{font-size:19px}.opt-feature-grid,.opt-formgrid{grid-template-columns:1fr}.opt-panel{padding:15px}.opt-selector .field{min-width:0}}

/* Website security module v0.3.3 */
.sec-hero{background:linear-gradient(110deg,#071b3c,#102d56 70%,#143b7d);padding:30px 34px;border:1px solid #2260a4;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff;margin-bottom:18px}
.sec-hero h2{font-size:clamp(26px,3vw,42px);margin:10px 0}.sec-hero h2 span{color:#68b0ff}.sec-hero p{color:#bdcee9;max-width:680px;line-height:1.65}
.sec-emblem{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:165px;color:#8abfff}.sec-emblem strong{font-size:19px;letter-spacing:.09em}.sec-emblem small{color:#bdcee9}
.sec-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 22px}
.sec-checklist{color:var(--text,#e7ecf5);line-height:1.8;padding-left:24px;font-size:14px}
.sec-checklist li{padding-left:4px;margin:3px 0}
@media(max-width:920px){.sec-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sec-hero{padding:22px;flex-direction:column;align-items:flex-start}.sec-stats{grid-template-columns:1fr 1fr}.sec-emblem{display:none}}