/* Replix Studio: neutral work surface, permanent dark navigation. */
:root{color-scheme:light;--bg:#f4f5f7;--nav:#161b23;--panel:#fff;--panel2:#f5f6f8;--line:#dce0e5;--muted:#626b79;--text:#202733;--blue:#1764c0;--cyan:#1764c0;--green:#227149;--red:#b52d38;--radius:7px;font-family:'Segoe UI',Arial,sans-serif;font-size:16px}
h1{font-size:1.7rem;letter-spacing:-.025em;font-weight:650}h2{font-size:1.05rem;letter-spacing:-.015em}h3{font-weight:600}
.shell{grid-template-columns:224px minmax(0,1fr)}
.sidebar{padding:25px 14px;gap:29px;border-color:#2a3039;color:#e6e9ef;--muted:#a3abb7;--text:#f1f3f6;--panel2:#242b35;--line:#343b46}
.brand{gap:11px}.brand img{width:44px;height:44px;border-radius:5px;border-color:#343b46}.brand strong{font-size:1rem;letter-spacing:.08em}.brand span{font-size:.7rem;letter-spacing:.18em}
.nav-label{font-size:.7rem;color:#8993a3;letter-spacing:.08em;padding:0 12px}.nav-link{border:0;border-radius:4px;padding:10px 12px;color:#aeb6c2;font-size:.84rem}.nav-link:hover{background:#242b35;color:white}.nav-link.active{background:#293440;color:#fff;border:0;box-shadow:inset 3px 0 #4d9fe7}.nav-link.active svg{color:#81b5e3}.nav-link.sub{padding-left:28px;font-size:.8rem}.nav-counter{background:#3c4756;color:#e8edf3;border-radius:3px}
.support-note{background:transparent;border:0;border-radius:0;padding:0 10px;font-size:.75rem;color:#a3abb7;line-height:1.7}.support-note strong{color:#d2d8e1;font-weight:500}.avatar{background:#343e4d;color:#dce7f3;border-radius:4px}.profile .email{max-width:120px}.sidebar .icon-button:hover{background:#343e4d}
.topbar{height:64px;padding:0 32px;background:#fff}.breadcrumb strong{color:#303948}.topbar .badge{background:transparent;border:0;color:#697381}.topbar .badge svg{display:none}.content{max-width:1360px;padding:32px}.page-head{margin-bottom:28px}.page-head p{font-size:.875rem;margin-top:7px}
.preview-strip{background:#edf0f3;border-color:#dce0e5;color:#5f6977;padding:7px 32px;font-size:.75rem}
.button{background:#fff;border-color:#cfd5dd;border-radius:5px;box-shadow:none;min-height:38px;padding:8px 13px;font-weight:600;font-size:.8125rem}.button:hover{background:#f2f4f7;border-color:#aab5c3}.button.primary{background:#2366aa;border-color:#2366aa;box-shadow:none;color:#fff}.button.primary:hover{background:#1c548d}.button.ghost{background:transparent;border-color:transparent}.button:disabled{opacity:.65;background:#f4f5f7;color:#737b87}.button.compact{min-height:32px}
.badge{font-size:.7rem;border-radius:4px;color:#576272;background:#f4f5f7;border-color:#dce0e5;padding:4px 7px}.badge.owned,.badge.live,.badge.delivered{background:#ecf6ee;border-color:#c9e4d0;color:#28653f}.badge.upcoming{background:#f1f2f4;border-color:#dee1e5;color:#697280}.badge.draft{background:#edf3fb;border-color:#cdddf0;color:#345e91}.badge.review,.badge.paused{background:#fff6e6;color:#845e16;border-color:#ead9b4}.badge.ended,.badge.revoked{background:#fceef0;border-color:#edcdd2;color:#983440}
.icon-tile,.icon-tile.violet,.icon-tile.amber{width:43px;height:43px;border-radius:6px;background:#f0f3f7;border:1px solid #dce3eb;color:#566d87}.icon-tile.small{width:34px;height:34px;border-radius:5px}.icon-tile svg{width:22px;height:22px}
.tabs{gap:18px;padding-bottom:0}.tab{padding:11px 0;border:0;border-bottom:2px solid transparent;border-radius:0;font-size:.8125rem}.tab.active{background:transparent;border-color:#2366aa;color:#202733;font-weight:600}.content>.row.between{border-bottom:1px solid var(--line);margin-bottom:23px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border-radius:7px;padding:22px;box-shadow:none}.product-card.featured{border-color:#bfcddd;box-shadow:none}.product-top{margin-bottom:24px}.product-category{font-size:.7rem;color:#677386;letter-spacing:.08em}.product-card h2{font-size:1.2rem}.product-card p{line-height:1.65}.feature-chip{border:0;border-radius:0;padding:0;color:#657082;font-size:.75rem}.feature-chip:not(:last-child)::after{content:' /';margin-left:7px;color:#b1b7c0}.product-features{gap:8px}.product-bottom{gap:18px}.product-meta{font-size:.7rem}.section-note{font-size:.75rem}.section-note svg{color:#7c8998}
.panel,.event-card,.server-card{border-radius:7px;box-shadow:none}.panel-header{margin-bottom:18px}.stats{gap:0;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:26px}.stat{border:0;border-right:1px solid var(--line);border-radius:0;padding:20px 22px}.stat:last-child{border-right:0}.stat .label{color:#586373}.stat .label svg{color:#8795a6}.stat .number{font-size:2rem;font-weight:600;margin:10px 0 2px}.stat .foot{color:#737d8c}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:22px}
.step-number{border-color:#d9dfe7;background:#f2f4f7;color:#5d6d82;border-radius:4px}.step-row p{line-height:1.65}.activity-row .activity-mark{background:#6b829d}.activity-row strong{font-weight:600}
.field{color:#414c5d;font-weight:500}.field input,.field select,.field textarea{color:#202733;background:#fff;border-color:#cbd2dc;border-radius:5px;min-height:41px}.field input::placeholder{color:#929aa6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2366aa}.field small{font-weight:400}.form-hint{background:#f3f6fa;border-color:#dbe3ed;color:#536980;border-radius:5px}.template{background:#fff;border-radius:5px}.template:hover,.template.selected{border-color:#658bb6;background:#f0f5fb}.template svg{color:#58779c}
.reward-preview{background:#f6f8fa;border-color:#d8e0ea;border-radius:6px}.eyebrow{color:#647a93;letter-spacing:.08em}.reward-preview p{color:#647286}.reward-preview .reward-line{color:#5c6b7d;border-color:#d6dfe9}.reward-preview .reward-line strong{color:#253a52}.check-row svg{color:#66876d}
th{background:#f7f8fa;color:#697587}td{border-color:#e6e9ee}.progress-track,.event-progress,.event-progress::-webkit-progress-bar{background:#e4e9ef}.progress-bar,.event-progress::-webkit-progress-value{background:#527fad}.event-progress::-moz-progress-bar{background:#527fad}
.notice{background:#eef3f8;border-left-color:#6c8ead;color:#53687e;border-radius:0 4px 4px 0}.code-box{background:#f4f6f9;border-color:#cdd7e4;color:#304f73;border-radius:5px}.toast{background:#263445;border-color:#263445;color:#fff;border-radius:6px;box-shadow:0 4px 18px #17233422}.toast.error{background:#8a303b;border-color:#8a303b;color:#fff}
dialog{background:#fff;border-color:#c9d0da;border-radius:8px;box-shadow:0 20px 80px #17233433}dialog::backdrop{background:#111c2f66;backdrop-filter:none}
.auth-page{background:#f4f5f7;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.auth-art{background:#161b23;border:0;padding:55px}.auth-art img{width:min(270px,100%);border-radius:4px}.auth-art .auth-tag{color:#99a5b5;font-size:.7rem;letter-spacing:.14em}.auth-box{padding:45px}.auth-inner{max-width:380px}.auth-inner h1{font-size:1.8rem}.auth-inner .eyebrow{color:#536b85}.auth-inner>p{font-size:.875rem}.auth-preview small{font-size:.75rem}
@media(min-width:1500px){.product-card{padding:26px}.product-card h2{font-size:1.25rem}}
@media(max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.content{padding:26px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:780px){.shell{grid-template-columns:1fr}.content{padding:23px 18px}.topbar{padding:0 18px}.preview-strip{padding:7px 18px}.auth-page{grid-template-columns:1fr}.auth-art{padding:18px}.auth-art img{width:85px}.auth-box{padding:32px 23px}.sidebar.mobile-open{box-shadow:8px 0 30px #17233444}}
@media(max-width:540px){.product-grid{grid-template-columns:1fr}.stats{gap:0}.stat{padding:17px}.stat .number{font-size:1.7rem}.product-card{padding:21px}.topbar .badge{display:none}.template{padding:12px}}