@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#182238;--muted:#6f7890;--line:#e5e8f0;--soft:#f6f7fb;--paper:#fff;--violet:#7557ff;--violet-dark:#5a3ee9;--teal:#19a7a2;--coral:#f2715b;--gold:#efad3d;--navy:#111a2b;--navy2:#19243a;--shadow:0 18px 55px rgba(38,36,76,.12);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}body{font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--violet);margin:0 0 10px}.center{text-align:center}.brand{display:flex;align-items:center;gap:10px;font-size:18px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--violet),#9b6cff);color:#fff;font-size:11px;font-weight:800;box-shadow:0 7px 18px rgba(117,87,255,.3)}.brand-light{color:#fff}.btn{border:0;border-radius:11px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--violet);color:#fff;box-shadow:0 8px 22px rgba(117,87,255,.24)}.btn.primary:hover{background:var(--violet-dark)}.btn.dark{background:var(--navy);color:#fff}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.danger{color:#c94242;border-color:#f1cccc}.btn.wide{width:100%}.btn.large{padding:15px 22px;border-radius:13px}.btn.compact{padding:8px 12px;font-size:13px}.icon-btn,.link-btn{border:0;background:transparent;cursor:pointer}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:inherit}.icon-btn:hover{background:rgba(128,128,160,.1)}.link-btn{color:#aeb8ce;padding:9px 0;text-align:left}.pill{display:inline-flex;padding:8px 12px;background:#eeeaff;color:#573bdc;border-radius:999px;font-weight:700;font-size:12px}.alert{border-radius:12px;padding:12px 14px;margin:12px 0;font-size:14px}.alert.error{background:#fff0f0;color:#a72c2c;border:1px solid #ffd0d0}.alert.warning{background:#fff8e8;color:#875a00;border:1px solid #fae0a4}.alert.success{background:#ebfaf5;color:#176d52;border:1px solid #bdebdc}.alert.info{background:#eef4ff;color:#245baf;border:1px solid #cadcff}.toast{position:fixed;top:20px;left:50%;z-index:1000;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow)}.toast.error{background:#9e3434}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full,.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}label small{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d8dce7;border-radius:10px;padding:11px 12px;color:var(--ink);background:#fff;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(117,87,255,.12)}textarea{resize:vertical}.stack-form{display:flex;flex-direction:column;gap:14px}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center}.toggle-row input{width:42px;height:22px;accent-color:var(--violet)}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#eef1f6;color:#657087}.status-badge.active,.status-badge.trial{background:#e8f8f2;color:#16805c}.status-badge.suspended,.status-badge.expired{background:#fff0e4;color:#a55c19}.status-badge.deleted,.status-badge.cancelled{background:#feecec;color:#a73434}.avatar{display:grid;place-items:center;flex:0 0 auto;width:35px;height:35px;border-radius:50%;border:0;background:linear-gradient(135deg,#7557ff,#21a8a0);color:#fff;font-size:12px;font-weight:800}
.public-body{background:#fcfbff}.public-nav{max-width:1280px;margin:0 auto;padding:22px 34px;display:flex;align-items:center;justify-content:space-between}.public-nav nav{display:flex;gap:26px;align-items:center;font-weight:600}.hero{min-height:720px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;max-width:1280px;margin:0 auto;padding:55px 34px 90px}.hero-copy h1{font-size:64px;line-height:1.05;letter-spacing:-.05em;margin:24px 0}.hero-copy h1 em{font-style:normal;color:var(--violet)}.hero-copy>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:12px;margin-top:28px}.trust-row{display:flex;gap:18px;margin-top:25px;color:#687187;font-size:12px}.hero-board{height:540px;position:relative;border-radius:32px;background:#121a2b;background-image:radial-gradient(#33405a 1.2px,transparent 1.2px);background-size:22px 22px;box-shadow:0 35px 90px rgba(28,25,67,.26);overflow:hidden;border:10px solid #fff}.hero-board svg{width:100%;height:100%}.hero-board text{fill:#fff;font:600 15px 'DM Sans';text-anchor:middle}.demo-line{fill:none;stroke-width:4;stroke-linecap:round}.demo-line.l1{stroke:#7557ff}.demo-root{fill:#7557ff}.demo-node{fill:#26334a;stroke:#43526c}.mini-toolbar{position:absolute;right:18px;bottom:18px;background:#222e43;color:#dce3f2;border-radius:11px;padding:10px 13px;font-weight:700}.presence{position:absolute;width:32px;height:32px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px}.presence.p1{right:28px;top:24px;background:#efad3d}.presence.p2{right:50px;top:24px;background:#19a7a2}.section{padding:100px 34px;max-width:1200px;margin:auto}.section>h2,.pricing-section>h2{font-size:44px;text-align:center;letter-spacing:-.04em}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.feature-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.feature-grid article>span{display:grid;place-items:center;width:45px;height:45px;background:#eeeaff;color:var(--violet);border-radius:14px;font-size:22px}.feature-grid h3{margin:24px 0 9px}.feature-grid p{color:var(--muted);line-height:1.6}.pricing-section{padding:95px 34px 120px;background:#131b2c;color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(270px,360px));justify-content:center;gap:22px;margin-top:45px}.price-card{background:#1e2940;border:1px solid #33405a;padding:32px;border-radius:20px}.price-card>p,.price-card li{color:#b8c0d1}.price{display:flex;align-items:end;gap:7px;margin:25px 0}.price b{font:800 34px 'Manrope'}.price span{padding-bottom:6px;color:var(--muted)}.price-card ul,.billing-grid ul{list-style:none;padding:0;line-height:2}.public-footer{display:flex;align-items:center;justify-content:space-between;padding:35px max(34px,calc((100% - 1200px)/2));background:#0c1321;color:#b9c1d0}
.login-body{background:#f4f1ff}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-visual{padding:55px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:#131b2c;position:relative;overflow:hidden}.login-visual:after{content:'';position:absolute;width:620px;height:620px;border:110px solid rgba(117,87,255,.35);border-radius:50%;right:-270px;top:80px}.login-visual h1{font-size:54px;line-height:1.13;position:relative;z-index:1}.login-visual h1 em{color:#9e8cff;font-style:normal}.quote{max-width:420px;color:#b7c0d1}.login-card{display:grid;place-items:center;padding:40px}.login-inner{width:min(430px,100%);background:#fff;padding:48px;border-radius:24px;box-shadow:var(--shadow)}.login-inner h2{font-size:30px;margin:24px 0 8px}.login-inner>p{color:var(--muted);line-height:1.5}.big{width:52px;height:52px}.google{background:#fff;border:1px solid var(--line);margin:20px 0}.gmark{font-weight:900;color:#4285f4}.divider{display:flex;align-items:center;gap:10px;color:#9aa1b0;margin:18px 0;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}details summary{cursor:pointer;color:var(--muted);text-align:center;margin-bottom:16px}.terms{font-size:11px;text-align:center;margin-top:25px}
.install-body{background:#131b2c;padding:45px}.install-shell{max-width:1180px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;min-height:calc(100vh - 90px);border-radius:28px;overflow:hidden;background:#fff}.install-intro{padding:55px;color:#fff;background:linear-gradient(155deg,#1c2840,#111827);display:flex;flex-direction:column}.install-intro h1{font-size:46px;margin-top:100px}.install-intro p,.install-intro li{color:#bac3d6;line-height:1.7}.install-intro ul{padding-left:20px}.install-card{padding:55px;overflow:auto}.install-card h2{font-size:34px}
.app-body{background:var(--soft)}.app-sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:25px 18px;background:var(--navy);color:#cbd3e3;display:flex;flex-direction:column;z-index:20}.app-sidebar>.brand{padding:0 8px;margin-bottom:32px}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:22px}.side-nav a{display:flex;gap:13px;padding:11px 13px;border-radius:10px;font-weight:600}.side-nav a.active,.side-nav a:hover{background:#222f47;color:#fff}.sidebar-spacer{flex:1}.profile-row{display:flex;align-items:center;gap:10px;border-top:1px solid #2b364b;padding:17px 2px 8px}.profile-row span:last-child{min-width:0}.profile-row b,.profile-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-row small{color:#8994aa;font-size:10px;margin-top:3px}.app-main{margin-left:250px;min-height:100vh}.app-topbar{height:96px;padding:22px 35px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.app-topbar h1{font-size:24px;margin:0}.content{padding:30px 35px 70px;max-width:1500px;margin:auto}.content.narrow{max-width:1100px}.welcome-strip{padding:30px 34px;border-radius:20px;background:linear-gradient(120deg,#efeaff,#f7f5ff 60%,#e8faf8);display:flex;align-items:center;justify-content:space-between}.welcome-strip h2{font-size:31px;margin:0}.trial-chip{background:#fff;border:1px solid #e0dcf5;border-radius:14px;padding:15px 18px;display:grid;grid-template-columns:auto auto;column-gap:30px;row-gap:3px;box-shadow:0 8px 20px rgba(73,55,130,.07)}.trial-chip span{font-size:11px;color:var(--muted)}.trial-chip b{grid-column:1}.trial-chip a{grid-column:2;grid-row:1/3;align-self:center;color:var(--violet);font-weight:700}.quick-create{display:grid;grid-template-columns:repeat(2,minmax(260px,380px));gap:14px;margin:24px 0 40px}.quick-create a{padding:19px;border-radius:15px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:46px 1fr;column-gap:13px}.quick-create a>span{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#eeeaff;color:var(--violet);font-size:21px}.quick-create small{color:var(--muted);margin-top:3px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-title h2{margin:0}.search-input{max-width:260px}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:18px}.map-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.2s}.map-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(33,34,70,.1)}.map-preview{height:190px;background:#121a2b;background-image:radial-gradient(#34425a 1px,transparent 1px);background-size:16px 16px;display:block;overflow:hidden}.map-preview>svg{width:100%;height:100%}.preview-placeholder{height:100%;position:relative}.preview-placeholder i{position:absolute;width:50px;height:22px;background:#56647a;border-radius:6px;left:calc(50% - 25px);top:calc(50% - 11px)}.preview-placeholder i:nth-child(2){left:18%;top:27%}.preview-placeholder i:nth-child(3){left:73%;top:27%}.preview-placeholder i:nth-child(4){left:70%;top:68%}.map-meta{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.map-meta a{min-width:0}.map-meta b,.map-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-meta small{font-size:11px;color:var(--muted);margin-top:5px}.empty-state{grid-column:1/-1;text-align:center;padding:70px 30px;border:1px dashed #ccd1de;border-radius:16px;color:var(--muted)}.empty-state>span{font-size:35px;color:var(--violet)}.empty-state h3{color:var(--ink);margin-top:13px}.template-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.template-hero h2{font-size:32px;margin:0 0 7px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-grid>a{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;transition:.2s}.template-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.template-art{height:190px;background:#111a2b;border-radius:12px;position:relative;overflow:hidden;margin-bottom:15px}.template-art span{position:absolute;width:76px;height:30px;background:#7557ff;border-radius:9px;left:calc(50% - 38px);top:calc(50% - 15px)}.template-art span:nth-child(2){left:15%;top:25%;background:#243452}.template-art span:nth-child(3){left:70%;top:22%;background:#1fa6a8}.template-art span:nth-child(4){left:68%;top:67%;background:#f2715b}.template-art:before,.template-art:after{content:'';position:absolute;height:2px;width:100px;background:#7557ff;left:27%;top:39%;transform:rotate(-23deg)}.template-art:after{left:50%;top:62%;transform:rotate(26deg)}.template-grid h3{margin:5px 0}.template-grid>a>p:last-child{color:var(--muted);font-size:13px}.current-plan{display:flex;justify-content:space-between;align-items:center;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:30px}.current-plan h2{font-size:30px;margin:0 0 8px}.billing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.billing-grid article{background:#fff;border:1px solid var(--line);padding:28px;border-radius:18px}.billing-grid article>p,.billing-grid li{color:var(--muted)}.settings-card{display:flex;align-items:center;gap:20px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:18px}.settings-card h2{margin:0 0 5px}.settings-card p{color:var(--muted)}.large-avatar{width:70px;height:70px;font-size:23px}.settings-card.block{display:block}.dialog{width:min(520px,calc(100% - 30px));border:0;border-radius:20px;padding:0;box-shadow:0 30px 100px rgba(16,20,40,.3)}.dialog::backdrop{background:rgba(13,19,33,.65);backdrop-filter:blur(3px)}.dialog>form{padding:30px;position:relative;display:flex;flex-direction:column;gap:15px}.dialog-close{position:absolute;right:18px;top:16px;border:0;background:#f1f3f7;border-radius:50%;width:32px;height:32px;cursor:pointer}.payment-instructions{padding:14px;background:#f6f4ff;border-radius:10px;color:#5d5772;font-size:13px}
.editor-body{overflow:hidden;background:#111827}.editor-shell{height:100vh;color:#dce4f2}.editor-topbar{position:fixed;z-index:20;inset:0 0 auto 0;height:64px;background:#111a2b;border-bottom:1px solid #29354b;display:flex;align-items:center;padding:0 16px;gap:15px}.home-btn{font-size:20px}.editor-brand{display:flex;align-items:center;gap:10px;min-width:0}.small-mark{width:29px;height:29px;border-radius:9px;font-size:9px}.editor-brand span{color:#9da8bc;font-weight:600}.editor-brand i{color:#49566c}.editor-brand input{width:250px;background:transparent;border:0;padding:7px;color:#fff;font-weight:700}.save-state{display:flex;gap:6px;align-items:center;color:#7f8ba1;font-size:11px;margin-left:auto}.save-state i{width:7px;height:7px;border-radius:50%;background:#2ab68d}.save-state.saving i{background:#efad3d}.save-state.error i{background:#f2715b}.editor-actions{display:flex;align-items:center;gap:8px;margin-left:12px}.editor-body .btn.ghost{background:#1d293e;border-color:#33415a;color:#eef2fa}.access-banner{position:fixed;z-index:30;top:64px;left:0;right:0;text-align:center;background:#fff1d6;color:#8a5d00;padding:8px}.access-banner a{text-decoration:underline;font-weight:800}.tool-rail{position:fixed;z-index:15;top:86px;left:18px;width:50px;padding:7px;background:#1c283c;border:1px solid #30405a;border-radius:15px;display:flex;flex-direction:column;gap:4px;box-shadow:0 16px 40px rgba(0,0,0,.25)}.tool-rail button{width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#cbd5e5;font-size:18px;cursor:pointer}.tool-rail button:hover,.tool-rail button.active{background:var(--violet);color:#fff}.tool-rail span{height:1px;background:#334158;margin:5px 2px}.canvas-wrap{position:fixed;inset:64px 0 0 0;background:#101827}.mind-canvas{width:100%;height:100%;display:block;user-select:none}.canvas-bg{fill:#111a29}.canvas-dot{fill:#2a374b}.canvas-edge{fill:none;stroke-width:3.5;stroke-linecap:round}.node-group{cursor:grab}.node-group:active{cursor:grabbing}.node-rect{stroke-width:2;filter:url(#nodeShadow)}.node-label{fill:#fff;font:600 15px 'DM Sans';text-anchor:middle;pointer-events:none}.node-group.selected .node-rect{stroke:#fff!important;stroke-width:3}.node-add{opacity:0;cursor:pointer}.node-group:hover .node-add,.node-group.selected .node-add{opacity:1}.canvas-hint{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);padding:8px 13px;border-radius:9px;background:rgba(24,34,52,.85);color:#7f8ba1;font-size:11px}.inspector{position:fixed;z-index:14;top:80px;right:18px;width:275px;padding:20px;background:#1b2639;border:1px solid #30405a;border-radius:16px;color:#dce4f2;box-shadow:0 18px 50px rgba(0,0,0,.3);display:none;flex-direction:column;gap:18px}.inspector.open{display:flex}.inspector-head{display:flex;justify-content:space-between}.inspector label{color:#aeb8ca}.inspector input,.inspector select,.inspector textarea{background:#111a2b;border-color:#35435b;color:#fff}.color-row{display:flex;gap:8px;align-items:center}.color-row button{width:28px;height:28px;border-radius:50%;border:3px solid #fff;background:var(--sw);cursor:pointer}.color-row input{width:32px;height:32px;padding:2px;border-radius:50%}.floating-bar{position:fixed;z-index:12;bottom:18px;right:20px;background:#1c283c;border:1px solid #30405a;border-radius:13px;padding:6px;display:flex;align-items:center;box-shadow:0 12px 30px rgba(0,0,0,.24)}.floating-bar button{border:0;background:transparent;color:#d8e1f0;width:35px;height:34px;border-radius:8px;cursor:pointer}.floating-bar button:hover{background:#2a3850}.floating-bar span{width:1px;height:23px;background:#3b4960;margin:0 4px}.floating-bar b{min-width:52px;text-align:center;font-size:12px}.share-toggle{padding:15px;background:#f4f5f8;border-radius:10px}.copy-field{display:flex;gap:8px}.copy-field input{font-size:12px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.export-grid button{border:1px solid var(--line);border-radius:12px;padding:18px 10px;background:#fff;cursor:pointer}.export-grid b,.export-grid span{display:block}.export-grid span{font-size:11px;color:var(--muted);margin-top:4px}.shared-body{overflow:hidden}.shared-header{height:68px;display:flex;align-items:center;gap:24px;padding:0 22px;border-bottom:1px solid var(--line)}.shared-header>div{display:flex;flex-direction:column}.shared-header small{color:var(--muted)}.shared-header .btn{margin-left:auto}.shared-canvas{position:fixed;inset:68px 0 0}.shared-canvas .canvas-bg{fill:#111a29}
.admin-body{background:#f4f6fa}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#111a2b;color:#cbd3e3;padding:24px 18px;display:flex;flex-direction:column}.admin-sidebar .brand{padding:0 7px;margin-bottom:35px}.admin-sidebar .brand em{font:700 8px 'DM Sans';letter-spacing:.1em;background:#7557ff;padding:4px 6px;border-radius:5px}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}.admin-sidebar nav a{padding:11px 13px;border-radius:10px;font-weight:600}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#243149;color:#fff}.admin-profile{border-top:1px solid #2b374c;padding-top:16px;display:flex;gap:10px;align-items:center}.admin-profile b,.admin-profile small{display:block}.admin-profile small{font-size:10px;color:#8490a7}.admin-main{margin-left:260px}.admin-top{height:96px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.admin-top h1{margin:0}.system-online{font-size:12px;color:#16805c;background:#e9f8f2;padding:8px 11px;border-radius:999px}.admin-content{padding:30px 35px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.metric-grid article,.panel{background:#fff;border:1px solid var(--line);border-radius:17px}.metric-grid article{padding:22px}.metric-grid article>span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}.metric-grid b{display:block;font:800 33px 'Manrope';margin:10px 0 2px}.metric-grid small{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel{padding:24px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h2{margin:0}.wide-panel{min-width:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase}td small{display:block;color:var(--muted);margin-top:3px}.health-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0}.health-row b{color:#16805c}.inline-form,.decision-form{display:flex;gap:6px;align-items:center}.inline-form select{width:110px;padding:8px}.decision-form input{min-width:100px}.count-pill{padding:7px 10px;background:#fff3db;color:#9b6511;border-radius:999px;font-size:11px;font-weight:700}.settings-panel{max-width:900px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.check-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.check-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-weight:800}.check-icon.ok{background:#e5f8f0;color:#16805c}.check-icon.warn{background:#fff0df;color:#a76015}code{background:#f0f2f7;padding:5px 7px;border-radius:6px}
.simple-page{min-height:100vh;display:grid;place-items:center;align-content:center;gap:20px}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{max-width:720px}.feature-grid{grid-template-columns:repeat(2,1fr)}.map-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.install-shell{grid-template-columns:1fr}.install-intro{display:none}}
@media(max-width:760px){.public-nav{padding:18px}.public-nav nav a:not(.btn){display:none}.hero{padding:35px 20px 60px}.hero-copy h1{font-size:45px}.hero-board{height:400px}.trust-row{flex-wrap:wrap}.feature-grid,.pricing-grid,.billing-grid{grid-template-columns:1fr}.section>h2,.pricing-section>h2{font-size:34px}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-card{padding:18px}.app-sidebar,.admin-sidebar{width:70px;padding:18px 10px}.app-sidebar .brand strong,.app-sidebar .btn.wide,.side-nav span,.profile-row span:last-child,.app-sidebar .link-btn,.admin-sidebar .brand strong,.admin-sidebar .brand em,.admin-sidebar nav a{font-size:0}.admin-sidebar nav a:first-letter{font-size:20px}.app-main,.admin-main{margin-left:70px}.app-topbar,.admin-top{padding:17px;height:82px}.content,.admin-content{padding:20px 15px}.welcome-strip{align-items:flex-start;gap:20px;flex-direction:column}.trial-chip{width:100%}.quick-create{grid-template-columns:1fr}.map-grid,.template-grid{grid-template-columns:1fr}.template-hero{align-items:flex-start;gap:15px;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.form-grid,.settings-form{grid-template-columns:1fr}.form-grid .full,.full{grid-column:auto}.editor-brand span,.editor-brand i{display:none}.editor-brand input{width:140px}.editor-actions .btn.ghost{display:none}.save-state{display:none}.inspector{right:8px;top:75px;width:min(275px,calc(100% - 86px))}.tool-rail{left:8px}.canvas-hint{display:none}.floating-bar{right:10px}.install-body{padding:0}.install-card{padding:28px}.public-footer{padding:25px 20px}.shared-header .brand strong{display:none}}

/* Email authentication hotfix v1.2.0 */
.auth-card{width:min(500px,100%);padding:38px}.auth-card h2{margin-top:18px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--tint-2,#f0eef8);padding:4px;border-radius:12px;margin:20px 0}.auth-tabs a{text-align:center;padding:10px;border-radius:9px;font-weight:700;color:var(--txt-3,var(--muted))}.auth-tabs a.active{background:var(--card-bg,#fff);color:var(--txt,var(--ink));box-shadow:0 3px 12px rgba(20,20,40,.1)}.resend-box{margin-top:18px;padding-top:4px}.resend-box form{margin-top:15px}.status-badge.pending{background:rgba(251,191,36,.14);color:var(--warn,#9b6511)}
.confirmation-card{display:flex;flex-direction:column;gap:12px}.confirmation-card h2{margin:0}.confirmation-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,#16b8d4,#7557ff);color:#fff;font-size:28px;font-weight:800}.persistent-message{margin:2px 0 8px;line-height:1.55}.confirmation-card>.btn{margin-top:0}
.mail-test-panel{margin-top:20px}.mail-test-panel .inline-form{margin-top:18px}.mail-test-panel .inline-form input{max-width:420px}
.create-map-dialog{width:min(590px,calc(100% - 28px));background:var(--card-bg,#fff);color:var(--txt,var(--ink));border:1px solid var(--line);border-radius:24px}.create-map-dialog>form{gap:19px;padding:34px}.create-dialog-heading{display:flex;gap:16px;align-items:flex-start}.create-dialog-heading h2{margin:0 0 7px;font-size:28px}.create-dialog-heading p:last-child{margin:0;color:var(--txt-3,var(--muted));line-height:1.45}.create-dialog-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#16b8d4,#7557ff);color:#fff;font-size:23px;box-shadow:0 10px 24px rgba(117,87,255,.25)}.create-dialog-note{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--tint-2,#f6f4ff)}.create-dialog-note>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--card-bg,#fff);color:var(--violet);font-size:18px}.create-dialog-note b,.create-dialog-note small{display:block}.create-dialog-note small{margin-top:4px;color:var(--txt-3,var(--muted));font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:2px}.create-dialog-background{min-height:180px;opacity:.75}.create-map-dialog::backdrop{background:rgba(8,12,24,.66);backdrop-filter:blur(5px)}
.editor-text-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100% - 28px));max-height:calc(100vh - 40px);padding:0;background:var(--surface,#111a2b);color:var(--txt,#f4f7ff);border:1px solid var(--line,#30405a);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.48);overflow:hidden}.editor-text-dialog::backdrop{background:rgba(3,7,16,.72);backdrop-filter:blur(7px)}.editor-text-dialog>form{padding:30px;gap:20px;background:var(--surface,#111a2b)}.editor-dialog-heading{display:flex;align-items:flex-start;gap:15px}.editor-dialog-heading h2{margin:0 0 6px;font-size:27px}.editor-dialog-heading p:last-child{margin:0;color:var(--txt-3,#8d9ab1)}.editor-dialog-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#16b8d4,#7557ff);color:#fff;font:800 20px 'Manrope',sans-serif;box-shadow:0 10px 24px rgba(117,87,255,.28)}.editor-text-dialog label{color:var(--txt-2,#cbd5e5)}.editor-text-dialog textarea{min-height:118px;background:var(--field-bg,#0b1220);color:var(--txt,#fff);border-color:var(--line,#35435b);font-size:17px;line-height:1.45;resize:vertical}.editor-text-dialog textarea.field-error{border-color:var(--bad,#fb7185);box-shadow:0 0 0 3px rgba(251,113,133,.16)}.editor-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.editor-dialog-footer>small{color:var(--txt-3,#8d9ab1)}.editor-dialog-footer>div{display:flex;gap:9px}:root[data-theme="light"] .editor-text-dialog,:root[data-theme="light"] .editor-text-dialog>form{background:#fff}:root[data-theme="light"] .editor-text-dialog textarea{background:#f7f9fc;color:#111827}
@media(max-width:600px){.editor-text-dialog>form{padding:23px}.editor-dialog-heading h2{font-size:23px}.editor-dialog-footer{align-items:stretch;flex-direction:column}.editor-dialog-footer>div{display:grid;grid-template-columns:1fr 1fr}}

/* =====================================================================
   MINDWEAVE THEME SYSTEM v1.1
   Adapted from the supplied dark-tech public/admin design language.
   Only color and surface tokens change between modes; layout is shared.
   ===================================================================== */
:root{
  --bg:#05070f;--bg-2:#080c18;--surface:#0c1222;--surface-2:#101830;--surface-3:#16203a;
  --txt:#e8eefc;--txt-2:#9fb0d4;--txt-3:#6b7c9f;
  --cy:#22d3ee;--vi:#8b5cf6;--pk:#f472b6;--ok:#34d399;--warn:#fbbf24;--bad:#fb7185;--sky:#38bdf8;
  --grad:linear-gradient(120deg,var(--cy),var(--vi));--field-bg:#060a15;
  --glass:rgba(5,7,15,.78);--card-bg:linear-gradient(170deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  --tint-1:rgba(255,255,255,.022);--tint-2:rgba(255,255,255,.04);--tint-3:rgba(255,255,255,.07);
  --ink:var(--txt);--muted:var(--txt-2);--line:rgba(255,255,255,.09);--soft:var(--bg);--paper:var(--surface);
  --violet:var(--vi);--violet-dark:#7c3aed;--teal:var(--cy);--coral:var(--pk);--gold:var(--warn);
  --navy:var(--bg);--navy2:var(--surface-2);--shadow:0 22px 60px rgba(0,0,0,.32);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#f2f5fa;--bg-2:#eef2f8;--surface:#fff;--surface-2:#fff;--surface-3:#eef2f9;
  --txt:#0f1729;--txt-2:#48587a;--txt-3:#6f7f9c;
  --cy:#0891b2;--vi:#7c3aed;--pk:#db2777;--ok:#059669;--warn:#b45309;--bad:#dc2626;--sky:#0284c7;
  --grad:linear-gradient(120deg,#06b6d4,#7c3aed);--field-bg:#fff;--glass:rgba(255,255,255,.86);--card-bg:#fff;
  --tint-1:rgba(15,23,42,.022);--tint-2:rgba(15,23,42,.04);--tint-3:rgba(15,23,42,.07);
  --line:rgba(15,23,42,.11);--soft:var(--bg);--paper:#fff;--violet-dark:#6d28d9;--navy:#fff;--navy2:#eef2f9;
  --shadow:0 1px 2px rgba(15,23,42,.05),0 18px 46px -24px rgba(15,23,42,.38);
  color-scheme:light;
}
*{scrollbar-color:var(--surface-3) var(--bg)}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand{font-family:inherit;letter-spacing:-.025em}p{color:var(--txt-2)}
input,select,textarea{background:var(--field-bg);color:var(--txt);border-color:var(--line)}
input::placeholder,textarea::placeholder{color:var(--txt-3)}
input:focus,select:focus,textarea:focus{border-color:var(--cy);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.brand-mark,.btn.primary{background:var(--grad);color:#fff}.brand-mark{box-shadow:0 10px 28px -12px rgba(34,211,238,.9)}
.brand-light{color:var(--txt)}.link-btn{color:var(--txt-3)}
.btn{border-radius:10px}.btn.primary{box-shadow:0 15px 36px -18px rgba(34,211,238,.9)}.btn.primary:hover{background:var(--grad);filter:brightness(1.08)}
.btn.ghost,.google{background:var(--tint-1);color:var(--txt);border-color:var(--line)}
.btn.dark{background:var(--txt);color:var(--bg)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:6px 12px;border:1px solid rgba(34,211,238,.27);border-radius:999px;background:rgba(34,211,238,.06);color:var(--cy);letter-spacing:.15em}
.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cy);box-shadow:0 0 10px var(--cy)}
.theme-toggle{height:38px;padding:0 13px;gap:8px;border-radius:10px;border:1px solid var(--line);background:var(--tint-1);color:var(--txt-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;font-size:13px;font-weight:600;white-space:nowrap}
.theme-toggle:hover{color:var(--cy);border-color:var(--cy);background:rgba(34,211,238,.08)}.theme-icon{font-size:17px;line-height:1}.login-theme,.install-theme{position:fixed;right:22px;top:20px;z-index:100}.editor-theme{width:38px;padding:0}.admin-top-actions{display:flex;align-items:center;gap:10px}

/* Public site */
.public-body{background:var(--bg);background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(850px 560px at 10% 0%,rgba(34,211,238,.15),transparent 62%),radial-gradient(850px 560px at 92% 4%,rgba(139,92,246,.16),transparent 62%);background-size:72px 72px,72px 72px,auto,auto}
:root[data-theme="light"] .public-body{background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px),radial-gradient(850px 560px at 10% 0%,rgba(6,182,212,.14),transparent 62%),radial-gradient(850px 560px at 92% 4%,rgba(124,58,237,.13),transparent 62%)}
.public-nav{position:sticky;top:0;z-index:80;max-width:none;padding:0 max(34px,calc((100% - 1280px)/2));height:76px;background:var(--glass);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.public-nav nav{color:var(--txt-2)}.public-nav nav>a:not(.btn):hover{color:var(--cy)}
.hero-copy h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p,.trust-row{color:var(--txt-2)}
.hero-board{border-color:var(--line);box-shadow:0 34px 80px -28px rgba(34,211,238,.35)}
.section{max-width:1240px}.feature-grid article,.price-card{background:var(--card-bg);border-color:var(--line);box-shadow:none}.feature-grid article{position:relative;overflow:hidden}.feature-grid article:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.34)}
.feature-grid article>span{background:rgba(34,211,238,.1);color:var(--cy);border:1px solid rgba(34,211,238,.22)}.feature-grid p,.price-card>p,.price-card li{color:var(--txt-2)}
.pricing-section{background:var(--bg-2);border-top:1px solid var(--line)}.pricing-section,.pricing-section h2{color:var(--txt)}
.public-footer{background:var(--bg);border-top:1px solid var(--line);color:var(--txt-2)}

/* Login and installer */
.login-body,.install-body{background:var(--bg);background-image:radial-gradient(760px 520px at 12% -5%,rgba(34,211,238,.14),transparent 62%),radial-gradient(760px 520px at 90% 5%,rgba(139,92,246,.14),transparent 62%)}
.login-visual,.install-intro{background:linear-gradient(150deg,var(--surface),var(--bg));color:var(--txt);border-right:1px solid var(--line)}
.login-visual:after{border-color:rgba(34,211,238,.11)}.login-visual h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-card,.install-card{background:var(--bg)}.login-inner{background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--shadow)}.login-inner>p,.terms,.quote{color:var(--txt-2)}
.install-shell{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.install-card{background:var(--surface)}

/* Client application */
.app-body{background:var(--bg)}.app-sidebar{background:var(--surface);border-right:1px solid var(--line);color:var(--txt-2)}
.side-nav a.active,.side-nav a:hover{background:linear-gradient(90deg,rgba(34,211,238,.17),rgba(139,92,246,.10));color:var(--txt)}.side-nav a.active:before{content:'';width:3px;align-self:stretch;border-radius:3px;background:var(--grad)}
.profile-row{border-color:var(--line)}.profile-row small{color:var(--txt-3)}
.app-topbar{height:76px;padding:0 30px;background:var(--glass);backdrop-filter:blur(14px);border-color:var(--line);color:var(--txt)}.app-topbar h1{font-size:22px}
.content{padding-top:28px}.welcome-strip{background:linear-gradient(125deg,rgba(34,211,238,.10),rgba(139,92,246,.12));border:1px solid rgba(34,211,238,.20)}
.trial-chip,.quick-create a,.map-card,.template-grid>a,.current-plan,.billing-grid article,.settings-card{background:var(--card-bg);border-color:var(--line);box-shadow:none}
.quick-create a:hover,.map-card:hover,.template-grid>a:hover,.billing-grid article:hover{border-color:rgba(34,211,238,.36);box-shadow:0 18px 44px -28px rgba(34,211,238,.7)}
.trial-chip{box-shadow:var(--shadow)}.quick-create a>span{background:rgba(34,211,238,.11);border:1px solid rgba(34,211,238,.22);color:var(--cy)}
.map-meta small,.quick-create small,.template-grid>a>p:last-child,.settings-card p{color:var(--txt-3)}.map-preview,.template-art{background-color:#070b16}
.dialog{background:var(--surface);color:var(--txt);border:1px solid var(--line)}.dialog::backdrop{background:rgba(3,6,14,.76)}.dialog-close{background:var(--tint-3);color:var(--txt)}.payment-instructions,.share-toggle{background:var(--tint-2);color:var(--txt-2)}

/* Mind-map editor */
.editor-body{background:var(--bg)}.editor-topbar{background:var(--glass);backdrop-filter:blur(14px);border-color:var(--line);color:var(--txt)}
.editor-brand span{color:var(--txt-2)}.editor-brand i{color:var(--txt-3)}.editor-brand input{color:var(--txt)}.editor-body .btn.ghost{background:var(--tint-2);border-color:var(--line);color:var(--txt)}
.tool-rail,.inspector,.floating-bar{background:var(--surface);border-color:var(--line);color:var(--txt);box-shadow:var(--shadow)}
.tool-rail button,.floating-bar button{color:var(--txt-2)}.tool-rail button:hover,.tool-rail button.active{background:var(--grad);color:#fff}.tool-rail span,.floating-bar span{background:var(--line)}
.canvas-wrap,.shared-canvas{background:var(--bg-2)}.canvas-bg{fill:#070b16}.canvas-dot{fill:#1c2941}.inspector input,.inspector select,.inspector textarea{background:var(--field-bg);border-color:var(--line);color:var(--txt)}.inspector label{color:var(--txt-2)}
.canvas-hint{background:var(--glass);color:var(--txt-3);border:1px solid var(--line)}
:root[data-theme="light"] .canvas-bg{fill:#f7f9fc}:root[data-theme="light"] .canvas-dot{fill:#d4ddea}:root[data-theme="light"] .canvas-hint{background:rgba(255,255,255,.9)}

/* Super Admin */
.admin-body{background:var(--bg)}.admin-sidebar{background:var(--surface);border-right:1px solid var(--line);color:var(--txt-2)}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:linear-gradient(90deg,rgba(34,211,238,.17),rgba(139,92,246,.10));color:var(--txt)}
.admin-top{height:76px;background:var(--glass);backdrop-filter:blur(14px);border-color:var(--line);color:var(--txt)}
.admin-content{padding-top:28px}.metric-grid article,.panel{background:var(--card-bg);border-color:var(--line);box-shadow:none}.metric-grid article:hover,.panel:hover{border-color:rgba(34,211,238,.28)}
.metric-grid article>span,th,td small{color:var(--txt-3)}th,td{border-color:var(--line)}tbody tr:hover{background:var(--tint-1)}
.system-online{background:rgba(52,211,153,.13);color:var(--ok);border:1px solid rgba(52,211,153,.22)}.health-row{border-color:var(--line)}.health-row b{color:var(--ok)}
code{background:var(--tint-3);color:var(--cy)}
.status-badge.active,.status-badge.trial{background:rgba(52,211,153,.14);color:var(--ok)}.status-badge.suspended,.status-badge.expired{background:rgba(251,191,36,.14);color:var(--warn)}.status-badge.deleted,.status-badge.cancelled{background:rgba(251,113,133,.14);color:var(--bad)}
.check-icon.ok{background:rgba(52,211,153,.14);color:var(--ok)}.check-icon.warn{background:rgba(251,191,36,.14);color:var(--warn)}
.shared-header{background:var(--surface);border-color:var(--line);color:var(--txt)}.shared-header small{color:var(--txt-3)}

@media(max-width:760px){.theme-label{display:none}.theme-toggle{width:38px;padding:0}.public-nav nav{gap:8px}.public-nav nav .theme-toggle{display:inline-flex}.admin-top-actions .system-online{display:none}}
