@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#eef4f8;--bg-deep:#dbe7f3;--surface:#ffffffd1;--surface-strong:#fffffff5;--surface-muted:#f5f8fb;--line:#94a3b833;--line-strong:#64748b47;--text:#0f172a;--muted:#5f6f86;--accent:#111827;--accent-soft:#e8eff7;--accent-ghost:#0f172a0d;--success-bg:#0f766e1f;--success-text:#0f766e;--warning-bg:#b453091f;--warning-text:#b45309;--danger-bg:#dc26261f;--danger-text:#b91c1c;--shadow:0 20px 60px #0f172a14;--shadow-soft:0 10px 28px #0f172a0f}*{box-sizing:border-box}html,body,#root{height:100%}body{min-width:320px;color:var(--text);background:radial-gradient(circle at top left, #0f172a14, transparent 22%), radial-gradient(circle at 85% 12%, #3b82f61a, transparent 20%), linear-gradient(180deg, #f8fbfd 0%, var(--bg) 52%, var(--bg-deep) 100%);margin:0;font-family:Manrope,system-ui,sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffe0;border-radius:14px;padding:.8rem .95rem;transition:border-color .16s,box-shadow .16s,background .16s}input:focus,select:focus,textarea:focus{background:#fff;border-color:#47556966;outline:none;box-shadow:0 0 0 4px #94a3b829}label small.field-meta{color:var(--muted);margin-top:.45rem;font-size:.78rem;display:block}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:1rem}th{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700}.app-shell{min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:20;background:linear-gradient(#fffffff5,#f3f7fce6),#ffffffd6;border:1px solid #e2e8f0e6;border-radius:30px;flex-direction:column;justify-content:space-between;gap:1.8rem;width:272px;padding:1.4rem 1.15rem;display:flex;position:fixed;top:1rem;bottom:1rem;left:1rem;box-shadow:0 22px 50px #0f172a1f,inset 0 1px #ffffffb3}.sidebar-backdrop{display:none}.sidebar-main{align-content:start;gap:1.9rem;display:grid}.brand-block{align-items:center;gap:.9rem;padding:.35rem .45rem;display:flex}.brand-mark{background:radial-gradient(circle at 30% 25%,#ffffff2e,#0000 32%),linear-gradient(135deg,#0f172a 0%,#334155 100%);border-radius:20px;flex:none;place-items:center;width:2.9rem;height:2.9rem;display:grid;box-shadow:0 14px 28px #0f172a38}.brand-mark span{background:#fff;border-radius:999px;width:.88rem;height:.88rem;box-shadow:0 0 0 6px #ffffff1f}.brand-block h1{letter-spacing:-.04em;margin:0;font-size:1.1rem;font-weight:800}.nav-list{gap:.5rem;display:grid}.nav-item{min-height:3.15rem;color:var(--muted);border:1px solid #fff0;border-radius:18px;align-items:center;padding:.85rem 1rem .85rem 1.1rem;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.nav-item:before{content:"";background:#94a3b88c;border-radius:999px;width:.42rem;height:.42rem;margin-right:.75rem;transition:background .16s,transform .16s}.nav-item:hover{color:var(--text);background:#ffffffc7;border-color:#cbd5e1b3;transform:translate(2px);box-shadow:0 8px 18px #0f172a0f}.nav-item--active{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-color:#0f172a57;box-shadow:0 12px 24px #0f172a2e}.nav-item--active:before,.nav-item:hover:before{background:currentColor;transform:scale(1.1)}.sidebar-footer{border-top:1px solid #e2e8f0e6;gap:.85rem;padding-top:1.05rem;display:grid}.sidebar-usercard{box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffeb,#f4f8fce6);border:1px solid #cbd5e1b3;border-radius:20px;gap:.2rem;padding:.95rem 1rem;display:grid}.sidebar-user-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.69rem;font-weight:800}.sidebar-user{font-size:.98rem;font-weight:800}.settings-static-list{color:var(--muted);gap:.7rem;margin-top:.9rem;display:grid}.page-shell{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;height:100vh;margin-left:304px;padding:1.35rem 1.4rem 3rem 0;position:relative;overflow:hidden auto}.mobile-toolbar{display:none}.page-shell__inner{width:min(1320px,100%);margin:0 auto;padding:1.1rem 1.15rem 1.6rem}.page-shell::-webkit-scrollbar{width:11px}.page-shell::-webkit-scrollbar-thumb{background:#64748b47 padding-box padding-box;border:3px solid #0000;border-radius:999px}.page-shell::-webkit-scrollbar-track{background:0 0}.page-content{gap:1.5rem;padding-bottom:1.5rem;display:grid}.page-titlebar{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.page-titlebar h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.15rem,2.8vw,3rem)}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffffa,#f7fafdeb);border:1px solid #e2e8f0eb;border-radius:28px;padding:1.45rem;box-shadow:0 20px 50px #0f172a14,inset 0 1px #fffc}.panel--compact{padding:.95rem 1.05rem}.summary-strip,.stat-grid,.entity-grid,.server-grid{gap:1rem;display:grid}.summary-strip,.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card,.stat-card,.entity-card,.server-card{background:linear-gradient(#fffffffc,#f6f9fcf0);border:1px solid #e2e8f0f5;border-radius:28px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f172a0f,inset 0 1px #ffffffe0}.summary-card:before,.entity-card:before,.server-card:before{content:"";pointer-events:none;background:linear-gradient(#e8eff7b8,#0000);width:100%;height:88px;position:absolute;inset:0 auto auto 0}.summary-card:hover,.entity-card:hover,.server-card:hover{border-color:#94a3b857;transform:translateY(-2px);box-shadow:0 24px 54px #0f172a1a}.summary-card{gap:.5rem;min-height:142px;padding:1.2rem 1.2rem 1.15rem;display:grid}.summary-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.summary-card strong{letter-spacing:-.06em;font-size:1.9rem}.stat-card{padding:1rem 1.1rem;position:relative;overflow:hidden}.stat-card__accent{width:100%;height:4px;position:absolute;inset:0 auto auto 0}.stat-card__label{color:var(--muted);margin:0;font-size:.84rem}.stat-card__value{letter-spacing:-.05em;margin-top:.65rem;font-size:2rem;display:block}.table-wrap{border-radius:22px;overflow-x:auto}tbody tr{transition:background .16s}tbody tr:hover{background:#f1f5f9b8}.table-subtitle{color:var(--muted);margin-top:.2rem;font-size:.84rem}thead th{background:#f7fafcf0}.table-actions{flex-wrap:wrap;gap:.5rem;display:flex}.badge{letter-spacing:.02em;text-transform:none;border-radius:999px;align-items:center;padding:.42rem .78rem;font-size:.77rem;font-weight:700;display:inline-flex}.badge--neutral{color:#475569;background:#64748b1f}.badge--success{background:var(--success-bg);color:var(--success-text)}.badge--warning{background:var(--warning-bg);color:var(--warning-text)}.badge--danger{background:var(--danger-bg);color:var(--danger-text)}.primary-button,.secondary-button,.ghost-button{border:1px solid #0000;border-radius:16px;padding:.82rem 1.02rem;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.primary-button{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);box-shadow:0 14px 28px #0f172a2e}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0f172a33}.secondary-button,.ghost-button{color:var(--text);background:#ffffffeb;border-color:#cbd5e1b8}.secondary-button:hover,.ghost-button:hover{background:#fff;border-color:#94a3b866;box-shadow:0 12px 24px #0f172a14}.danger-button{color:var(--danger-text)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-layout{place-items:center;min-height:100vh;padding:1.5rem;display:grid;overflow:auto}.login-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff5,#f8fbffe0);border-radius:28px;gap:1rem;padding:1.75rem;display:grid}.login-card h1{letter-spacing:-.04em;margin:0 0 .25rem;font-size:1.6rem}.login-card label,.form-grid label{gap:.45rem;display:grid}.input-with-action{grid-template-columns:1fr auto;gap:.75rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid .full-width{grid-column:1/-1}.checkbox-field{align-items:center;gap:.7rem!important;display:flex!important}.checkbox-field input{width:16px;height:16px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at top,#ffffff2e,#0000 30%),#0f172a5c;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(#fffffffa,#f8fbffeb);border:1px solid #e2e8f0cc;border-radius:30px;width:min(920px,100%);max-height:90vh;padding:1.35rem;overflow:auto;box-shadow:0 30px 80px #0f172a38}.modal-header,.modal-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-header{margin-bottom:1rem}.modal-header h3{margin:0;font-size:1.1rem}.modal-footer{grid-column:1/-1;justify-content:flex-end}.inline-note{border:1px solid var(--line);color:var(--muted);background:#f8fafceb;border-radius:16px;padding:.8rem .9rem}.monetization-tabs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.monetization-tab{min-height:108px;box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#f8fafceb);border:1px solid #cbd5e1d1;border-radius:24px;gap:.35rem;padding:1rem 1.05rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.monetization-tab:hover{border-color:#64748b59;transform:translateY(-1px);box-shadow:0 14px 26px #0f172a14}.monetization-tab strong{font-size:1rem}.monetization-tab span{color:var(--muted);line-height:1.5}.monetization-tab--active{color:#fff;background:linear-gradient(135deg,#0f172af5,#1e293beb);border-color:#0f172a4d;box-shadow:0 18px 34px #0f172a29}.monetization-tab--active span{color:#ffffffd1}.monetization-stack{gap:1rem;display:grid}.monetization-settings-grid{grid-template-columns:minmax(0,1fr);gap:1rem;width:min(920px,100%);display:grid}.monetization-settings-field{gap:.45rem;display:grid}.monetization-settings-field input[readonly]{background:#f8fafcf5;font-family:IBM Plex Mono,monospace;font-size:.9rem}.form-error{color:var(--danger-text);margin:0}.form-help{color:var(--muted);font-size:.84rem;display:block}.toast-stack{z-index:120;pointer-events:none;align-items:end;gap:.8rem;width:min(380px,100vw - 2rem);display:grid;position:fixed;top:1.25rem;right:1.25rem}.toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#fffffff2;border:1px solid #e2e8f0eb;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.95rem 1rem;animation:.22s both toast-enter;display:grid;box-shadow:0 20px 48px #0f172a24}.toast p{white-space:pre-line;margin:0;line-height:1.45}.toast--success{background:linear-gradient(#f0fdfaf5,#fffffff2);border-color:#0f766e2e}.toast--warning{background:linear-gradient(#fffbebf5,#fffffff2);border-color:#b453092e}.toast--danger{background:linear-gradient(#fef2f2f5,#fffffff2);border-color:#dc26262e}.toast-close{width:2rem;height:2rem;color:var(--muted);background:#ffffffeb;border:1px solid #cbd5e1cc;border-radius:999px;padding:0;font-size:1.1rem;line-height:1}.toast-close:hover{color:var(--text);background:#fff}@keyframes toast-enter{0%{opacity:0;transform:translate(18px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}.inline-chip-list,.server-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--accent-soft);color:#334155;border-radius:999px;align-items:center;padding:.4rem .65rem;font-size:.82rem;display:inline-flex}.filter-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.config-preview{gap:.75rem;display:grid}.config-preview textarea{resize:vertical;background:var(--surface-muted);min-height:120px;font-family:IBM Plex Mono,monospace;font-size:.88rem}.screen-loader{place-items:center;min-height:100vh;display:grid}.entity-grid,.server-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.entity-card,.server-card{gap:1rem;padding:1.2rem;display:grid}.entity-card__header,.server-card__header,.activity-item__top{justify-content:space-between;gap:1rem;display:flex}.entity-card h3,.server-card h3{letter-spacing:-.03em;margin:0;font-size:1.1rem}.meta-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:0;display:grid}.meta-list div{gap:.15rem;display:grid}.meta-list dt{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.meta-list dd{word-break:break-word;margin:0}.server-card__error{color:var(--danger-text);margin:0}.activity-list{gap:.9rem;display:grid}.activity-item{border:1px solid var(--line);background:#f8fafce0;border-radius:20px;padding:1rem 1.05rem}.activity-time{color:var(--muted);margin-top:.65rem;font-size:.82rem;display:inline-flex}.muted{color:var(--muted)}.site-builder-intro{color:var(--muted);margin:0 0 1rem}.wizard-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.wizard-step{border:1px solid var(--line);min-height:3.1rem;color:var(--muted);background:#f8fafce6;border-radius:18px;align-items:center;gap:.65rem;padding:.8rem .9rem;font-weight:700;display:flex}.wizard-step--active{color:#fff;background:linear-gradient(135deg,#0f172af2,#1e293beb);border-color:#0f172a33}.wizard-step--done{color:var(--success-text);background:#f0fdfaeb;border-color:#0f766e2e}.wizard-step__index{width:1.8rem;height:1.8rem;color:inherit;background:#0f172a14;border-radius:999px;place-items:center;font-size:.82rem;display:inline-grid}.wizard-step--active .wizard-step__index{background:#ffffff29}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.choice-card{text-align:left;box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#f8fafceb);border:1px solid #cbd5e1d1;border-radius:22px;gap:.45rem;padding:1rem 1.05rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.choice-card:hover{border-color:#64748b59;transform:translateY(-1px);box-shadow:0 14px 26px #0f172a14}.choice-card strong{font-size:1rem}.choice-card span,.choice-card small{color:var(--muted)}.choice-card--active{color:#fff;background:linear-gradient(135deg,#0f172af5,#1e293beb);border-color:#0f172a4d}.choice-card--active span,.choice-card--active small{color:#ffffffd1}.site-success-card{background:linear-gradient(#f0fdfaf5,#fffffff0);border:1px solid #0f766e2e;border-radius:20px;gap:.45rem;padding:1rem 1.05rem;display:grid}.site-success-card strong{font-size:1rem}.site-server-facts{flex-wrap:wrap;gap:.55rem .75rem;margin-top:.55rem;display:flex}.site-server-facts span{color:var(--text);background:#0f172a0d;border-radius:999px;align-items:center;padding:.35rem .55rem;font-size:.82rem;display:inline-flex}.site-preview-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-preview-toolbar__copy{gap:.2rem;display:grid}.site-preview-toolbar__copy span{color:var(--muted);font-size:.9rem}.site-review-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.site-review-card{border:1px solid var(--line);background:#f8fafceb;border-radius:20px;gap:.35rem;padding:1rem 1.05rem;display:grid}.site-review-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.site-review-card strong{word-break:break-word;font-size:1rem;line-height:1.4}.site-advanced{border:1px solid var(--line);background:#f8fafcdb;border-radius:18px;padding:.9rem 1rem}.site-advanced summary{cursor:pointer;font-weight:700;list-style:none}.site-advanced summary::-webkit-details-marker{display:none}.site-advanced__body{gap:.85rem;margin-top:.85rem;display:grid}.site-plan-list{gap:.55rem;margin:.8rem 0 0;padding-left:1.1rem;display:grid}@media (width<=1080px){.app-shell--menu-open .page-shell{overflow:hidden}.sidebar-backdrop{z-index:18;opacity:0;pointer-events:none;background:#0f172a6b;border:0;padding:0;transition:opacity .18s;position:fixed;inset:0}.sidebar-backdrop--visible{opacity:1;pointer-events:auto;display:block}.sidebar{border:1px solid #e2e8f0eb;border-radius:28px;width:min(82vw,320px);transition:transform .22s;top:.9rem;bottom:.9rem;left:.9rem;transform:translate(calc(-100% - 1.5rem))}.sidebar--open{transform:translate(0)}.page-shell{margin-left:0;padding:.9rem .9rem 2rem}.page-shell__inner{width:100%;padding:0}.mobile-toolbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #e2e8f0eb;border-radius:22px;align-items:center;gap:.9rem;margin-bottom:1rem;padding:.7rem .75rem;display:flex;position:sticky;top:0;box-shadow:0 12px 28px #0f172a14}.mobile-toolbar__title{gap:.12rem;display:grid}.mobile-toolbar__title strong{letter-spacing:-.03em;font-size:.98rem}.mobile-toolbar__title span{color:var(--muted);font-size:.8rem}.mobile-menu-button{background:linear-gradient(#fffffffa,#f5f8fcf0);border:1px solid #cbd5e1d1;border-radius:16px;flex:none;align-content:center;gap:.26rem;width:2.9rem;height:2.9rem;padding:0 .72rem;display:grid;box-shadow:0 10px 24px #0f172a14}.mobile-menu-button span{background:#0f172a;border-radius:999px;width:100%;height:2px;display:block}.toast-stack{width:min(340px,100vw - 1.2rem);inset:auto .9rem 1rem auto}.wizard-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.page-shell,.auth-layout,.panel,.login-card,.modal-card,.entity-card,.server-card{padding:1rem}.page-titlebar,.modal-header,.modal-footer,.entity-card__header,.server-card__header,.activity-item__top,.site-preview-toolbar{flex-direction:column;align-items:flex-start}.brand-block{padding-right:0}.form-grid,.meta-list,.input-with-action{grid-template-columns:1fr}}