.auth-wrap{min-height:72vh;display:grid;place-items:center;padding:52px 18px;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.16),transparent 34%),radial-gradient(circle at 80% 90%,rgba(6,182,212,.14),transparent 35%),#f8fafc}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid rgba(148,163,184,.28);border-radius:28px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.15)}.auth-brand{padding:42px;background:linear-gradient(145deg,#071a34,#0b2f69 58%,#0a7ea0);color:#fff;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.08);right:-100px;bottom:-110px}.auth-brand img{width:190px;max-width:70%;filter:brightness(0) invert(1)}.auth-brand h2{font-size:clamp(30px,4vw,50px);line-height:1.06;margin:58px 0 14px}.auth-brand p{color:rgba(255,255,255,.76);max-width:460px}.auth-points{display:grid;gap:10px;margin-top:28px}.auth-points span{display:flex;gap:10px;align-items:center}.auth-form{padding:42px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef4ff;border-radius:14px;padding:4px;margin-bottom:26px}.auth-tabs button{border:0;background:transparent;border-radius:11px;padding:12px;font-weight:700;cursor:pointer}.auth-tabs button.active{background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.08);color:#175bd8}.auth-pane{display:none}.auth-pane.active{display:block}.backend-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#e8fff3;color:#087443;font-size:12px;font-weight:800}.backend-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.12)}.auth-note{margin-top:16px;border:1px solid #d9e7ff;background:#f5f9ff;border-radius:14px;padding:12px 14px;color:#52627a;font-size:13px}.org-onboard{padding:24px;border:1px solid #cfe0ff;background:linear-gradient(135deg,#f8fbff,#eef6ff);border-radius:22px;margin-bottom:20px}.backend-loading{padding:24px;text-align:center;color:#64748b}.backend-error{padding:14px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239;border-radius:14px}.table select.mini-select{padding:7px 9px;border:1px solid #dbe4f0;border-radius:9px;background:#fff}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#12b76a;margin-right:6px;box-shadow:0 0 0 5px rgba(18,183,106,.12)}.user-menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-pill{padding:7px 11px;border:1px solid #dbe4f0;border-radius:999px;background:#fff;color:#334155;font-size:12px}.empty-state{padding:28px;text-align:center;color:#64748b}.admin-two{display:grid;grid-template-columns:360px 1fr;gap:18px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.small-help{font-size:12px;color:#64748b;margin-top:5px}.logout-btn{border:0;background:#fff0f2;color:#be123c;border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer}.backend-status-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 14px;border:1px solid #dce8f7;background:rgba(255,255,255,.78);border-radius:14px;margin-bottom:18px}.sidebar .side-user{margin:14px 12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.07);font-size:12px;color:rgba(255,255,255,.75)}.sidebar .side-user b{display:block;color:#fff;margin-bottom:3px}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:900px){.auth-card{grid-template-columns:1fr}.auth-brand{padding:30px}.auth-brand h2{margin-top:28px}.auth-form{padding:28px}.admin-two,.form-row-3,.form-row-2{grid-template-columns:1fr}}

/* v7 live product applications */
.product-app{min-height:100vh;background:linear-gradient(145deg,#f7faff,#eef5ff 54%,#f7fbff);color:#0f172a}
.product-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:rgba(5,20,47,.94);backdrop-filter:blur(18px);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}
.product-top .brand{display:flex;align-items:center;gap:10px;font-weight:800}.product-top img{width:38px;height:38px;object-fit:contain;border-radius:10px;background:#fff}.product-top-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.product-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 64px)}
.product-side{background:#071932;color:#d9e7fb;padding:18px 14px;border-right:1px solid rgba(255,255,255,.08)}.product-side h3{color:#fff;margin:4px 8px 14px}.product-side button{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 12px;border-radius:12px;font:inherit;cursor:pointer;margin:2px 0}.product-side button:hover,.product-side button.active{background:linear-gradient(135deg,rgba(37,99,235,.34),rgba(6,182,212,.18));color:#fff}.product-main{padding:24px;min-width:0}.product-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.product-hero h1{margin:0;font-size:clamp(26px,4vw,42px)}.product-hero p{margin:7px 0 0;color:#64748b}.product-status{display:inline-flex;align-items:center;gap:7px;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;padding:7px 11px;border-radius:999px;font-size:13px;font-weight:700}.product-status:before{content:"";width:8px;height:8px;background:#22c55e;border-radius:50%}.product-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap}.product-toolbar .input{max-width:320px}.product-panel{display:none}.product-panel.active{display:block;animation:sbFade .25s ease}.crud-layout{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:16px}.crud-form{position:sticky;top:88px;align-self:start}.crud-form h3,.crud-table h3{margin-top:0}.crud-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.crud-table{overflow:hidden}.crud-table .table-wrap{max-height:620px;overflow:auto}.crud-table table{min-width:720px}.row-actions{display:flex;gap:5px;white-space:nowrap}.row-actions button{border:1px solid #dbe5f2;background:#fff;border-radius:8px;padding:6px 9px;cursor:pointer}.row-actions button:hover{background:#eff6ff;border-color:#93c5fd}.row-actions .danger:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c}.app-empty{padding:30px;text-align:center;color:#64748b}.module-help{font-size:13px;color:#64748b;margin:-4px 0 14px}.product-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.product-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.product-kpi small{color:#64748b}.product-kpi strong{display:block;font-size:26px;margin-top:5px}.access-card{max-width:720px;margin:70px auto;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:30px;box-shadow:0 24px 70px rgba(15,23,42,.12);text-align:center}.access-card h2{margin-top:0}.access-card .btn{margin:5px}.select-org{max-width:420px;margin:12px auto}.relation-note{font-size:12px;color:#64748b;margin-top:4px}
@media(max-width:900px){.product-shell{grid-template-columns:1fr}.product-side{display:flex;overflow:auto;gap:4px;padding:8px;position:sticky;top:62px;z-index:20}.product-side h3{display:none}.product-side button{width:auto;white-space:nowrap}.product-main{padding:15px}.crud-layout{grid-template-columns:1fr}.crud-form{position:static}.product-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.product-top{padding:10px 12px}.product-top .brand span{display:none}.product-hero{display:block}.product-kpis{grid-template-columns:1fr 1fr}.product-kpi strong{font-size:21px}.product-main{padding:12px}.crud-table{margin:0 -2px}}