.auth-screen[hidden],#appShell[hidden],[hidden]{display:none!important}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e9f7f0 0,transparent 35%),linear-gradient(145deg,#f8faf8,#edf3ef)}
.auth-card{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px rgba(20,42,33,.12);padding:38px}
.auth-brand{display:flex;align-items:center;gap:12px;font-size:21px;margin-bottom:38px}.auth-brand b{color:var(--green)}
.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--green);font-weight:800;margin:0 0 10px}.auth-card h1{font-size:28px}
.muted{color:var(--muted);font-size:13px;line-height:1.55}.stack-form{display:grid;gap:16px;margin-top:25px}
.stack-form label{display:grid;gap:7px;font-size:12px;font-weight:650}.stack-form .check{display:flex;align-items:center;font-weight:400;color:var(--muted)}
.stack-form .input{width:100%;font-size:14px;padding:12px}.wide{width:100%;padding:13px}.form-error{min-height:18px;color:var(--red);font-size:12px;margin:14px 0 0}
.auth-link{border:0;background:transparent;color:var(--green);font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:2px;text-align:center}.auth-link:hover{text-decoration:underline}.form-message{min-height:18px;color:var(--green);font-size:12px;line-height:1.5;margin:14px 0 0}
.user-chip{display:flex;align-items:center;gap:9px}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:11px}.user-chip small{font-size:9px;color:var(--muted);margin-top:2px}
.panel-body{padding:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px}.form-grid label{display:grid;gap:7px;font-size:11px;font-weight:650}.form-grid .full{grid-column:1/-1}
.license-result{margin-top:18px;border:1px solid #b8ddca;background:#edf8f2;border-radius:10px;padding:16px}.license-result code{display:block;word-break:break-all;margin-top:8px;background:white;border:1px solid #d7e9df;padding:9px;border-radius:7px}
.pill.warn{background:#fff1dc;color:var(--amber)}.row-actions{display:flex;gap:6px}.small-button{border:1px solid var(--line);background:white;border-radius:7px;padding:6px 8px;cursor:pointer;font-size:10px}.danger{color:var(--red)}
.account-grid{display:grid;gap:12px}.account-grid .status-row b{max-width:55%;text-align:right}
.admin-top{align-items:start}.customer-list,.payments-list{margin-top:18px}.table-scroll{overflow-x:auto}.table-scroll table{min-width:1080px}.table-scroll td{vertical-align:top}.table-scroll td>small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.row-actions.vertical{min-width:112px;flex-direction:column}.row-actions.vertical button{width:100%;text-align:left}.panel-head select{min-width:230px}.text-warn{color:var(--amber);font-weight:700}
.storage-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;white-space:nowrap}.progress{width:130px;height:7px;margin-top:7px;border-radius:10px;background:#edf1ee;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}.progress .p0{width:0}.progress .p5{width:5%}.progress .p10{width:10%}.progress .p15{width:15%}.progress .p20{width:20%}.progress .p25{width:25%}.progress .p30{width:30%}.progress .p35{width:35%}.progress .p40{width:40%}.progress .p45{width:45%}.progress .p50{width:50%}.progress .p55{width:55%}.progress .p60{width:60%}.progress .p65{width:65%}.progress .p70{width:70%}.progress .p75{width:75%}.progress .p80{width:80%}.progress .p85{width:85%}.progress .p90{width:90%}.progress .p95{width:95%}.progress .p100{width:100%}
.module-tags{display:flex;flex-wrap:wrap;gap:5px;max-width:260px}.module-tags span{background:#eef5f1;color:var(--green);border:1px solid #dcebe3;border-radius:20px;padding:3px 7px;font-size:9px;white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.module-card,.storage-options label{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;cursor:pointer}.module-card:has(input:checked),.storage-options label:has(input:checked){border-color:#7ab99a;background:#eff8f3;box-shadow:0 0 0 2px rgba(29,107,75,.08)}.module-card input,.storage-options input{margin-top:3px}.module-card b,.module-card small,.storage-options b,.storage-options small{display:block}.module-card b,.storage-options b{font-size:12px}.module-card small,.storage-options small{color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.quota-form{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.wizard{max-width:850px;margin:10px auto;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.wizard-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f3faf6,#fff)}.wizard-head h2{margin:0 0 7px}.wizard-head p:last-child{margin-bottom:0}.wizard-steps{display:flex;align-items:center;gap:22px}.wizard-steps i{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf1ee;color:#8d9992;font-style:normal;font-size:11px;font-weight:800}.wizard-steps i:not(:last-child):after{content:"";position:absolute;left:32px;width:22px;height:2px;background:#dce5df}.wizard-steps i.done{background:var(--green);color:white}.wizard-body{padding:30px 32px}.storage-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:20px}.block-label{display:grid;gap:7px;font-size:11px;font-weight:650}.setup-summary{margin-top:20px;border:1px solid #cce2d6;background:#f1f8f4;border-radius:11px;padding:18px}.setup-summary>.module-tags{margin:12px 0;max-width:none}.wizard-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}
@media(max-width:1050px){.module-grid,.storage-options{grid-template-columns:1fr}.table-scroll{margin-bottom:0}}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.user-chip>div:last-child{display:none}.auth-card{padding:28px 22px}.wizard-head{align-items:flex-start;padding:23px 20px}.wizard-body{padding:24px 20px}.wizard-steps{gap:12px}.wizard-steps i:not(:last-child):after{width:12px}.panel-head{gap:10px;align-items:flex-start}.panel-head select{min-width:0;max-width:50%}}