@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&display=swap');
:root{--purple:#6c5ce7;--ink:#18152d;--muted:#7f7b92;--line:#e9e7f0;--bg:#f8f8fb}*{box-sizing:border-box}body{margin:0;font-family:Alexandria,Tahoma,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.sidebar{position:fixed;right:0;inset-block:0;width:235px;background:#fff;border-left:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column;z-index:4}.logo{display:flex;align-items:center;gap:10px;letter-spacing:2px;padding:0 10px 26px}.logo i,.install-brand>span{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(145deg,#765ee9,#5237cf);border-radius:10px;color:#fff;font-style:normal;font-weight:800;box-shadow:0 8px 18px #6c5ce744}.new,.btn.primary{background:var(--purple);color:#fff;border:0;border-radius:10px;text-align:center;padding:13px 16px;font-weight:700;box-shadow:0 7px 18px #6c5ce72d;cursor:pointer}.sidebar nav{display:flex;flex-direction:column;margin-top:24px;gap:5px}.sidebar nav a,.side-foot>a{padding:12px 13px;border-radius:9px;color:#6d6980;font-size:13px}.sidebar nav a.active{background:#f0edff;color:var(--purple);font-weight:700}.sidebar nav a span,.side-foot a span{margin-right:10px}.side-foot{margin-top:auto}.user{border-top:1px solid var(--line);padding:18px 4px 0;display:flex;gap:10px;align-items:center}.user>i,.mini-avatar{width:35px;height:35px;background:#29223f;color:#fff;border-radius:50%;display:grid;place-items:center;font-style:normal}.user>div{display:flex;flex-direction:column;font-size:11px}.user small{color:var(--muted);margin-top:4px}.content{width:calc(100% - 235px);margin-right:235px}.content>header{height:67px;background:#fff;border-bottom:1px solid var(--line);padding:0 36px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.content>header>div{display:flex;align-items:center}.mini-avatar{display:inline-grid;margin-right:10px}.dashboard,.generator-page{padding:34px 42px 60px;max-width:1450px;margin:auto}.welcome{display:flex;align-items:end;justify-content:space-between}.badge{background:#eeeaff;color:var(--purple);font-size:10px;border-radius:7px;padding:6px 9px;font-weight:700}.welcome h1,.generator-page h1{font-size:28px;margin:14px 0 6px}.welcome p,.generator-page>p{margin:0;color:var(--muted);font-size:12px}.btn.small{font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:28px}.stats article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:flex;gap:13px}.stats article>i{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:18px}.purple{background:#eeeaff;color:#6c5ce7}.green{background:#e2f7ed;color:#20a76a}.orange{background:#fff0da;color:#ed9419}.blue{background:#e2f1ff;color:#338de0}.stats article>div{display:flex;flex-direction:column}.stats small{font-size:9px;color:var(--muted)}.stats b{font-size:20px;margin:4px 0}.stats em,.stats span{font-style:normal;font-size:8px;color:#20a76a}.stats span{color:#aaa6b5}.purple-text{color:var(--purple)!important;font-size:15px!important}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 15px}.section-head h2{font-size:18px;margin:0 0 5px}.section-head p{font-size:10px;color:var(--muted);margin:0}.section-head a{font-size:10px;color:var(--purple)}.sites{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.sites>a{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s}.sites>a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #332c5b12}.site-preview{height:180px;padding:45px 27px;color:#fff}.site-preview small{font-size:7px;color:#d9b963}.site-preview h3{font-size:19px;line-height:1.5;margin:7px 0}.site-preview span{font-size:7px;background:#b99455;padding:6px 9px}.dark{background:linear-gradient(100deg,#0c1d29 45%,#556d73)}.clinic{background:linear-gradient(105deg,#e5f5f3,#a9d3ce);color:#1c4f48}.clinic small{color:#3c9c8f}.clinic span{background:#359989;color:#fff}.coffee{background:radial-gradient(circle at 20% 50%,#9a6042,#2b1b17 58%)}.site-meta{display:flex;flex-direction:column;padding:14px 16px}.site-meta b{font-size:11px}.site-meta small{font-size:8px;color:#27a76d;margin-top:5px}.site-meta small.draft{color:#d39228}.generator-page{max-width:1000px}.generator-grid{display:grid;grid-template-columns:1fr 280px;gap:23px;margin-top:27px}.builder-card,.ai-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px}.builder-card label,.install-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:17px;font-size:11px;font-weight:600}.builder-card input,.builder-card select,.builder-card textarea,.install-form input{border:1px solid var(--line);border-radius:9px;background:#fbfbfd;padding:12px;outline:0}.builder-card textarea{min-height:80px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-card .btn{width:100%}.ai-panel{background:linear-gradient(150deg,#1d1736,#352a5a);color:#fff}.ai-panel>b{display:grid;width:40px;height:40px;place-items:center;background:#ffffff16;border-radius:11px;color:#c8bcff}.ai-panel h3{font-size:15px;margin:21px 0}.ai-panel p{font-size:10px;color:#d1cde0}.ai-panel small{display:block;border-top:1px solid #ffffff17;margin-top:22px;padding-top:17px;color:#afa9be}.editor-page{height:calc(100vh - 67px);display:flex}.editor-tools{width:255px;background:#fff;border-left:1px solid var(--line);padding:20px 15px}.editor-tools h3{font-size:14px}.editor-tools button{width:100%;border:0;background:transparent;border-radius:9px;padding:10px;display:flex;gap:10px;text-align:right}.editor-tools button.selected{background:#f0edff;color:var(--purple)}.editor-tools button span{display:flex;flex-direction:column}.editor-tools button b{font-size:10px}.editor-tools button small{font-size:8px;color:var(--muted);margin-top:4px}.editor-tools hr{border:0;border-top:1px solid var(--line)}.editor-row{height:38px;display:flex;align-items:center;gap:8px;font-size:9px}.editor-row i{margin-right:auto;width:25px;height:14px;border-radius:10px;background:var(--purple);position:relative}.editor-row i:after{content:"";position:absolute;width:10px;height:10px;right:13px;top:2px;border-radius:50%;background:#fff}.canvas{flex:1;display:grid;place-items:center;background:#e8e8ed;padding:25px}.client-site{width:min(930px,100%);background:#fff;box-shadow:0 8px 35px #34304420}.client-site nav{height:62px;padding:0 35px;display:flex;align-items:center}.client-site nav>b{color:var(--purple)}.client-site nav span{font-size:8px;margin-right:auto}.client-site button{border:0;background:var(--purple);color:#fff;border-radius:5px;padding:9px 13px;font-size:8px}.client-hero{height:380px;background:linear-gradient(100deg,#f8f7fc 52%,#ded9ea);padding:65px;position:relative;overflow:hidden}.client-hero>div:first-child{width:55%;position:relative;z-index:2}.client-hero small{font-size:8px;color:var(--purple)}.client-hero h1{font-size:29px;line-height:1.5;margin:10px 0}.client-hero p{font-size:9px;color:#777;line-height:1.8}.building{position:absolute;left:5%;bottom:-35px;font-size:300px;color:#898297;line-height:1}.client-stats{height:75px;background:#171429;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.client-stats span{display:flex;flex-direction:column;text-align:center;font-size:7px;color:#aaa5b6}.client-stats b{font-size:17px;color:#c8bfff;margin-bottom:4px}.install-body{min-height:100vh;background:linear-gradient(135deg,#f7f5ff,#f6f8fb);display:grid;place-items:center;padding:30px}.install-shell{width:min(690px,100%)}.install-brand{display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:2px;margin-bottom:25px}.install-brand small{letter-spacing:0;color:var(--muted);font-size:9px;border-right:1px solid var(--line);padding-right:10px}.install-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:17px}.install-steps>div{text-align:center;color:#aaa6b5;position:relative}.install-steps>div:not(:last-child):after{content:"";height:2px;background:#dedbe8;position:absolute;top:14px;right:58%;width:85%}.install-steps i{width:29px;height:29px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;margin:auto;font-style:normal;font-size:10px;position:relative;z-index:1}.install-steps span{display:block;font-size:8px;margin-top:6px}.install-steps .active i{background:var(--purple);border-color:var(--purple);color:#fff}.install-steps .active span{color:var(--purple);font-weight:700}.install-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px 42px;box-shadow:0 20px 55px #3f356714;text-align:center}.install-icon{width:50px;height:50px;border-radius:15px;background:#e8f7ef;color:#26a26a;display:grid;place-items:center;font-size:21px;margin:auto}.install-icon.lock{background:#eeeaff;color:var(--purple)}.install-card h1{font-size:22px;margin:17px 0 7px}.lead{font-size:10px;color:var(--muted);line-height:1.8}.checks{margin:24px 0;text-align:right;border:1px solid var(--line);border-radius:11px;overflow:hidden}.checks div{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);font-size:9px}.checks div:last-child{border:0}.checks b{font-size:8px}.pass{color:#23a36b}.fail{color:#e25a5a}.btn{display:inline-block;border:0;border-radius:10px;padding:13px 18px;font-weight:700;font-size:11px}.disabled{background:#ddd;color:#999}.install-form{text-align:right;margin-top:25px}.install-form .btn{width:100%;margin-top:5px}.install-form .license-input{direction:ltr;text-align:center;letter-spacing:2px;font-weight:700}.security-note{background:#f6f4ff;border:1px solid #e7e1ff;border-radius:10px;padding:13px;display:flex;flex-direction:column;margin:10px 0 18px}.security-note b{font-size:10px;color:var(--purple)}.security-note span{font-size:8px;color:var(--muted);margin-top:5px}.alert{padding:11px;border-radius:8px;font-size:9px;margin-bottom:15px}.alert.error{background:#fff0f0;color:#b54747}.install-shell footer{text-align:center;color:#aaa6b5;font-size:8px;margin-top:14px}
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.sites{grid-template-columns:1fr 1fr}.sites>a:last-child{display:none}.generator-grid{grid-template-columns:1fr}.ai-panel{display:none}}@media(max-width:650px){.sidebar{width:68px;padding:20px 9px}.logo strong,.new,.sidebar nav a span,.side-foot a span,.user>div{display:none}.logo{padding:0 8px 20px}.new{display:block;font-size:0;height:43px}.new:after{content:"＋";font-size:20px}.sidebar nav a{text-align:center;font-size:18px}.content{width:calc(100% - 68px);margin-right:68px}.dashboard,.generator-page{padding:25px 17px}.welcome h1{font-size:21px}.stats{grid-template-columns:1fr}.sites{grid-template-columns:1fr}.sites>a:nth-child(2){display:none}.grid.two{grid-template-columns:1fr}.editor-tools{display:none}.canvas{padding:8px;overflow:auto}.client-site{min-width:700px}.install-card{padding:25px 20px}.install-steps span{display:none}}
.flash{margin:18px 42px 0;background:#e8f8ef;color:#218858;padding:12px 15px;border-radius:9px;font-size:10px}.logout{border:0;background:none;color:#9c6370;font-size:9px;margin-top:10px;cursor:pointer}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px 42px;box-shadow:0 20px 55px #3f356714}.auth-card h1{text-align:center}.auth-card>p{text-align:center;color:var(--muted);font-size:11px}.remember{flex-direction:row!important;align-items:center}.remember input{width:auto}.section-head.top{margin-top:0}.empty-state{grid-column:1/-1;padding:50px;background:#fff;border:1px dashed #cbc7d8;border-radius:14px;text-align:center}.empty-state p{color:var(--muted);font-size:11px}.website-manage{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.row-actions{display:flex;gap:8px;margin-top:12px}.row-actions a,.row-actions button{border:0;background:#f1eff8;padding:7px 9px;border-radius:6px;font-size:8px;color:var(--purple);cursor:pointer}.row-actions form{display:inline}.danger{color:#c44646!important;background:#fff0f0!important}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.template-art{height:160px;padding:25px;color:#fff;display:flex;flex-direction:column;justify-content:end}.template-art span{font-size:8px}.template-art b{font-size:20px;margin-top:7px}.template-grid article>div:last-child{padding:15px}.template-grid h3{font-size:13px;margin:0}.template-grid p{font-size:9px;color:var(--muted)}.template-grid a{font-size:9px;color:var(--purple)}.upload-box{display:flex;gap:10px;background:#fff;border:1px dashed #bbb6ca;border-radius:14px;padding:22px;margin-bottom:25px}.upload-box input{border:1px solid var(--line);border-radius:8px;padding:9px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.media-grid img,.file-icon{width:100%;height:150px;object-fit:cover}.file-icon{display:grid;place-items:center;background:#f1eff6;font-size:35px}.media-grid article>div:last-child{padding:11px;display:flex;flex-direction:column}.media-grid b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-grid small{font-size:8px;color:var(--muted)}.editor-top{height:58px;background:#fff;border-bottom:1px solid var(--line);padding:0 22px;display:flex;align-items:center;justify-content:space-between}.editor-top>div{display:flex;flex-direction:column}.editor-top small{font-size:8px;color:#28a46b}.editor-tools form label{display:flex;flex-direction:column;gap:5px;font-size:9px;margin-bottom:10px}.editor-tools input{border:1px solid var(--line);padding:8px;border-radius:7px}.editor-tools h4{font-size:10px;color:var(--muted)}.editor-row{text-decoration:none;color:inherit}.admin-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.admin-links a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;color:var(--purple);font-weight:700}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.admin-grid>section{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.plan-row{display:flex;flex-direction:column;padding:14px;border-bottom:1px solid var(--line)}.plan-row span{color:var(--purple);font-size:12px}.plan-row small{font-size:8px;color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pricing-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;display:flex;flex-direction:column}.pricing-grid article.featured{border:2px solid var(--purple);transform:translateY(-6px);box-shadow:0 15px 35px #6c5ce71c}.pricing-grid h3{font-size:16px}.pricing-grid strong{font-size:28px;color:var(--purple)}.pricing-grid strong small{font-size:9px;color:var(--muted)}.pricing-grid ul{padding:0;list-style:none;line-height:2.2;font-size:10px;color:#68647a}.pricing-grid li:before{content:"✓";color:#25a76b;margin-left:7px}.pricing-grid form{display:grid;gap:8px;margin-top:auto}.pricing-grid select{border:1px solid var(--line);border-radius:7px;padding:8px}.current-plan{background:#eeeaff;color:var(--purple);padding:16px;border-radius:11px;margin-bottom:25px;display:flex;justify-content:space-between;font-size:11px}.invoice-table{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.invoice-table>div{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 16px;border-bottom:1px solid var(--line);font-size:9px}.invoice-table .table-head{background:#f6f5f9;font-weight:700}.editor-actions{display:flex;align-items:center;gap:10px}.editor-actions details{position:relative}.editor-actions summary{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:9px;background:#fff;list-style:none}.editor-actions details>div{position:absolute;top:40px;left:0;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px;width:140px;box-shadow:0 10px 25px #0002;z-index:5;display:flex;flex-direction:column}.editor-actions details a{font-size:9px;padding:8px;border-radius:5px}.editor-actions details a:hover{background:#f0edff;color:var(--purple)}.section-toggle{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:7px;font-size:8px}.section-toggle i{width:25px;height:14px;border-radius:10px;background:#d8d6df;position:relative}.section-toggle i:after{content:"";position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;right:2px;top:2px}.section-toggle i.on{background:var(--purple)}.section-toggle i.on:after{right:13px}@media(max-width:950px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.pricing-grid{grid-template-columns:1fr}.current-plan{flex-direction:column;gap:5px}}
.social-login{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-login a{border:1px solid var(--line);border-radius:8px;padding:10px;text-align:center;font-size:9px;font-weight:700}.or{display:flex;align-items:center;gap:10px;color:#aaa;font-size:8px;margin:18px 0}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.auth-links{display:flex;justify-content:space-between;align-items:center}.auth-links>a,.auth-card>p a{color:var(--purple);font-size:9px}.alert.success{background:#e8f8ef;color:#218858}.security-card{max-width:650px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px}.security-card>p{color:var(--muted);font-size:11px;line-height:1.8}.security-active{display:inline-block;background:#e8f8ef;color:#218858;padding:8px 12px;border-radius:8px;font-size:10px}.totp-secret{display:block;background:#18152d;color:#fff;padding:15px;border-radius:9px;letter-spacing:3px;text-align:center;margin:20px 0}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0}.recovery-codes code{background:#f3f1f7;padding:9px;border-radius:6px;text-align:center}
.media-toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.media-toolbar form{display:flex;gap:7px}.media-toolbar input,.media-toolbar select,.media-toolbar button,.stock-search input,.stock-search button{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.stock-search{display:flex;gap:8px;margin-bottom:20px}.stock-search input{flex:1}.stock-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:25px}.stock-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.stock-grid img{width:100%;height:110px;object-fit:cover}.stock-grid small{display:block;padding:6px;font-size:7px}.stock-grid button{width:100%;border:0;background:#eeeaff;color:var(--purple);padding:8px;font-size:8px}.media-actions{margin-top:7px}.media-actions summary{font-size:8px;color:var(--purple);cursor:pointer}.media-actions>div{display:flex;flex-direction:column;gap:5px;margin-top:7px}.media-actions form{display:flex;gap:4px}.media-actions input{max-width:90px;font-size:7px}.media-actions button{border:0;background:#f0eef6;border-radius:5px;padding:5px 7px;font-size:7px}@media(max-width:900px){.stock-grid{grid-template-columns:repeat(3,1fr)}.media-toolbar{flex-direction:column}}@media(max-width:650px){.stock-grid{grid-template-columns:repeat(2,1fr)}.media-toolbar form{flex-wrap:wrap}}
.admin-search{display:flex;gap:8px;margin-bottom:18px}.admin-search input{flex:1;border:1px solid var(--line);border-radius:8px;padding:10px}.admin-search button,.admin-table button{border:0;background:var(--purple);color:#fff;border-radius:6px;padding:7px 10px}.admin-table{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.admin-table>div,.admin-table>form{display:grid;grid-template-columns:2fr .5fr 1.5fr 1fr;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line);align-items:center;font-size:9px}.admin-table .table-head{font-weight:700;background:#f7f6fa}.admin-table span{display:flex;gap:6px;align-items:center}.admin-table span:first-child{flex-direction:column;align-items:start}.admin-table small{color:var(--muted)}.admin-table select,.admin-table input{min-width:0;border:1px solid var(--line);border-radius:6px;padding:6px;font-size:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.settings-grid label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:9px}.settings-grid input,.settings-grid select{border:1px solid var(--line);border-radius:7px;padding:9px}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:25px}.analytics-grid section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.analytics-grid section>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-size:9px}@media(max-width:700px){.settings-grid,.analytics-grid{grid-template-columns:1fr}.admin-table{overflow:auto}.admin-table>div,.admin-table>form{min-width:700px}}