*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f6f8;color:#1d1c29}a{text-decoration:none;color:inherit}button,input{font:inherit}.sd-top{height:70px;padding:0 5vw;display:flex;align-items:center;gap:38px;background:#fff;border-bottom:1px solid #e7e8ed}.sd-brand{display:flex;align-items:center;gap:9px;font-size:20px}.sd-brand>span{width:34px;height:34px;border-radius:10px;background:#6c5ce7;color:#fff;display:grid;place-items:center;position:relative}.sd-brand>span:before{content:"S";font-weight:900}.sd-brand i{width:15px;height:15px;border-radius:50%;background:#00d2a8;position:absolute;right:-5px;bottom:-5px}.sd-top nav{display:flex;gap:24px;height:100%;align-items:center}.sd-top nav a{height:100%;display:flex;align-items:center;color:#6f6d7a;font-weight:700;font-size:14px;border-bottom:2px solid transparent}.sd-top nav a.active{color:#221f33;border-color:#6c5ce7}.sd-user{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:13px}.sd-user span{font-weight:750}.sd-user a{color:#7d7a88}.sd-main{max-width:1240px;margin:0 auto;padding:50px 28px 80px}.sd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sd-head>div>span{font-size:11px;letter-spacing:.14em;color:#6c5ce7;font-weight:850}.sd-head h1{font-size:40px;line-height:1.1;margin:8px 0 8px}.sd-head p{margin:0;color:#74727e}.sd-head>a{background:#171628;color:#fff;padding:13px 19px;border-radius:11px;font-weight:800}.sd-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:30px 0}.sd-summary article{background:#fff;border:1px solid #e5e6eb;border-radius:15px;padding:20px;box-shadow:0 8px 22px #29263f08}.sd-summary span,.sd-summary small{display:block;color:#85838f}.sd-summary b{font-size:31px;display:block;margin:8px 0 5px}.sd-summary small{font-size:12px}.sd-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 17px}.sd-toolbar>div{display:flex;background:#e9e9ee;padding:3px;border-radius:10px}.sd-toolbar button{border:0;background:transparent;padding:8px 13px;border-radius:8px;color:#696775}.sd-toolbar button.active{background:#fff;color:#2b293a;box-shadow:0 2px 7px #0001}.sd-toolbar label{background:#fff;border:1px solid #dedfe6;border-radius:10px;padding:0 10px;color:#8d8b96}.sd-toolbar input{height:40px;border:0;outline:0;background:transparent}.sd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sd-card{background:#fff;border:1px solid #e3e4ea;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px #29263f09}.sd-card-preview{height:190px;background:linear-gradient(135deg,var(--p,#6c5ce7),var(--a,#00d2a8));padding:18px;position:relative;overflow:hidden}.sd-card-preview:before{content:"";position:absolute;inset:26px 22px;background:#fffffff2;border-radius:10px;box-shadow:0 8px 20px #0001}.sd-card-preview:after{content:"";position:absolute;left:42px;right:42px;top:66px;height:65px;background:linear-gradient(#20202b 0 13px,transparent 13px 24px,#d9dae2 24px 31px,transparent 31px 42px,#ececf1 42px);border-radius:2px}.sd-card-body{padding:17px}.sd-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sd-card h3{font-size:17px;margin:0}.sd-status{font-size:11px;border-radius:20px;padding:5px 8px;background:#f1f1f4;color:#777582}.sd-status.published{background:#e8f8f1;color:#18815d}.sd-card-meta{color:#817f8b;font-size:12px;margin:8px 0 15px}.sd-card-stats{display:flex;gap:14px;padding:12px 0;border-top:1px solid #eeeef2;border-bottom:1px solid #eeeef2;font-size:12px;color:#777582}.sd-card-stats b{color:#2a2838}.sd-card-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:14px}.sd-card-actions a,.sd-card-actions button{border:1px solid #dddde5;background:#fff;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:750}.sd-card-actions a.primary{background:#171628;color:#fff;border-color:#171628}.sd-card-actions button.more{margin-left:auto}.sd-card-menu{position:absolute;background:#fff;border:1px solid #e0e1e6;border-radius:10px;padding:6px;box-shadow:0 12px 35px #0002;display:grid;z-index:5}.sd-card-menu button{border:0;background:#fff;text-align:left;padding:8px 10px;border-radius:7px}.sd-card-menu button:hover{background:#f3f2f8}.sd-loading,.sd-empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:#7c7a87}.sd-loading i{display:inline-block;width:26px;height:26px;border:3px solid #e5e3fa;border-top-color:#6c5ce7;border-radius:50%;animation:spin 1s linear infinite}.sd-empty .empty-art,.sd-auth-empty .empty-art{margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.sd-auth-empty{max-width:680px;margin:80px auto;text-align:center;padding:30px}.empty-art{width:160px;height:130px;position:relative;display:grid;place-items:center}.empty-art span{width:74px;height:74px;background:#6c5ce7;color:#fff;border-radius:23px;display:grid;place-items:center;font-size:39px;font-weight:900;box-shadow:20px 20px 0 #00d2a8}.sd-auth-empty>span{color:#6c5ce7;font-size:11px;font-weight:850;letter-spacing:.13em}.sd-auth-empty h1{font-size:42px;margin:14px 0 8px}.sd-auth-empty p{color:#74727e;line-height:1.6}.sd-auth-empty>a{display:inline-block;background:#171628;color:#fff;border-radius:11px;padding:13px 20px;font-weight:800;margin-top:15px}.sd-modal[hidden]{display:none}.sd-modal{position:fixed;inset:0;background:#171628a8;display:grid;place-items:center;padding:20px;z-index:100}.sd-modal>div{background:#fff;border-radius:18px;padding:27px;width:min(430px,100%);position:relative}.sd-modal .close{position:absolute;right:12px;top:10px;border:0;background:#f0f0f3;border-radius:50%;width:32px;height:32px}.sd-modal span{font-size:11px;letter-spacing:.12em;color:#a23c3c;font-weight:850}.sd-modal h2{font-size:26px}.sd-modal p{color:#74727e}.sd-modal .danger,.sd-modal .cancel{width:100%;border:0;border-radius:9px;padding:11px;font-weight:800;margin-top:8px}.sd-modal .danger{background:#b73535;color:#fff}.sd-modal .cancel{background:#eeeef2}.sd-toast{position:fixed;right:18px;bottom:18px;background:#171628;color:#fff;border-radius:10px;padding:12px 15px}
@media(max-width:900px){.sd-grid{grid-template-columns:1fr 1fr}.sd-summary{grid-template-columns:1fr 1fr}.sd-head h1{font-size:34px}}
@media(max-width:620px){.sd-top{padding:0 14px;gap:14px}.sd-top nav a:first-child{display:none}.sd-user span{display:none}.sd-main{padding:32px 15px}.sd-head{align-items:flex-start}.sd-head h1{font-size:29px}.sd-head p{display:none}.sd-head>a{padding:11px 13px}.sd-summary{grid-template-columns:1fr 1fr;gap:8px}.sd-summary article{padding:14px}.sd-summary b{font-size:24px}.sd-toolbar{align-items:stretch;gap:10px;flex-direction:column}.sd-toolbar label{display:flex}.sd-toolbar input{width:100%}.sd-grid{grid-template-columns:1fr}.sd-card-preview{height:160px}.sd-auth-empty h1{font-size:32px}}
/* Project cards rendered by dashboard.js */
.sd-project{background:#fff;border:1px solid #e3e4ea;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px #29263f09;position:relative}.sd-project-preview{height:190px;background:#ececf1;position:relative;overflow:hidden}.sd-project-preview>img,.sd-project-preview>.site-letter{width:100%;height:100%;object-fit:cover}.site-letter{display:grid;place-items:center;background:linear-gradient(135deg,var(--p),var(--a));font-size:84px;color:#fff;font-weight:950}.preview-bar{position:absolute;left:20px;right:20px;top:20px;height:28px;border-radius:8px 8px 0 0;background:#fff;display:flex;align-items:center;gap:4px;padding:0 9px;box-shadow:0 8px 30px #0002}.preview-bar i{width:5px;height:5px;border-radius:50%;background:#d5d5dd}.sd-project-preview .status{position:absolute;right:12px;bottom:12px;border-radius:999px;padding:6px 9px;background:#ffffffea;color:#666472;font-size:10px;font-weight:850;text-transform:uppercase}.sd-project-preview .status.published{background:#def7eb;color:#147956}.sd-project-body{padding:17px;position:relative}.sd-project-body>div:first-child{padding-right:38px}.sd-project-body h3{margin:0;font-size:18px}.sd-project-body p{margin:5px 0 0;color:#878591;font-size:12px}.menu-btn{position:absolute;right:13px;top:12px;border:0;background:#f0f0f4;width:34px;height:34px;border-radius:9px}.project-menu{display:none;position:absolute;right:14px;top:50px;background:#fff;border:1px solid #dedfe5;border-radius:11px;padding:6px;box-shadow:0 14px 40px #0002;z-index:8;min-width:145px}.project-menu.open{display:grid}.project-menu a,.project-menu button{border:0;background:#fff;padding:8px 10px;text-align:left;border-radius:7px;font-size:12px}.project-menu a:hover,.project-menu button:hover{background:#f3f2f7}.project-menu .danger{color:#b42e2e}.sd-project-metrics{display:flex;gap:13px;padding:13px 0;margin-top:14px;border-top:1px solid #eeeef2;border-bottom:1px solid #eeeef2;color:#83818d;font-size:11px}.sd-project-metrics span{display:flex;flex-direction:column}.sd-project-metrics b{font-size:15px;color:#2b2938}.sd-project-actions{display:flex;justify-content:space-between;align-items:center;padding-top:14px}.sd-project-actions a{font-size:12px;font-weight:800}.sd-project-actions a:first-child{background:#171628;color:#fff;border-radius:9px;padding:9px 12px}.sd-empty-projects{grid-column:1/-1;text-align:center;padding:70px 20px;background:#fff;border:1px dashed #d9d9e1;border-radius:17px}.sd-empty-projects>span{font-size:34px;color:#6c5ce7}.sd-empty-projects h2{font-size:25px;margin:10px 0 5px}.sd-empty-projects p{color:#777582}.sd-empty-projects a{display:inline-block;background:#171628;color:#fff;padding:11px 15px;border-radius:10px;font-weight:800;margin-top:10px}
.sity-account-page{background:#f5f5fa}.sd-top select{border:1px solid #ddddea;border-radius:10px;padding:8px 12px;background:#fff}.sa-main{max-width:1120px;margin:0 auto;padding:52px 24px 90px}.sa-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.sa-head span,.sa-card-head span,.sa-card.danger>div>span{font-size:11px;letter-spacing:.16em;font-weight:900;color:#6c5ce7}.sa-head h1{font-size:42px;margin:5px 0}.sa-head p{color:#73758a}.sa-plan{padding:10px 15px;border-radius:999px;background:#171824;color:#fff;font-weight:900}.sa-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sa-card{background:#fff;border:1px solid #e6e6ef;border-radius:24px;padding:28px;box-shadow:0 12px 34px rgba(25,25,50,.05)}.sa-card.wide{grid-column:1/-1}.sa-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sa-card h2{margin:4px 0;font-size:23px}.sa-card form{display:grid;gap:14px}.sa-card label{display:grid;gap:7px;font-weight:750;font-size:13px}.sa-card input,.sa-card select{border:1px solid #dfe0ea;border-radius:12px;padding:12px 14px;font:inherit;background:#fff}.sa-card button{border:0;border-radius:12px;background:#6c5ce7;color:#fff;padding:13px 18px;font-weight:850;cursor:pointer}.sa-card .sa-secondary{margin-top:14px;background:#eef0f7;color:#25263a}.sa-status{font-size:13px;margin-top:12px;color:#7b7d90}.verified,.unverified{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:850}.verified{background:#ddfaee;color:#08794d}.unverified{background:#fff0d8;color:#9a5b00}.sa-usage{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sa-usage>div{background:#f7f7fb;border-radius:16px;padding:20px}.sa-usage span{display:block;font-weight:900;font-size:24px}.sa-usage small{color:#787a8e}.sa-card.danger{display:flex;justify-content:space-between;gap:20px;align-items:center;border-color:#ffd6da}.sa-card.danger form{display:flex;min-width:360px}.sa-card.danger button{background:#d83b4d}.sa-login{text-align:center;background:#fff;border-radius:24px;padding:60px 25px}.sd-top nav{display:flex;gap:18px}.sd-top nav a{text-decoration:none;color:#5a5c70;font-weight:750}.sd-top nav a.active{color:#6c5ce7}@media(max-width:760px){.sa-grid{grid-template-columns:1fr}.sa-card.wide{grid-column:auto}.sa-card.danger{display:block}.sa-card.danger form{min-width:0;margin-top:18px}.sa-head{display:block}.sa-plan{display:inline-block;margin-top:12px}.sd-top nav{display:none}.sa-usage{grid-template-columns:1fr}}
#dashboard-language{border:1px solid #e5e6ed;border-radius:10px;background:#fff;padding:8px 10px;max-width:110px}html[dir=rtl] .sd-app{text-align:right}html[dir=rtl] .sd-top,html[dir=rtl] .sd-head,html[dir=rtl] .sd-project-body>div{direction:rtl}