:root{--bg: #070b14;--surface: #0d1324;--surface-2: #111827;--hero-bg: rgba(13,19,36,.65);--panel-bg: rgba(17,24,39,.82);--border: rgba(255,255,255,.08);--border-hover:rgba(255,255,255,.18);--ambient-1: rgba(99,102,241,.18);--ambient-2: rgba(6,182,212,.12);--ambient-3: rgba(139,92,246,.07);--grad-start: #6366f1;--grad-mid: #8b5cf6;--grad-end: #06b6d4;--txt: #f0f4ff;--txt-muted: #94a3b8;--txt-subtle: #475569;--ok: #34d399;--bad: #f87171;--warn: #fbbf24;--radius: 14px;--radius-sm: 8px;--shadow: 0 24px 64px rgba(0,0,0,.55);--shadow-sm: 0 4px 16px rgba(0,0,0,.3);--glow: 0 0 40px rgba(99,102,241,.25);--brand-icon-shadow: 0 0 20px rgba(99,102,241,.4);--btn-submit-shadow: 0 4px 24px rgba(99,102,241,.4);--btn-submit-hover-shadow: 0 8px 32px rgba(99,102,241,.55);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;color:var(--txt)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{margin:0;width:100%;max-width:100%;overflow-x:hidden;background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .35s ease,color .35s ease}#root{width:100%;max-width:100%;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 10% -10%,var(--ambient-1) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 90% 110%,var(--ambient-2) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,var(--ambient-3) 0%,transparent 70%);pointer-events:none;z-index:0;transition:background .4s ease}.page{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(320px,5fr) 6fr}.hero{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:48px 52px;border-right:1px solid var(--border);background:var(--hero-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;transition:background-color .35s ease,border-color .35s ease}.hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--ambient-1) 0%,transparent 70%);top:-100px;left:-100px;pointer-events:none;transition:background .4s ease}.hero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--ambient-2) 0%,transparent 70%);bottom:40px;right:-60px;pointer-events:none;transition:background .4s ease}.hero-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.brand{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;letter-spacing:-.01em}.brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--brand-icon-shadow);transition:box-shadow .3s ease}.brand-icon svg{display:block}.theme-switcher{display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:100px;padding:3px;gap:2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .25s ease,background .25s ease}.theme-switcher:hover{border-color:var(--border-hover)}.theme-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:0;border-radius:100px;background:transparent;color:var(--txt-muted);font-family:inherit;font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s ease;line-height:1.2;white-space:nowrap}.theme-btn:hover{color:var(--txt)}.theme-btn.active{background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));color:#fff;box-shadow:0 2px 10px #0000004d}.theme-color-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 5px #ffffff80;flex-shrink:0}.theme-icon{font-size:.76rem;line-height:1}.hero-center{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.hero-eyebrow{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grad-start)}.address-card{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;position:relative;overflow:hidden}.address-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.06),transparent 60%);pointer-events:none}.address{margin:0;font-family:JetBrains Mono,ui-monospace,Consolas,monospace;font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:600;line-height:1.3;overflow-wrap:anywhere;background:linear-gradient(90deg,#fff 60%,var(--grad-start));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.note{margin:10px 0 0;font-size:.82rem;color:var(--txt-muted);display:flex;align-items:center;gap:6px;position:relative}.note:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--txt-subtle);flex-shrink:0;transition:background .3s}.note.ok{color:var(--ok)}.note.ok:before{background:var(--ok);box-shadow:0 0 8px #34d39999}.note.bad{color:var(--bad)}.note.bad:before{background:var(--bad)}.hero-features{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.hero-features li{padding:6px 14px;background:#ffffff0d;border:1px solid var(--border);border-radius:100px;font-size:.78rem;color:var(--txt-muted);display:flex;align-items:center;gap:6px}.hero-features li span{font-size:.8rem}.hero-footer{margin:0;font-size:.82rem;color:var(--txt-subtle);line-height:1.5;max-width:36ch;border-top:1px solid var(--border);padding-top:24px}.content{padding:48px 52px;display:flex;align-items:flex-start;justify-content:center;min-height:100vh}.panel{width:100%;max-width:520px;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;padding:36px;box-shadow:var(--shadow),var(--glow);animation:fadeUp .5s ease both;transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-header{margin-bottom:28px}.panel h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.panel-sub{margin:0;color:var(--txt-muted);font-size:.875rem}.form-group{margin-top:20px}label{display:block;font-size:.82rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--txt-muted);margin-bottom:8px}input[type=text],input[type=email],input[type=password],input[type=number],input:not([type]){width:100%;padding:12px 16px;font:inherit;font-size:.94rem;color:var(--txt);background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input:not([type]):hover{border-color:var(--border-hover);background:#ffffff12}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input:not([type]):focus{border-color:var(--grad-start);background:var(--ambient-1);box-shadow:0 0 0 3px var(--ambient-1)}input::placeholder{color:var(--txt-subtle)}input:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--grad-start);outline-offset:2px}.addr{display:flex;align-items:center;gap:0}.addr input{border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);flex:1;min-width:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem}.addr-suffix{padding:12px 14px;background:#ffffff0a;border:1px solid var(--border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--txt-subtle);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;white-space:nowrap;line-height:1.6}.hint{margin:6px 0 0;color:var(--txt-subtle);font-size:.8rem}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}fieldset{border:0;padding:0;margin:24px 0 0}legend{font-size:.82rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--txt-muted);margin-bottom:10px;padding:0}.choice{display:flex;align-items:flex-start;gap:14px;margin:8px 0 0;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:400;color:var(--txt-muted);background:#ffffff05;transition:border-color .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden}.choice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(99,102,241,.06),transparent 60%);opacity:0;transition:opacity .2s}.choice:hover{border-color:var(--border-hover);background:#ffffff0d}.choice:hover:before{opacity:1}.choice.on{border-color:var(--grad-start);background:var(--ambient-1);color:var(--txt);box-shadow:0 0 0 1px var(--grad-start) inset,0 0 20px var(--ambient-1)}.choice.on:before{opacity:1}.choice input[type=radio],.choice input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--grad-start);cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.choice b{display:block;font-weight:600;font-size:.9rem;color:var(--txt)}.choice small{display:block;font-size:.8rem;color:var(--txt-muted);margin-top:2px;line-height:1.4}.captcha{margin-top:20px}.error{display:flex;align-items:flex-start;gap:10px;margin:16px 0 0;padding:12px 16px;background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);color:var(--bad);font-size:.875rem;font-weight:500;animation:fadeUp .2s ease both}.btn-submit{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:28px;width:100%;padding:14px 24px;font:inherit;font-size:.95rem;font-weight:700;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--grad-start) 0%,var(--grad-mid) 100%);border:0;border-radius:var(--radius-sm);cursor:pointer;text-align:center;text-decoration:none;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 24px #6366f166}.btn-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);transition:opacity .2s}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #6366f18c}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:12px 28px;font:inherit;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--grad-start),var(--grad-mid));border-radius:var(--radius-sm);text-decoration:none;box-shadow:0 4px 20px #6366f159;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 28px #6366f180}.success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f133,#34d39926);border:1px solid rgba(52,211,153,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:1.75rem;box-shadow:0 0 30px #34d39926;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.panel.centered{text-align:center}.panel.centered h2{font-size:1.6rem}.panel.centered p{color:var(--txt-muted);font-size:.9rem}.panel.centered b{color:var(--txt)}.steps{list-style:none;padding:0;margin:0 0 20px}.steps li{position:relative;padding:12px 0 12px 40px;color:var(--txt-subtle);font-size:.9rem;transition:color .3s}.steps li:not(:last-child):after{content:"";position:absolute;left:10px;top:38px;width:2px;height:calc(100% - 14px);background:var(--border);transition:background .5s}.steps li.done:not(:last-child):after{background:var(--grad-start)}.steps li:before{content:"";position:absolute;left:4px;top:16px;width:16px;height:16px;border-radius:50%;border:2px solid var(--border);background:var(--surface);transition:all .3s}.steps li.done{color:var(--txt)}.steps li.done:before{background:var(--grad-start);border-color:var(--grad-start);box-shadow:0 0 12px #6366f180}.steps li.done:before{content:"";background:var(--grad-start) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 10px no-repeat}.steps li.now{color:var(--txt);font-weight:600}.steps li.now:before{border-color:var(--grad-start);background:var(--surface);animation:pulseDot 1.4s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 #6366f180}50%{box-shadow:0 0 0 6px #6366f100}}.divider{height:1px;background:var(--border);margin:28px 0}.admin-page{min-height:100vh;background:var(--bg);position:relative;z-index:1;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.admin-login{min-height:100vh;background:var(--bg);position:relative;z-index:1}.admin-login:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(99,102,241,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 100%,rgba(6,182,212,.1) 0%,transparent 60%);pointer-events:none;z-index:0}.admin-login-card{width:100%;padding:36px 32px;border-radius:16px;box-shadow:0 24px 60px #00000073;box-sizing:border-box}.admin-header{background:var(--hero-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;transition:background-color .35s ease,border-color .35s ease;width:100%}.admin-header-inner{max-width:1400px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-header-controls{display:flex;align-items:center;gap:10px}.admin-user-pill{font-size:.8rem;color:var(--txt-muted);display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);padding:4px 10px;border-radius:100px;border:1px solid var(--border);white-space:nowrap}.admin-btn-refresh{padding:6px 14px;background:#ffffff0f;border:1px solid var(--border);border-radius:8px;color:var(--txt-muted);cursor:pointer;font-size:.8rem}.admin-btn-logout{padding:6px 14px;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;color:#f87171;cursor:pointer;font-size:.8rem;font-weight:600}.admin-body{max-width:1400px;margin:0 auto;padding:32px;box-sizing:border-box;width:100%;overflow-x:hidden}.admin-tabs-nav{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;width:100%;scrollbar-width:thin}.admin-tabs-nav::-webkit-scrollbar{height:4px}.admin-tabs-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.admin-tab-btn{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);color:var(--txt-muted);font-weight:700;cursor:pointer;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.admin-tab-btn:hover{border-color:var(--border-hover);color:var(--txt)}.admin-tab-btn.active{border-color:var(--grad-start);background:var(--ambient-1);color:var(--txt)}.tab-pending-badge{padding:2px 8px;border-radius:100px;background:#f59e0b;color:#000;font-size:.75rem;font-weight:800}.saas-cred-bar{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;box-shadow:var(--shadow-sm);gap:16px}.saas-cred-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.saas-cred-icon{font-size:1.25rem;flex-shrink:0}.saas-cred-content{min-width:0}.saas-cred-title{font-size:.74rem;color:var(--txt-subtle);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.saas-cred-values{display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap;word-break:break-all}.saas-cred-login{color:var(--txt);font-weight:700}.saas-cred-dot{color:var(--txt-subtle)}.saas-cred-pass{color:var(--grad-start);font-weight:600}.saas-cred-actions{display:inline-flex;align-items:center;gap:6px}.saas-btn-toggle{background:none;border:none;cursor:pointer;font-size:.8rem;color:var(--txt-muted);padding:2px 6px;border-radius:4px}.saas-btn-copy{background:#ffffff0f;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.74rem;color:var(--txt-muted);padding:2px 8px}.saas-cred-sub{font-size:.78rem;color:var(--txt-subtle);text-align:right;flex-shrink:0}.stat-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:28px;width:100%}.stat-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;display:flex;flex-direction:column;gap:8px;min-width:120px;animation:fadeUp .3s ease both;transition:background-color .35s ease,border-color .35s ease,transform .15s ease;cursor:pointer}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.stat-value{font-size:1.85rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--txt)}.admin-table-wrap{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;overflow-y:visible;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;min-height:240px;animation:fadeUp .4s ease both;transition:background-color .35s ease,border-color .35s ease;scrollbar-width:thin}.admin-table-wrap::-webkit-scrollbar{height:6px}.admin-table-wrap::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}@media(min-width:641px){.admin-table{min-width:880px}}.admin-cards-list{display:none;flex-direction:column;gap:12px;width:100%}.tenant-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;animation:fadeUp .2s ease}.tenant-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tenant-card-title{font-weight:800;font-size:1rem;color:var(--txt);display:flex;align-items:center;gap:6px;word-break:break-all}.tenant-card-link{color:var(--grad-start);text-decoration:none;font-size:.8rem}.tenant-card-sub{font-size:.78rem;color:var(--txt-muted);margin-top:2px;word-break:break-all}.tenant-card-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.payment-pill{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:800;display:inline-block}.payment-pill.paid{background:#34d39926;color:#34d399;border:1px solid #34d39955}.payment-pill.unpaid{background:#f59e0b26;color:#f59e0b;border:1px solid #f59e0b55}.tenant-card-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--surface-2);padding:10px 12px;border-radius:6px;font-size:.78rem;border:1px solid var(--border)}.detail-label{color:var(--txt-subtle);margin-right:4px}.tenant-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tenant-card-actions .action-btn{flex:1 1 auto;text-align:center;padding:8px 12px;font-size:.8rem}.admin-table thead{background:#ffffff08;border-bottom:1px solid var(--border)}.admin-table th{padding:12px 16px;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-subtle)}.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle;color:var(--txt-muted)}.admin-table tbody tr:hover{background:#ffffff05}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table .row-running{animation:rowPulse 2s ease-in-out infinite}@keyframes rowPulse{0%,to{background:transparent}50%{background:#f59e0b0a}}.actions-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}.action-btn{padding:4px 12px;font-size:.78rem;font-weight:600;border-radius:6px;border:1px solid var(--border);background:#ffffff0a;color:var(--txt-muted);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.action-btn:hover{background:#ffffff14;border-color:var(--border-hover)}.action-btn-warn{border-color:#fbbf2440;color:#fbbf24;background:#fbbf240f}.action-btn-warn:hover{background:#fbbf241f}.menu-container{position:relative;display:inline-block}.menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:500;background:var(--surface-2);border:1px solid var(--border-hover);border-radius:8px;padding:6px;min-width:210px;box-shadow:0 16px 40px #000000b3;display:flex;flex-direction:column;gap:2px;animation:fadeIn .12s ease}.menu-dropdown.drop-up{top:auto;bottom:calc(100% + 4px)}.menu-item{padding:8px 12px;border-radius:6px;border:none;background:transparent;color:var(--txt);font-size:.8rem;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;transition:background .12s}.menu-item:hover{background:#ffffff12}.menu-item-danger:hover{background:#ef444426;color:#f87171}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:28px;max-width:760px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow);animation:fadeUp .2s ease;box-sizing:border-box}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.modal-close{background:#ffffff0f;border:1px solid var(--border);border-radius:6px;color:var(--txt-muted);font-size:.9rem;padding:4px 10px;cursor:pointer;flex-shrink:0}.mono-block{background:#0000004d;border:1px solid var(--border);border-radius:8px;padding:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;color:var(--txt-muted);white-space:pre-wrap;word-break:break-all;max-height:400px;overflow-y:auto}.modal-action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.tenant-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:.78rem;padding-top:8px;border-top:1px solid var(--border)}.invoice-container-box{background:#ffffff05;border:1px solid var(--border);border-radius:10px;padding:24px}.invoice-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;font-size:.84rem}.invoice-meta-cycle{text-align:right}.invoice-ref-pill{background:var(--surface-2);padding:10px 14px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:.84rem;border:1px solid var(--border);flex-wrap:wrap;gap:8px}.pricing-summary{margin:24px 0 16px;padding:18px 20px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s ease}.pricing-header{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--txt-muted);margin-bottom:12px}.pricing-badge{padding:2px 8px;border-radius:100px;background:var(--ambient-1);color:var(--grad-start);font-size:.72rem;font-weight:700}.pricing-row{display:flex;justify-content:space-between;font-size:.88rem;color:var(--txt);margin-bottom:6px}.pricing-row.subtle{font-size:.82rem;color:var(--txt-muted)}.pricing-divider{height:1px;background:var(--border);margin:12px 0}.pricing-row.total{font-size:1rem;font-weight:700;margin-bottom:0;align-items:center}.price-tag{color:var(--ok);font-size:1.15rem;font-weight:800}.choice-price{float:right;font-size:.8rem;font-weight:700;color:var(--grad-start)}.invoice-box{margin:16px 0 20px;padding:16px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left}.invoice-card{background:#fff;color:#0f172a;border-radius:var(--radius);padding:36px;max-width:680px;width:100%;margin:0 auto;box-shadow:0 20px 50px #0006;font-family:inherit}.invoice-card table{width:100%;border-collapse:collapse;margin:20px 0}.invoice-card th{text-align:left;padding:10px 12px;border-bottom:2px solid #e2e8f0;font-size:.75rem;text-transform:uppercase;color:#64748b}.invoice-card td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:.88rem}@media(max-width:900px){.page{grid-template-columns:1fr}.hero{position:static;height:auto;padding:32px 24px;gap:24px}.hero:before,.hero:after{display:none}.hero-footer{display:none}.content{padding:24px 16px 60px}.panel{padding:24px 20px}.hero-features{display:flex}}@media(max-width:768px){.admin-header-inner{padding:12px 18px;flex-wrap:wrap;gap:12px}.admin-body{padding:20px 16px}.saas-cred-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.saas-cred-sub{text-align:left}.stat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;margin-bottom:18px}.stat-card{padding:12px 14px;min-width:0;gap:4px;border-radius:8px}.stat-value{font-size:1.45rem}.admin-table th{padding:10px 12px;font-size:.7rem}.admin-table td{padding:12px;font-size:.82rem}.invoice-meta-grid{grid-template-columns:1fr;gap:12px}.invoice-meta-cycle{text-align:left}.invoice-container-box{padding:18px 14px}.modal-box{padding:20px 16px;max-height:85vh;border-radius:12px}.invoice-card{padding:22px 16px}}@media(max-width:640px){.admin-table-wrap{display:none!important}.admin-cards-list{display:flex!important}}@media(max-width:540px){.hero{padding:24px 16px;gap:20px}.hero-header{flex-wrap:wrap;gap:10px}.content{padding:16px 12px 48px}.panel{padding:20px 16px;border-radius:var(--radius-sm)}.address-card{padding:16px}.address{font-size:1.15rem;word-break:break-all}.addr{flex-direction:column;align-items:stretch}.addr input{border-right:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-size:16px}.addr-suffix{border-left:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);text-align:center}input[type=text],input[type=email],input[type=password],input[type=number],select,input:not([type]){font-size:16px}.choice{padding:12px 14px;gap:12px}.hero-features li{padding:4px 10px;font-size:.72rem}.admin-header-inner{padding:10px 12px;gap:10px}.admin-header-controls{width:100%;justify-content:space-between;gap:6px}.admin-brand .brand-title{font-size:.95rem}.admin-user-pill{font-size:.74rem;padding:3px 8px}.admin-btn-refresh .btn-label{display:none}.admin-btn-refresh,.admin-btn-logout{padding:5px 10px;font-size:.75rem}.theme-btn{padding:3px 8px;font-size:.72rem}.admin-body{padding:14px 10px}.admin-tabs-nav{gap:6px;margin-bottom:14px}.admin-tab-btn{padding:8px 14px;font-size:.8rem}.stat-cards{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;margin-bottom:14px}.stat-card{padding:8px 10px;border-radius:6px}.stat-value{font-size:1.25rem}.modal-overlay{padding:10px}.modal-box{padding:16px 12px;max-height:90vh;border-radius:12px}.modal-header h3{font-size:1.05rem}.modal-action-row{flex-direction:column;align-items:stretch;gap:8px}.modal-action-row button,.modal-action-row .action-btn{width:100%;text-align:center;justify-content:center}.tenant-summary-grid{grid-template-columns:1fr;gap:6px}.admin-login-card{padding:22px 16px;border-radius:12px}.invoice-card{padding:16px 12px}}@media(prefers-reduced-motion:reduce){.steps li.now:before{animation:none}.panel{animation:none}.btn-submit{transition:none}}
