:root{--bg:#07111f;--panel:#0a1423b8;--panel-soft:#ffffff0f;--stroke:#ffffff1f;--text:#e9f1ff;--muted:#9fb0cc;--brand:#4f7cff;--brand-2:#7d5cff;--success:#14c38e;--danger:#ff6b6b;--warning:#f5b942;--violet:#9b7cff;--shadow:0 20px 70px #01081273;--radius-xl:28px;--radius-lg:22px;--radius-md:18px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#4f7cff38,#0000 28%),radial-gradient(circle at 80% 20%,#7d5cff2e,#0000 25%),linear-gradient(#07111f 0%,#0c1729 38%,#09111e 100%);margin:0;font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.glass-card,.glass-bar{border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#111c2ee0,#0a121ed1)}.glass-card{border-radius:var(--radius-xl)}.glass-bar{border-radius:24px}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:36px;display:flex;position:relative;overflow:hidden}.login-aurora{filter:blur(80px);opacity:.45;border-radius:999px;position:absolute}.login-aurora-1{background:#3867ff;width:430px;height:430px;top:-60px;left:-80px}.login-aurora-2{background:#7d5cff;width:380px;height:380px;bottom:-80px;right:-40px}.login-wrap{z-index:1;grid-template-columns:1.15fr .85fr;gap:28px;width:min(1380px,100%);display:grid;position:relative}.login-showcase,.login-card{padding:36px}.login-showcase h1{letter-spacing:-.04em;margin:14px 0 16px;font-size:clamp(2.7rem,4vw,4.8rem);line-height:1.05}.login-showcase p,.login-card p,.sidebar-caption,.topbar-subtitle,.field span,.field input::placeholder,.field select,.app-head-copy p,.meta-row,.stat-label,.stat-trend,.activity-item span,.assignment-copy span,.section-head p,.panel-head p,.tenant-row span,.floating-label{color:var(--muted)}.eyebrow{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.eyebrow.inverse{background:#ffffff1f}.login-highlight-grid,.preview-metrics,.grid{gap:18px;display:grid}.login-highlight-grid{grid-template-columns:repeat(3,1fr);margin-top:28px}.floating-card,.metric-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:22px;padding:18px}.floating-value,.metric-value,.stat-value{font-size:1.5rem;font-weight:800}.preview-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;margin-top:28px;padding:22px}.preview-head{color:#cfe0ff;justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.preview-metrics{grid-template-columns:repeat(4,1fr)}.metric-icon,.stat-icon{background:#ffffff14;border-radius:14px;place-items:center;width:38px;height:38px;margin-bottom:12px;display:grid}.brand-row,.topbar-left,.topbar-right,.app-card-head,.meta-row,.card-footer,.sidebar-header,.panel-head,.tenant-row,.tenant-row-right,.hero-badges,.button-row,.nav-card,.assignment-card,.activity-item,.arch-row,.quick-link-row{align-items:center;display:flex}.brand-block{align-items:center;gap:14px;display:flex}.brand-row,.sidebar-header,.panel-head{justify-content:space-between}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:800;display:grid;overflow:hidden;box-shadow:0 12px 32px #4f7cff6b}.brand-mark.small{border-radius:14px;width:42px;height:42px;font-size:1rem}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand-title,.topbar-title,.sidebar-title{font-size:1.05rem;font-weight:700}.brand-subtitle{color:var(--muted);font-size:.92rem}.segment-row{background:#ffffff0d;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;margin:28px 0 20px;padding:6px;display:grid}.segment-btn{color:var(--muted);background:0 0;border:0;border-radius:14px;padding:14px 12px;font-weight:700}.segment-btn.active{color:#fff;background:linear-gradient(135deg,#4f7cff3d,#7d5cff3d)}.form-grid{gap:16px;display:grid}.form-grid.two-col{grid-template-columns:1fr 1fr}.form-grid.compact{gap:12px}.field{gap:10px;display:grid}.field span{font-size:.88rem;font-weight:600}.field input,.field select,.searchbar,.password-wrap,.select-wrap{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;min-height:54px}.field input,.field select{outline:none;padding:0 16px}.password-wrap,.searchbar,.select-wrap{align-items:center;gap:12px;padding:0 16px;display:flex}.password-wrap input,.searchbar input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-height:52px}.select-wrap{position:relative}.select-wrap svg{pointer-events:none;position:absolute;right:16px}.select-wrap select{appearance:none}.full-span{grid-column:1/-1}.primary-btn,.secondary-btn,.text-btn,.icon-btn{border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;transition:all .22s;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;padding:15px 20px;font-weight:700;box-shadow:0 18px 38px #4f7cff59}.primary-btn.small{padding:12px 16px}.primary-btn.disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.secondary-btn{color:var(--text);background:#ffffff0f;border:1px solid #ffffff17;padding:14px 18px}.secondary-btn.full{width:100%;margin-top:18px}.text-btn{color:#c9d9ff;background:0 0;padding:0}.icon-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;width:44px;height:44px}.icon-btn.danger{color:#ff9f9f}.quick-link-row{flex-wrap:wrap;gap:10px;margin-top:18px}.quick-chip,.pill,.hero-chip,.tenant-app-count{border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.quick-chip,.hero-chip,.tenant-app-count{background:#ffffff0f;border:1px solid #ffffff14}.pill.success{color:#8bf0cc;background:#14c38e26}.pill.warning{color:#ffd37c;background:#f5b94226}.pill.muted{color:#b8cae9;background:#ffffff0f}.portal-page{padding:24px}.topbar{z-index:10;justify-content:space-between;gap:18px;min-height:82px;padding:14px 18px;display:flex;position:sticky;top:18px}.topbar-right{gap:12px}.searchbar{min-width:320px}.searchbar.grow{flex:1}.searchbar.compact-bar{min-width:0;margin-bottom:18px}.user-badge{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex}.user-badge strong,.tenant-row strong,.assignment-copy strong,.activity-item strong{display:block}.user-badge span{color:var(--muted);font-size:.8rem;display:block}.user-badge-inline{white-space:nowrap;align-items:center;gap:8px;display:flex}.user-badge-inline strong,.user-badge-inline span{margin:0;display:inline-block}.user-badge{align-items:center;gap:10px;display:flex}.portal-grid{grid-template-columns:310px minmax(0,1fr);gap:22px;margin-top:20px;display:grid}.left-sidebar{align-self:start;padding:24px;position:sticky;top:122px}.sidebar-section{gap:12px;margin-top:22px;display:grid}.section-label{text-transform:uppercase;letter-spacing:.1em;color:#84a0c8;font-size:.75rem}.nav-card,.admin-nav-btn{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:18px;gap:14px;width:100%;padding:14px 16px}.nav-icon,.app-logo{border-radius:16px;flex:none;place-items:center;width:44px;height:44px;display:grid}.nav-title{font-weight:700}.nav-caption{color:var(--muted);font-size:.82rem}.admin-nav-btn{color:var(--text);text-align:left;border:0;justify-content:flex-start;text-decoration:none}.admin-nav-btn span{flex:1}.admin-nav-btn.active{background:linear-gradient(135deg,#4f7cff2e,#7d5cff2e);border:1px solid #7990ff3d}.content-area,.page-stack{gap:22px;display:grid}.hero-banner,.section-head{background:linear-gradient(135deg,#4f7cff38,#7d5cff24);border:1px solid #ffffff1f;border-radius:30px;padding:30px}.hero-banner.dark{background:linear-gradient(135deg,#122038f2,#22193ae6)}.hero-banner h2,.section-head h2{margin:10px 0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.05}.hero-banner p,.section-head p{max-width:880px}.hero-badges{flex-wrap:wrap;gap:12px;margin-top:22px}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split-2{grid-template-columns:1.05fr .95fr}.panel-card{padding:24px}.panel-head h3{margin:0;font-size:1.08rem}.panel-head.stacked{align-items:flex-start}.stat-card{padding:22px}.app-card{padding:24px}.app-card.locked{opacity:.88}.app-head-copy{flex:1}.app-head-copy h3{margin:0 0 8px;font-size:1.2rem}.meta-row{flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:18px}.card-footer{justify-content:flex-end;margin-top:22px}.activity-list,.architecture-list,.tenant-list,.assignment-grid{gap:14px;display:grid}.activity-item,.arch-row{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:18px;gap:12px;padding:14px 16px}.pulse-dot{background:var(--brand);border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #4f7cff1f}.pulse-dot.success{background:var(--success);box-shadow:0 0 0 6px #14c38e1f}.pulse-dot.warning{background:var(--warning);box-shadow:0 0 0 6px #f5b9421f}.pulse-dot.violet{background:var(--violet);box-shadow:0 0 0 6px #9b7cff1f}.tenant-row{width:100%;color:var(--text);text-align:left;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;justify-content:space-between;gap:12px;padding:16px}.tenant-row.selected{background:#4f7cff14;outline:2px solid #4f7cff70}.assignment-grid{grid-template-columns:1fr 1fr;margin-top:18px}.assignment-card{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:18px;justify-content:space-between;gap:14px;padding:16px}.assignment-card.checked{background:#14c38e17;border-color:#14c38e6b}.assignment-card input{width:18px;height:18px;accent-color:var(--success)}.button-row{justify-content:flex-end;gap:12px;margin-top:20px}.theme-brand{color:#dce8ff;background:linear-gradient(135deg,#4f7cff52,#44c5ff2e)}.theme-danger{color:#ffd1d1;background:linear-gradient(135deg,#ff6b6b47,#ff884d24)}.theme-success{color:#d3fff2;background:linear-gradient(135deg,#14c38e3d,#41dfaf26)}.theme-violet{color:#f0e6ff;background:linear-gradient(135deg,#9b7cff47,#7d5cff29)}.theme-warning{color:#ffefbf;background:linear-gradient(135deg,#f5b94247,#f7a02724)}.form-error,.form-success,.empty-state{border-radius:18px;padding:16px 18px}.form-error{color:#ffd1d1;background:#ff6b6b1f;border:1px solid #ff6b6b3d}.form-success{color:#bdf8e4;background:#14c38e1f;border:1px solid #14c38e3d}.empty-state{background:#ffffff0a;border:1px solid #ffffff0f}.empty-state h3{margin:0 0 8px}@media (width<=1180px){.login-wrap,.portal-grid,.split-2,.cards-4,.cards-2,.preview-metrics,.assignment-grid,.form-grid.two-col{grid-template-columns:1fr}.topbar,.left-sidebar{position:static}}@media (width<=820px){.login-page,.portal-page{padding:16px}.login-showcase,.login-card,.panel-card,.hero-banner,.section-head{padding:22px}.searchbar{min-width:0}.topbar{flex-direction:column;align-items:stretch}.topbar-right{flex-wrap:wrap}.hero-banner h2,.section-head h2{font-size:1.7rem}}