[hidden]{display:none!important}main{padding-block:50px 80px}h1{font-size:clamp(38px,5vw,62px)}.login{max-width:480px;margin:20px auto}.login form{display:grid;gap:20px;margin-top:30px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.title-row h1{margin:10px 0}.title-row h2{font-size:25px}.small,.danger{background:transparent;border:1px solid var(--line);border-radius:5px;padding:10px 15px;cursor:pointer;color:var(--green)}.danger{color:#8a302d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.stats>div{display:flex;gap:15px;align-items:center;border:1px solid var(--line);padding:22px;background:#e9ede2;border-radius:6px}.stats strong{font-size:34px;color:var(--green)}.stats span{font-size:13px;color:var(--muted)}.manager{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.6fr);gap:35px}.package-list h2{font-size:26px}.package-item{width:100%;text-align:left;background:white;border:1px solid var(--line);padding:22px;margin-bottom:12px;border-radius:6px;cursor:pointer;color:var(--ink)}.package-item:hover{border-color:var(--green)}.package-item h3{font-size:22px;margin:8px 0}.package-item p{font-size:13px;color:var(--muted);margin:8px 0}.badge{font-size:10px;letter-spacing:1px;text-transform:uppercase;background:#e9ede2;padding:5px 8px;border-radius:4px}.editor{border:1px solid var(--line);background:white;padding:28px;border-radius:6px}.editor form{display:grid;gap:18px}.editor input,.editor textarea,.editor select,.login input{background:var(--paper);border:1px solid var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checks{display:grid;gap:12px}.checks label{display:flex;gap:10px;align-items:center;font-size:13px}.checks input{width:17px;height:17px;margin:0}.actions{display:flex;gap:15px;flex-wrap:wrap}.note,.empty{font-size:13px;color:var(--muted);line-height:1.7}.note{border-top:1px solid var(--line);padding-top:25px;margin-top:35px}#status{padding:15px 0;white-space:pre-wrap;color:var(--green)}nav{display:flex;align-items:center;gap:20px}@media(max-width:800px){.manager{grid-template-columns:1fr}.title-row{align-items:start}.stats{gap:10px}.stats>div{padding:15px;flex-direction:column;align-items:start}.editor{padding:20px}}@media(max-width:500px){.title-row{flex-direction:column}.fields{grid-template-columns:1fr}nav{gap:10px;font-size:12px}.stats strong{font-size:28px}}

.hosting-controls{border:1px solid var(--line);padding:25px;margin:30px 0;border-radius:6px}.hosting-controls form{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.hosting-controls h2{font-size:26px}.hosting-controls details{margin-top:25px}.hosting-controls summary{cursor:pointer;margin-bottom:20px}#hosting-sites .package-item{cursor:default}#hosting-sites button{margin:12px 8px 0 0}.template-tools{margin-bottom:25px}.template-tools .actions{margin-top:15px}#save-template{width:fit-content}.template-tools input{width:100%}

.created-websites{margin-top:36px;border-top:1px solid var(--line);padding-top:28px}.website-filters{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.website-filters label{flex:1;min-width:180px}.site-feature-panel{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:6px}.site-feature-panel h4{margin:0 0 10px}.site-admin-link{display:inline-block;margin-left:20px}#hosting-sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}#hosting-sites .package-item{margin:0;box-sizing:border-box}

#mfa-qr-canvas{max-width:100%;height:auto;border:8px solid white;border-radius:4px}#mfa-secret{overflow-wrap:anywhere}