@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0e19;--surface:#131827;--surface2:#1a2030;--edge:#2a3042;--text:#f5f6ff;--muted:#9298b0;--purple:#8b76ff;--purple2:#6250e8;--green:#55e6aa;--danger:#ff9fa4;--font:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;--head:'Space Grotesk',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{color:var(--text);background:#111727;border:1px solid #30374c;border-radius:11px;padding:13px 14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#8b76ff;box-shadow:0 0 0 3px #8b76ff22}textarea{resize:vertical}input[type=color]{height:49px;padding:5px;max-width:105px;cursor:pointer}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--purple)}input[type=file]{padding:6px;border:0;background:transparent}label{display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--head);letter-spacing:-.035em}p{color:var(--muted)}small{font-size:12px}.muted{color:var(--muted)}.subtle{font-size:13px;color:#ada3ef;margin-top:20px;display:inline-block}.eyebrow{font:700 11px var(--head);letter-spacing:.15em;color:#ab9afa}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(125deg,#a08bff,#6c59ec);color:white;box-shadow:0 8px 28px #6551ff27}.btn.big{padding:15px 22px}.btn.secondary{background:#242a40;color:#e2e4ff;border-color:#343b57}.btn.btn-border{background:transparent;border-color:#464b63;color:#e9e8ff}.btn.btn-glass{background:#ffffff10;color:#fff;border-color:#ffffff2f}.btn.white-btn{background:#fff;color:#221d55}.brand{display:inline-flex;align-items:center;gap:11px;font:800 17px var(--head);letter-spacing:-.06em}.brand-dot{color:#a997ff}.brand-emblem{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#9c8aff,#5141c7);color:#fff;box-shadow:0 6px 28px #927eff46;font:800 22px var(--head);letter-spacing:-.1em;padding-right:2px}.brand small{display:block;letter-spacing:.19em;color:#777d98;font:700 9px var(--head);margin-top:0}.mark{font:bold 32px var(--head);color:#fff;letter-spacing:-.08em}.mark span{font-size:15px;color:#a994ff;margin-left:2px}
.alert{padding:13px 17px;border-radius:12px;margin-bottom:20px;font-size:13px;font-weight:650;border:1px solid #72e4ad50;background:#55e6aa10;color:#89f0bf}.alert.bad{border-color:#f0909060;background:#f8616218;color:#ffb4b4}
/* Public home */
.landing{overflow-x:hidden;background:#0b0c18}.landing-nav{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:0 34px;position:relative;z-index:3}.landing-actions{display:flex;align-items:center;gap:27px}.live-badge,.workspace-indicator{font-size:10px;font-weight:800;letter-spacing:.1em;color:#9da3bd;white-space:nowrap}.live-badge i,.workspace-indicator i{display:inline-block;width:7px;height:7px;background:#47df9a;border-radius:50%;margin-right:8px;box-shadow:0 0 14px #43e6a3}.landing-main{text-align:center;max-width:1100px;margin:0 auto;position:relative;padding:83px 25px 0}.hero-gradient{position:absolute;z-index:0;pointer-events:none;inset:-100px -50vw auto;height:750px;background:radial-gradient(ellipse 38% 55% at 51% 35%,#41309c70,transparent 80%),radial-gradient(ellipse 18% 40% at 24% 50%,#2449a52c,transparent 85%)}.landing-main>*:not(.hero-gradient){position:relative;z-index:1}.hero-label{border:1px solid #65579966;padding:9px 15px;border-radius:40px;display:inline-block;background:#8b6cff11;color:#b7a8ff}.hero-label span{margin-left:15px}.landing-main h1{font-size:clamp(55px,8.8vw,110px);line-height:1.02;font-weight:700;letter-spacing:-.085em;margin:28px auto 23px}.landing-main h1 span{background:linear-gradient(105deg,#e0d9ff,#8e7dff 45%,#b9a6fe);background-clip:text;-webkit-background-clip:text;color:transparent}.landing-main>p{max-width:620px;font-size:16px;line-height:1.8;margin:0 auto 26px}.hero-actions{display:flex;justify-content:center;gap:12px}.dashboard-mock{margin:90px auto 0;width:88%;height:375px;background:#111626;border:1px solid #55547d77;border-radius:22px 22px 0 0;box-shadow:0 -10px 80px #7461ff2e;overflow:hidden;transform:perspective(1400px) rotateX(5deg);transform-origin:center bottom;text-align:left}.mock-header{height:43px;display:flex;align-items:center;padding:0 20px;gap:6px;border-bottom:1px solid #ffffff0c;background:#1b1f31}.mock-dot{width:8px;height:8px;border-radius:50%;background:#ec8d95}.mock-dot:nth-child(2){background:#f2cf8b}.mock-dot:nth-child(3){background:#73d8b0}.mock-header span{margin:auto;font-size:9px;letter-spacing:.25em;color:#8988aa}.mock-body{display:flex;height:calc(100% - 43px)}.mock-side{width:170px;border-right:1px solid #ffffff10;padding:28px 25px}.mock-logo{font:bold 28px var(--head);color:#a58fff;margin-bottom:45px}.mock-line{height:8px;border-radius:15px;background:#2d324c;margin-bottom:20px;width:77%}.mock-line.wide{width:100%;background:#7161d8}.mock-content{flex:1;padding:32px 40px}.mock-content h3{font-size:25px;margin:5px 0 24px}.mock-stats{display:flex;gap:12px}.mock-stats div{flex:1;background:#1c2237;padding:18px;border-radius:12px;display:flex;flex-direction:column}.mock-stats small{font-size:9px;color:#8c91aa;letter-spacing:.14em}.mock-stats strong{font:800 34px var(--head);margin:9px 0}.mock-stats span{font-size:9px;color:#6de5aa}.mock-bars{display:flex;align-items:end;height:80px;gap:9px;margin-top:24px}.mock-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#a48fff,#4436b1);opacity:.7}.landing-features{padding:116px 30px;max-width:1150px;margin:auto}.landing-features h2{font-size:clamp(32px,5vw,60px);line-height:1.15;margin:10px 0 45px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid>div{border:1px solid #32364b;border-radius:19px;background:#151a2b;padding:29px}.feature-grid span{font-size:28px;color:#ab9aff}.feature-grid h3{font-size:18px;margin:19px 0 10px}.feature-grid p{font-size:13px;line-height:1.7;margin:0}.landing-footer{border-top:1px solid #282e45;max-width:1150px;margin:auto;display:flex;justify-content:space-between;padding:25px 0 40px;color:#8589a3;font-size:12px}
/* Install/Login */
.install-screen,.login-screen{min-height:100vh;background:#090d18;display:grid;place-items:center;padding:30px;position:relative;overflow-x:hidden}.install-screen:before,.login-screen:before{content:'';pointer-events:none;position:fixed;inset:0;background:radial-gradient(circle at 22% 44%,#3a2c7977,transparent 35%),radial-gradient(circle at 87% 90%,#182a5766,transparent 40%)}.install-grid{width:min(1120px,100%);position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.install-intro h1{font-size:clamp(49px,6vw,80px);line-height:1.03;letter-spacing:-.07em;margin:25px 0}.install-intro h1 em{font-style:normal;color:#ae9cff}.install-intro>p{max-width:445px;line-height:1.9;font-size:16px}.feature-tags{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px;max-width:470px}.feature-tags span{border:1px solid #4f4b7066;border-radius:30px;padding:8px 13px;font-size:12px;color:#d0cbea;background:#30285d33}.install-panel,.login-card{background:#171b2b;border:1px solid #343b56;border-radius:25px;box-shadow:0 25px 80px #0007;padding:39px}.install-panel h2{font-size:31px;margin:12px 0 6px}.install-panel>p{font-size:13px}.mini-pill{font-size:10px;letter-spacing:.12em;color:#bbaaff;border:1px solid #6553a0;background:#8a70ff20;border-radius:20px;display:inline-block;padding:6px 10px;font-weight:700}.stack{display:grid;gap:16px;margin-top:23px}.stack label{font-size:12px;font-weight:700;color:#d1d5e8}.stack label input{display:block;margin-top:8px}.footnote{font-size:11px!important;color:#8186a2;line-height:1.7;margin:19px 0 0}.login-card{max-width:430px;width:100%;position:relative;z-index:1;padding:38px}.login-card .brand{margin-bottom:16px}.login-orb{font-size:45px;color:#b5aaff;margin:9px 0}.login-card h1{font-size:35px;margin:8px 0}.login-card p{font-size:13px}
/* Admin */
.admin-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:0 0 252px;background:#0c101e;border-right:1px solid #2a3042;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;z-index:20}.sidebrand{padding:28px 23px 30px;border-bottom:1px solid #ffffff0b}.sidebrand .brand-emblem{width:38px;height:38px}.sidebar-scroll{overflow-y:auto;flex:1;padding:13px 13px 22px;scrollbar-color:#48425e transparent;scrollbar-width:thin}.nav-caption{color:#656d89;font-size:9px;font-weight:800;letter-spacing:.19em;margin:26px 13px 13px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:9px;color:#a1a8c0;font-size:12px;font-weight:700;transition:background .15s,color .15s;position:relative}.nav-item:hover{background:#1a1e31;color:#fff}.nav-item.active{background:#252043;color:#c2b6ff}.nav-item i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#a997ff}.nav-glyph{width:20px;text-align:center;color:#9285d2;font-size:19px;line-height:1}.sidebar-bottom{border-top:1px solid #242b40;padding:17px 15px 20px}.admin-profile{display:flex;gap:10px;align-items:center}.admin-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#7f70d844;color:#c3b5ff;font-weight:800}.admin-profile strong{display:block;font-size:11px}.admin-profile small{display:block;color:#7d849b;margin-top:3px}.dot-green{width:7px;height:7px;background:#70e3ad;border-radius:50%;margin-left:auto}.logout-button{margin-top:15px;border:0;background:transparent;color:#929ab3;font-size:11px;width:100%;text-align:left;padding:8px}.logout-button:hover{color:#fff}.admin-main{min-width:0;flex:1;background:#101422}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 35px;border-bottom:1px solid #242b3e;background:#121624}.breadcrumbs{display:flex;gap:11px;color:#666e8b;font-size:12px;align-items:center}.breadcrumbs strong{color:#d6daf3;font-weight:650}.top-actions{display:flex;align-items:center;gap:25px}.top-view{font-size:12px;font-weight:750;color:#c9c2ff}.content-area{padding:34px 36px 65px;max-width:1500px;min-height:calc(100vh - 117px);margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.page-heading h1{font-size:32px;margin:6px 0 6px}.page-heading p{font-size:13px;margin:0}.admin-footer{padding:16px 36px;display:flex;justify-content:space-between;border-top:1px solid #242b3e;color:#68738e;font-size:10px}.mobile-menu{display:none}
.welcome-panel{min-height:270px;border:1px solid #6658a7;border-radius:20px;background:radial-gradient(circle at 78% 80%,#4838a9,transparent 42%),linear-gradient(115deg,#342760,#191836);padding:36px 40px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.welcome-panel h2{font-size:39px;line-height:1.1;letter-spacing:-.06em;margin:12px 0}.welcome-panel h2 em{font-style:normal;color:#bdaeff}.welcome-panel p{font-size:13px;max-width:330px;margin-bottom:20px;color:#bbb8d3}.welcome-art{position:absolute;right:3%;top:0;width:310px;height:100%}.planet{position:absolute;right:25%;top:26%;height:135px;width:135px;border-radius:42px;display:grid;place-items:center;transform:rotate(-15deg);background:linear-gradient(140deg,#ab98ff,#6155c6);box-shadow:0 0 0 13px #ffffff05,0 0 70px #b5a3ff60;font:800 95px var(--head);letter-spacing:-.1em;text-shadow:0 3px 11px #4e3fb9}.planet span{font-size:23px;align-self:end;margin-left:-54px;margin-bottom:35px;color:#302276}.orb{position:absolute;display:grid;place-items:center;border:1px solid #ffffff35;background:#ffffff18;backdrop-filter:blur(15px);border-radius:50%;font-size:27px;color:#dfd6ff}.orbit-1{top:20px;left:17px;width:65px;height:65px}.orbit-2{bottom:14px;left:25px;width:47px;height:47px}.orbit-3{top:15px;right:8px;width:40px;height:40px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:23px 0 30px}.stat-card{background:#181d2e;border:1px solid #2b3248;border-radius:15px;padding:22px}.stat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-top span{font-size:10px;color:#8e94ad;font-weight:800;letter-spacing:.1em}.stat-top b{color:#b7a9ff;font-size:22px;font-weight:400}.stat-card>strong{font:800 30px var(--head);display:block}.stat-card>small{display:block;color:#7f89a1;margin-top:7px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 15px}.section-heading h2{font-size:20px;margin:0 0 4px}.section-heading h2 span{color:#a594ff}.section-heading p{font-size:12px;margin:0}.text-link{font-size:12px;color:#ad9fff;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-card{background:#1a1e31;border:1px solid #2d354d;border-radius:15px;padding:21px;position:relative;transition:background .15s,transform .15s}.quick-card:hover{background:#262844;transform:translateY(-3px)}.quick-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:26px;margin-bottom:15px}.quick-icon.purple{background:#8c74ff2e;color:#bcaaff}.quick-icon.blue{background:#46bcff1d;color:#75d9ff}.quick-icon.pink{background:#ed76ba1f;color:#ffb0d7}.quick-icon.green{background:#74f8af1d;color:#91edb4}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:14px}.quick-card small{color:#858da7;margin-top:5px}.quick-card i{position:absolute;right:20px;top:23px;font-style:normal;color:#9b92c2}.panel-table{border:1px solid #2d3449;border-radius:15px;background:#171c2c;overflow:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{font-size:10px;color:#858ca6;letter-spacing:.12em;padding:19px 22px;background:#1d2334}.data-table td{padding:17px 22px;border-top:1px solid #292f41;font-size:12px;color:#c7cbe0}.data-table tr:hover td{background:#ffffff03}.resource-title{display:flex;align-items:center;gap:12px}.resource-icon{width:38px;height:38px;border-radius:12px;background:#7365d51c;color:#b3a7ff;display:grid;place-items:center;font-size:21px}.resource-title strong,.resource-title small{display:block}.resource-title strong{color:#e8eafb}.resource-title small{font-size:11px;color:#777f9a;margin-top:3px}.tag{background:#7464d31a;color:#bdadff;border:1px solid #7968cc3a;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:800}.big-tag{font-size:11px;padding:7px 12px}.empty-cell{text-align:center!important;color:#8d94b0!important;padding:40px!important}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:15px}.toolbar-left{display:flex;align-items:center;gap:12px;font-size:12px}.url-cell{display:flex;align-items:center;gap:8px;max-width:300px}.url-cell a{color:#b0a2ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{border:0;background:#323047;color:#dfd8ff;border-radius:7px;padding:6px 9px}.table-actions{white-space:nowrap}.action-edit{color:#b3aaff;font-weight:800}.danger-link{border:0;background:none;color:#fb9da9;font-size:11px;font-weight:750}.inline-form{display:inline;margin-left:12px}.empty-state{text-align:center;padding:72px 20px;background:#171c2c;border:1px dashed #3e435c;border-radius:18px}.empty-symbol{font-size:58px;color:#ab9aff}.empty-state h2{font-size:27px;margin:10px 0 5px}.empty-state p{font-size:13px;margin-bottom:24px}.counter{border:1px solid #38405a;border-radius:7px;padding:5px 10px}
/* Editor/forms */
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.editor-main{min-width:0}.editor-panel{background:#181d2d;border:1px solid #2d344b;border-radius:15px;padding:26px;margin-bottom:18px}.panel-title{display:flex;align-items:center;gap:13px;margin-bottom:23px}.panel-title h2{font-size:18px;margin:0 0 4px}.panel-title p{font-size:12px;margin:0}.step-marker{width:36px;height:36px;border-radius:11px;background:#7262d12a;color:#b3a5ff;display:grid;place-items:center;font:bold 14px var(--head);flex:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-label{display:block;margin:0 0 18px;font-size:12px;font-weight:700;color:#d8daeb}.form-label>span{display:block;margin-bottom:8px}.form-label input,.form-label textarea,.form-label select{display:block;margin-bottom:4px;font-size:13px}.form-label small{font-weight:500;color:#838ba5;display:block;line-height:1.55;margin-top:6px}.url-preview{border:1px solid #39405b;background:#141a2b;border-radius:11px;padding:13px 14px;color:#a7a9c2;display:flex;gap:12px;align-items:center;overflow:auto}.url-preview>span:first-child{font-size:9px;letter-spacing:.1em;font-weight:800;color:#8b84c4}.url-preview>span:nth-child(2){font-size:13px;white-space:nowrap}.url-preview b{color:#b5a9ff}.check-line{display:flex;align-items:start;gap:11px;padding:9px 0;color:#e2e3ef;font-size:12px}.check-line input{margin:3px 0 0}.check-line b,.check-line small{display:block}.check-line small{color:#8b90a8;margin-top:4px;line-height:1.5}.editor-aside{position:sticky;top:18px}.aside-panel{padding:21px;border-radius:15px;background:#1b2032;border:1px solid #31384e}.preview-illustration{border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 60% 30%,#5646b9,#2a284b 65%,#20243b);height:165px;margin:17px 0}.preview-mini{background:#17152c;border:1px solid #ffffff35;border-radius:16px 16px 0 0;width:105px;height:130px;padding:17px 12px 0;box-shadow:0 15px 35px #111}.preview-circle{width:32px;height:32px;border-radius:50%;background:#8e7bfb;margin:auto}.preview-bar{height:5px;width:65%;background:#e7defb;margin:10px auto}.preview-pill{height:12px;background:#8d7cfa88;border-radius:5px;margin:7px 0}.aside-panel h3{font-size:17px;margin:8px 0}.aside-panel p{font-size:12px;line-height:1.7}.aside-url{font-size:11px;padding:12px;background:#101525;border-radius:9px;color:#bab0ff;overflow-wrap:anywhere;margin:13px 0}.copy-wide{width:100%;margin:5px 0}.aside-help{padding:20px;margin-top:17px;border:1px solid #303852;background:#151b2a;border-radius:15px}.aside-help h4{font-size:15px;margin:0 0 8px}.aside-help p{font-size:12px}.aside-help a{font-size:12px;font-weight:700;color:#aa9aff}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 21px;border:1px solid #444466;border-radius:13px;background:#26213e}.save-bar span{color:#aba3ca;font-size:11px}.themes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:23px}.theme-option{cursor:pointer;position:relative;font-size:11px;color:#adb2c8}.theme-option input{position:absolute;left:8px;top:8px;opacity:0}.theme-option>span:last-child{display:block;margin:6px 0 0;font-weight:750}.theme-thumbnail{height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px solid #42465c;border-radius:9px;transition:transform .18s,border-color .18s}.theme-thumbnail i{height:25px;width:25px;border-radius:50%;background:currentColor;opacity:.75}.theme-thumbnail b{height:8px;width:60%;border-radius:4px;border:1px solid currentColor;opacity:.6}.theme-thumbnail b:nth-last-child(1){width:45%}.theme-option input:checked~.theme-thumbnail{border-color:#b9adff;box-shadow:0 0 0 3px #9380ff3c;transform:translateY(-2px)}.block-builder{border:1px solid #384057;border-radius:13px;padding:15px;margin:17px 0 23px}.builder-head{margin-bottom:10px}.builder-head h3{font-size:15px;margin:0 0 5px}.builder-head p{font-size:11px}.builder-card{border:1px solid #3d4460;background:#141a2a;border-radius:10px;padding:13px;margin-bottom:10px}.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.block-head strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#aca0f1}.block-actions{display:flex;gap:7px}.block-actions button{border:1px solid #414b67;border-radius:7px;background:#252b41;color:#d6d6ed;padding:5px 9px;font-size:12px}.block-actions button:last-child{color:#ffb4bd}.block-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.block-fields input{font-size:12px}.block-fields input.full{grid-column:1/-1}.add-block-row{display:flex;flex-wrap:wrap;gap:8px}.add-block-row button{padding:8px 11px;color:#c9baff;border-radius:8px;border:1px solid #665c98;background:#8273e619;font-size:11px;font-weight:750}.panel-subtitle{font:700 15px var(--head);margin:25px 0 15px}.upload-zone{border:1px dashed #8174ad;background:#7970c40c;border-radius:15px;padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;gap:5px}.upload-zone span{font-size:35px;color:#b5a4ff}.upload-zone strong{font-size:13px}.upload-zone small{color:#898faa}.upload-zone input{max-width:300px;margin-top:10px}.note-panel{padding:16px 20px;background:#8273e30d;border:1px solid #786dc44d;border-radius:12px;margin:20px 0;color:#c5c0e8;font-size:12px;line-height:1.8}.note-panel strong{color:#baafff}.note-panel p{margin:5px 0 0;font-size:12px;line-height:1.7}.settings-width{max-width:720px}.qr-preview{margin-top:17px;text-align:center;background:#141a2d;border-radius:13px;padding:25px}.qr-preview img{max-width:220px;width:100%;background:white;padding:10px;border-radius:9px}.qr-preview p{font-size:11px;margin:10px 0}.code-display,.code-example{padding:15px;border:1px solid #353c52;border-radius:9px;background:#111728;color:#bfb5ff;overflow:auto;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.secret-code{word-break:break-all}.export-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
/* Analytics & tools */
.analytics-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.analytics-grid .editor-panel{min-width:0}.chart-bars{height:190px;display:flex;align-items:end;gap:8px;padding:20px 0 5px}.chart-day{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0}.chart-column{width:75%;min-height:5px;max-width:42px;background:linear-gradient(#ab98ff,#5b4bc9);border-radius:5px 5px 0 0;transition:filter .2s}.chart-column:hover{filter:brightness(1.4)}.chart-day small{font-size:8px;color:#8791a9;margin-top:9px;white-space:nowrap}.device-chart{height:160px;width:160px;border-radius:50%;margin:0 auto 20px;background:conic-gradient(#947fff var(--mobile),#3b435e 0);display:grid;place-items:center}.donut-hole{height:116px;width:116px;border-radius:50%;background:#181d2d;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-hole strong{font:800 28px var(--head)}.donut-hole small{color:#8f98b1}.legend-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #30384a;padding:9px 0;color:#adb1c8;font-size:11px}.legend-row b{color:#eee;font-size:11px}.leader-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #2e344a}.leader-row>b{color:#9c90ce;font:800 14px var(--head)}.leader-row>div{flex:1;min-width:0}.leader-row strong,.leader-row small{display:block;overflow:hidden;text-overflow:ellipsis}.leader-row strong{font-size:12px}.leader-row small{color:#8d94b0}.leader-row>span{font-size:11px;color:#ada2f7}.split-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-list-title{font-size:10px;font-weight:800;color:#9e94cc;letter-spacing:.1em;margin-bottom:10px}.tools-intro{background:linear-gradient(135deg,#382b66,#1b2540);padding:35px;border:1px solid #62559b;border-radius:15px;margin-bottom:20px}.tools-intro h2{margin:8px 0;font-size:34px}.tools-intro p{font-size:12px;margin:0}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card{border:1px solid #30374d;background:#1a2031;padding:25px;border-radius:15px}.tool-card>span{font-size:30px;color:#b39efb}.tool-card h3{font-size:18px;margin:8px 0}.tool-card p{font-size:12px;line-height:1.7}.tool-card label{font-size:12px;color:#d4d7e8;font-weight:700;margin-top:18px}.tool-card textarea,.tool-card select{margin-top:8px;font-size:12px}.tool-card>.btn{margin-top:12px}.generate-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.generate-actions .btn{font-size:11px}
/* Public shared bio */
.public-body{background:#0c1020;min-height:100vh}.gate-card{position:relative;width:min(450px,calc(100vw - 36px));margin:min(13vh,95px) auto;padding:40px 35px;border:1px solid #414562;border-radius:23px;background:linear-gradient(150deg,#1e2440,#171a2b);text-align:center;box-shadow:0 15px 70px #0005}.gate-card h1{font-size:29px;margin:17px 0 6px}.gate-card p{font-size:13px;line-height:1.7}.gate-card input{margin:13px 0}.gate-card .btn{margin-top:12px}.qr-image{width:100%;max-width:290px;display:block;background:#fff;border-radius:14px;margin:25px auto;padding:14px}.spin-ring{width:65px;height:65px;border-radius:50%;border:5px solid #4b4378;border-top-color:#aa9aff;animation:spin 1s linear infinite;margin:25px auto}@keyframes spin{to{transform:rotate(360deg)}}.countdown{font:800 24px var(--head);margin:20px auto;color:#bcb0ff}.bio-screen{--bio-bg:#111126;--bio-accent:#a78bfa;min-height:100vh;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--bio-accent) 24%,transparent),transparent 45%),var(--bio-bg);padding:45px 16px 90px;display:flex;align-items:flex-start;justify-content:center;color:#fff}.bio-screen.is-light{color:#24253a}.bio-cover{width:100%;height:240px;position:absolute;top:0;left:0;background-position:center;background-size:cover;opacity:.3}.bio-card{width:min(500px,100%);position:relative;z-index:1;text-align:center;margin:auto;min-height:400px}.bio-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:4px solid var(--bio-accent);box-shadow:0 8px 40px #0006;margin:0 auto 18px;display:block}.bio-monogram{display:grid;place-items:center;background:linear-gradient(125deg,var(--bio-accent),#464073);font:bold 46px var(--head);color:white}.bio-name{font:700 27px var(--head);line-height:1.2}.verified{color:var(--bio-accent);font-size:14px;vertical-align:middle}.bio-subtitle{margin:11px auto 26px;max-width:390px;font-size:14px;color:inherit;opacity:.8;line-height:1.65}.bio-blocks{display:grid;gap:13px}.bio-link{display:flex;align-items:center;justify-content:center;gap:12px;background:color-mix(in srgb,var(--bio-accent) 12%,#fff 6%);border:1px solid color-mix(in srgb,var(--bio-accent) 60%,transparent);border-radius:14px;min-height:59px;color:inherit;font-size:14px;font-weight:800;position:relative;padding:13px 42px;backdrop-filter:blur(12px);box-shadow:0 7px 22px #0001;transition:transform .15s,background .15s}.bio-link:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--bio-accent) 22%,#fff 6%)}.bio-emoji{position:absolute;left:19px;font-size:22px}.link-arrow{position:absolute;right:21px;font-size:18px;opacity:.8}.bio-heading{font-size:18px;margin:19px 0 0}.bio-text{font-size:14px;color:inherit;opacity:.83;margin:0;line-height:1.7}.bio-divider{height:1px;background:currentColor;opacity:.25;margin:10px 0}.bio-inline-image{max-width:100%;width:100%;border-radius:14px;max-height:380px;object-fit:cover}.bio-footer{margin-top:50px;font-size:11px;opacity:.65}.bio-footer a{font-weight:800}.bio-footer span{color:var(--bio-accent)}
@media(max-width:1180px){.sidebar{width:220px;flex-basis:220px}.content-area{padding:30px 24px}.topbar{padding:0 24px}.quick-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr) 245px}}@media(max-width:850px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:265px;transform:translateX(-105%);transition:transform .2s;box-shadow:10px 0 40px #0005}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{position:fixed;inset:0;z-index:19;background:#0009}.mobile-menu{display:block;background:transparent;color:#dfd9ff;border:0;font-size:23px}.topbar{height:66px}.workspace-indicator{display:none}.editor-layout{grid-template-columns:1fr}.editor-aside{position:static}.stats-grid{grid-template-columns:repeat(2,1fr)}.install-grid{grid-template-columns:1fr;gap:25px;max-width:560px}.install-intro h1{font-size:45px}.install-intro>p{font-size:14px}.landing-main{padding-top:50px}.feature-grid{grid-template-columns:repeat(2,1fr)}.dashboard-mock{width:100%}.mock-side{width:100px}.mock-content{padding:20px}.mock-stats div{padding:12px}.analytics-grid,.tools-grid{grid-template-columns:1fr}}@media(max-width:570px){.landing-nav{padding:0 17px;height:82px}.landing-nav .brand{font-size:14px}.live-badge{display:none}.landing-main h1{font-size:clamp(48px,12vw,66px)}.landing-main>p{font-size:14px}.hero-actions{flex-wrap:wrap}.dashboard-mock{height:235px;margin-top:60px}.mock-side{display:none}.mock-content{padding:17px}.mock-content h3{font-size:17px}.mock-stats strong{font-size:20px}.mock-stats small{font-size:7px}.mock-bars{height:38px;margin-top:17px}.landing-features{padding:65px 16px}.feature-grid{grid-template-columns:1fr}.landing-footer{padding:20px;gap:10px;flex-wrap:wrap}.content-area{padding:22px 13px 40px}.topbar{padding:0 15px}.top-view{font-size:10px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.stats-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:25px}.stat-top span{font-size:8px}.quick-card{padding:14px}.quick-card i{right:10px;top:14px}.quick-card strong{font-size:12px}.welcome-panel{padding:25px 19px;min-height:260px}.welcome-panel h2{font-size:29px;position:relative;z-index:3}.welcome-panel p{max-width:215px;position:relative;z-index:3}.welcome-panel .btn{position:relative;z-index:3}.welcome-art{opacity:.5;right:-85px}.editor-panel{padding:18px}.form-grid{grid-template-columns:1fr;gap:0}.themes-grid{grid-template-columns:repeat(3,1fr)}.theme-thumbnail{height:90px}.form-label{margin-bottom:16px}.save-bar{align-items:stretch;flex-direction:column}.save-bar .btn{width:100%}.url-preview{flex-wrap:wrap}.install-screen,.login-screen{padding:16px}.install-panel,.login-card{padding:25px}.install-intro h1{font-size:44px}.feature-tags{gap:5px}.feature-tags span{font-size:10px}.list-toolbar{align-items:flex-start;flex-wrap:wrap}.toolbar-left{flex-wrap:wrap}.admin-footer{padding:15px}.block-fields{grid-template-columns:1fr}.block-fields input.full{grid-column:auto}.split-columns{grid-template-columns:1fr}.chart-day small{font-size:7px}}

.duplicate-button{border:0;background:none;font-size:11px;cursor:pointer;padding:0;color:#a99af8;font-weight:800}.duplicate-button:hover{text-decoration:underline}