@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#141821;font-synthesis:none;--accent:#6755ec;background:#f2f4f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body,#root{min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.admin-brand{letter-spacing:-.05em;color:#fff;align-items:center;font:800 1.17rem Manrope;display:inline-flex}.admin-brand span{color:#c8ff58}.admin-brand i{background:#6de6ff;border-radius:50%;width:6px;height:6px;margin:5px 0 0 3px}.auth-page{color:#fff;background:#090b13;place-items:center;min-height:100vh;display:grid;overflow:hidden}.auth-glow{filter:blur(10px);background:radial-gradient(circle,#6755ec40,#0000 65%);border-radius:50%;width:650px;height:650px;position:fixed}.auth-shell{text-align:center;width:min(440px,100% - 2rem);position:relative}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:2rem;margin:2rem 0 1rem;padding:2rem;box-shadow:0 32px 80px #00000057}.auth-mark{color:#111;background:#c8ff58;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 1.2rem;display:grid}.auth-card h1{letter-spacing:-.05em;margin:0;font:800 2rem Manrope}.auth-card>p{color:#9fa7b5;margin:.6rem 0 1.4rem}.auth-card form{text-align:left;gap:.85rem;display:grid}.auth-card label{color:#cbd0d9;gap:.4rem;font-size:.78rem;font-weight:700;display:grid}.auth-card input{color:#fff;background:#11151f;border:1px solid #ffffff1f;border-radius:.85rem;outline:none;width:100%;padding:.88rem 1rem}.auth-card input:focus{border-color:#7867ef}.auth-card form button,.mode-switch{border:0}.auth-card form button{color:#0e120a;background:#c8ff58;border-radius:999px;padding:.95rem;font-weight:800}.mode-switch{color:#a99dff;background:0 0;margin-top:1rem;font-weight:700}.auth-shell>small{color:#6f7785}.form-error{color:#faa;background:#ff5f5f1f;border-radius:.75rem;padding:.7rem;font-size:.78rem}.app-loading{background:#090b13;place-items:center;min-height:100vh;display:grid}.app-loading .admin-brand{position:absolute;top:40%}.app-loading span{border:2px solid #303542;border-top-color:#c8ff58;border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}.admin-page{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.admin-page aside{color:#fff;background:#0b0e15;flex-direction:column;height:100vh;padding:1.8rem 1.2rem;display:flex;position:sticky;top:0}.admin-page aside nav{gap:.35rem;margin-top:3rem;display:grid}.admin-page aside nav button{color:#8f98a8;text-align:left;background:0 0;border:0;border-radius:.8rem;align-items:center;gap:.75rem;padding:.78rem .85rem;font-weight:700;display:flex}.admin-page aside nav button svg{width:19px}.admin-page aside nav button.active{color:#fff;background:#1a202c}.admin-page aside nav button.active svg{color:#c8ff58}.account{border-top:1px solid #222733;margin-top:auto;padding:.8rem}.account span,.account small{text-overflow:ellipsis;display:block;overflow:hidden}.account span{font-weight:700}.account small{color:#788190;margin-top:2px;font-size:.68rem}.account button{color:#929aa8;background:0 0;border:0;align-items:center;gap:.4rem;margin-top:.8rem;padding:0;font-size:.72rem;display:flex}.account button svg{width:14px}.admin-main{min-width:0;padding:2rem clamp(1.2rem,4vw,4rem) 4rem}.admin-main>header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-main>header small{color:#6755ec;letter-spacing:.15em;font-size:.65rem;font-weight:800}.admin-main h1{letter-spacing:-.055em;margin:.2rem 0 0;font:800 clamp(2rem,4vw,3rem) Manrope}.admin-main>header a{background:#fff;border:1px solid #d9dde5;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem .9rem;font-size:.75rem;font-weight:700;display:flex}.admin-main>header a svg{width:15px}.notice{z-index:20;color:#fff;background:#11151d;border-radius:99px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.78rem;font-weight:700;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 15px 40px #0003}.notice svg{color:#c8ff58;width:16px}.panel{background:#fff;border:1px solid #e0e3e9;border-radius:1.5rem;box-shadow:0 14px 50px #2027390e}.profile-grid{grid-template-columns:minmax(0,1fr) 340px;gap:1.2rem;display:grid}.editor-panel{padding:1.4rem}.panel-title{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.5rem;display:flex}.panel-title h2,.qr-panel h2,.wallet-panel h2,.plan-panel h2,.payment-panel h2{letter-spacing:-.035em;margin:0;font:800 1.3rem Manrope}.panel-title p,.qr-panel p,.wallet-panel p,.payment-panel p{color:#737b89;margin:.35rem 0 0;font-size:.82rem;line-height:1.5}.save,.payment-panel button{color:#fff;background:#10141c;border:0;border-radius:.75rem;align-items:center;gap:.45rem;padding:.7rem .9rem;font-size:.75rem;font-weight:800;display:flex}.save svg{width:15px}.field-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-grid label{color:#535b68;gap:.38rem;font-size:.73rem;font-weight:700;display:grid}.field-grid input,.field-grid textarea{color:#151922;background:#fafbfc;border:1px solid #dfe3e9;border-radius:.72rem;outline:none;width:100%;padding:.78rem .85rem}.field-grid input:focus,.field-grid textarea:focus{border-color:#7868ed;box-shadow:0 0 0 3px #6755ec14}.field-grid textarea{resize:vertical;min-height:95px}.field-grid .full{grid-column:1/-1}.slug-input{background:#fafbfc;border:1px solid #dfe3e9;border-radius:.72rem;align-items:center;display:flex;overflow:hidden}.slug-input span{color:#9299a5;white-space:nowrap;padding-left:.8rem;font-weight:500}.slug-input input{background:0 0;border:0;padding-left:2px}.field-grid input.color{height:43px;padding:4px}.publish{grid-template-columns:auto 1fr!important;align-items:center!important;display:flex!important}.publish>input{width:18px;height:18px}.publish span>*{display:block}.publish small{color:#9097a2;margin-top:2px;font-weight:500}.preview-panel{background:#171b24;border-radius:1.5rem;padding:1rem}.preview-panel>small{color:#7f8898;letter-spacing:.12em;text-align:center;margin:.3rem 0 1rem;font-size:.6rem;font-weight:800;display:block}.profile-preview{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 25%,white),transparent 32%),#f4f5f7;text-align:center;border-radius:1.2rem;flex-direction:column;align-items:center;min-height:540px;padding:3.2rem 1.25rem 1.2rem;display:flex}.profile-preview .avatar{background:var(--accent);color:#fff;border-radius:28px;place-items:center;width:88px;height:88px;font:800 1.6rem Manrope;display:grid}.profile-preview h3{letter-spacing:-.04em;margin:1.2rem 0 .2rem;font:800 1.45rem Manrope}.profile-preview>b{font-size:.8rem}.profile-preview>span{color:#6f7782;margin-top:2px;font-size:.72rem}.profile-preview p{color:#646c78;font-size:.74rem;line-height:1.5}.profile-preview>div:not(.avatar){gap:5px;width:100%;margin:auto 0 1rem;display:flex}.profile-preview i{background:#fff;border-radius:.7rem;flex:1;padding:.7rem .2rem;font-size:.62rem;font-style:normal;font-weight:700}.profile-preview button{color:#fff;background:#10141c;border:0;border-radius:.75rem;width:100%;padding:.8rem;font-weight:800}.qr-panel,.wallet-panel{grid-template-columns:1fr 340px;align-items:center;gap:3rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.qr-panel>div:first-child>small,.wallet-panel>div:first-child>small{color:#6755ec;letter-spacing:.12em;font-size:.65rem;font-weight:800}.qr-panel h2,.wallet-panel h2{margin-top:.65rem;font-size:clamp(1.8rem,4vw,3.2rem)}.url-box{background:#f7f8fa;border:1px solid #e0e4e9;border-radius:.8rem;justify-content:space-between;align-items:center;gap:.5rem;margin:1.5rem 0;padding:.55rem .6rem .55rem 1rem;display:flex}.url-box span{text-overflow:ellipsis;color:#545c69;font-size:.75rem;overflow:hidden}.url-box button{background:#fff;border:0;border-radius:.55rem;place-items:center;padding:.5rem;display:grid}.url-box svg{width:16px}.download{color:#fff;background:#11151d;border-radius:999px;padding:.8rem 1rem;font-size:.78rem;font-weight:800;display:inline-flex}.qr-output{color:#fff;text-align:center;background:#0e1219;border-radius:1.4rem;padding:1.4rem;box-shadow:0 25px 60px #1b233433}.qr-output img{border-radius:.8rem;width:100%;display:block}.qr-output b,.qr-output span{display:block}.qr-output b{margin-top:.8rem}.qr-output span{color:#8e97a6;font-size:.72rem}.metric-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.metric-cards article{background:#fff;border:1px solid #e0e3e9;border-radius:1.2rem;padding:1.3rem;position:relative}.metric-cards svg{color:#6755ec;width:20px;position:absolute;top:1rem;right:1rem}.metric-cards span,.metric-cards strong{display:block}.metric-cards span{color:#7c8491;font-size:.75rem}.metric-cards strong{letter-spacing:-.05em;margin-top:1rem;font:800 2.5rem Manrope}.chart-panel{margin-top:1rem;padding:1.5rem}.chart{justify-content:space-around;align-items:end;gap:1rem;height:260px;padding-top:1rem;display:flex}.chart-day{text-align:center;flex:1;gap:.6rem;display:grid}.chart-day>div{justify-content:center;align-items:end;gap:4px;height:210px;display:flex}.chart-day i{background:#6755ec;border-radius:5px 5px 2px 2px;width:min(20px,35%);max-height:200px}.chart-day i+i{background:#c8ff58}.chart-day span{color:#89919e;font-size:.65rem}.wallet-actions{gap:.7rem;margin-top:1.5rem;display:flex}.wallet-actions button{color:#fff;background:#10141c;border:0;border-radius:.75rem;padding:.8rem 1rem;font-size:.75rem;font-weight:800}.wallet-preview{color:#fff;border-radius:1.6rem;flex-direction:column;height:400px;padding:2rem;display:flex;box-shadow:0 30px 60px #2d285940}.wallet-preview small{letter-spacing:.13em;opacity:.7;font-size:.58rem}.wallet-preview strong{margin-top:1.5rem;font:800 1.65rem Manrope}.wallet-preview>span{opacity:.75;font-size:.72rem}.wallet-preview img{border-radius:.7rem;width:130px;margin:auto auto 1rem}.wallet-preview b{text-align:center}.billing-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.plan-panel,.payment-panel{padding:2rem}.plan-badge{color:#5947d6;background:#e9e6ff;border-radius:99px;padding:.4rem .6rem;font-size:.65rem;font-weight:800;display:inline-flex}.plan-panel h2{margin-top:1rem}.admin-price{align-items:end;margin:1.5rem 0;display:flex}.admin-price strong{letter-spacing:-.07em;font:800 3.8rem/.85 Manrope}.admin-price span{color:#727a87;margin-left:.55rem;font-size:.75rem}.plan-panel ul{gap:.7rem;padding:0;list-style:none;display:grid}.plan-panel li{gap:.45rem;font-size:.8rem;font-weight:700;display:flex}.plan-panel li svg{color:#6755ec;width:17px}.status{color:#6d7480;text-align:center;background:#f1f2f5;border-radius:.7rem;margin-top:1.5rem;padding:.7rem;font-size:.72rem;font-weight:800}.status-active{color:#456313;background:#e6f8c8}.payment-panel button{margin-top:1.3rem}.payment-details dl{grid-template-columns:auto 1fr;gap:.6rem 1rem;margin-top:1.4rem;display:grid}.payment-details dt{color:#89919d;font-size:.72rem}.payment-details dd{text-align:right;margin:0;font-size:.8rem;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.admin-page{padding-bottom:78px;display:block}.admin-page aside{z-index:30;border-top:1px solid #242a36;height:68px;padding:.45rem .6rem;display:block;position:fixed;inset:auto 0 0}.admin-page aside>.admin-brand,.account{display:none}.admin-page aside nav{grid-template-columns:repeat(5,1fr);gap:2px;margin:0;display:grid}.admin-page aside nav button{justify-items:center;gap:2px;padding:.35rem .1rem;font-size:.57rem;display:grid}.admin-page aside nav button svg{width:18px}.admin-main{padding:1.2rem}.admin-main>header{margin-bottom:1.2rem}.admin-main>header a{justify-content:center;width:40px;height:40px;padding:0;font-size:0}.admin-main h1{font-size:2rem}.profile-grid,.qr-panel,.wallet-panel,.billing-grid,.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.preview-panel{display:none}.panel-title{display:block}.save{margin-top:1rem}.slug-input span{font-size:.68rem}.qr-panel,.wallet-panel{gap:1.4rem;padding:1.3rem}.qr-output{max-width:300px;margin:auto}.metric-cards{gap:.5rem}.metric-cards article{padding:.9rem}.metric-cards svg{width:16px;top:.7rem;right:.7rem}.metric-cards strong{font-size:1.8rem}.metric-cards span{font-size:.62rem}.chart{gap:.2rem}.wallet-actions{display:grid}.wallet-preview{width:100%;max-width:340px;margin:auto}.billing-grid{gap:.8rem}.auth-card{padding:1.5rem}}