:root{--bg:#f4f7fa;--panel:#fff;--ink:#0a0c10;--ink-secondary:#4a5568;--ink-muted:#a0aec0;--line:#e5e9f0;--line-strong:#d8dee9;--secondary:var(--ink-secondary);--border:var(--line);--accent:#06f;--accent-hover:#04b;--accent-soft:#0066ff0f;--accent-ink:#04b;--danger:#dc2626;--danger-soft:#fef2f2;--danger-ink:#991b1b;--shadow-soft:0 20px 40px -10px #0a0c1012;--shadow-crisp:0 4px 30px #0a0c1009;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-sm:16px;--radius-md:24px;--radius-lg:32px;--radius-xl:48px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.text-hero{font-family:var(--font-sans);letter-spacing:-.05em;color:var(--ink);font-size:clamp(3rem,7vw,5.75rem);font-weight:400;line-height:1.05}.text-title{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--ink);font-size:1.5rem;font-weight:500}.text-subtitle{color:var(--ink-secondary);letter-spacing:-.01em;font-size:1.125rem}.text-body{color:var(--ink);font-size:.9375rem}.text-mono{font-family:var(--font-mono);letter-spacing:-.02em;font-size:.8125rem}.text-micro{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-secondary);font-size:.6875rem;font-weight:600}.text-metric{font-family:var(--font-sans);letter-spacing:-.05em;color:var(--ink);font-size:clamp(2.5rem,5vw,4rem);font-weight:400;line-height:1}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:3rem 1.5rem}@media (width>=768px){.main-content{padding:4rem 3rem}}.app-island{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.login-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{width:100%;max-width:460px;padding:clamp(2.5rem,5vw,4rem)}@media (width>=640px){.login-card{padding:3.5rem}}.login-intro{text-align:center;margin-bottom:2.5rem}.login-mark,.brand-mark{color:#fff;background:var(--accent);justify-content:center;align-items:center;display:inline-flex}.login-mark{border-radius:18px;width:48px;height:48px;margin-bottom:1.25rem}.login-eyebrow{color:var(--accent);margin-bottom:.5rem}.login-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.login-password-group{margin-bottom:2rem}.input-group{margin-bottom:1.25rem}.input-label{margin-bottom:.5rem;display:block}.input-field{width:100%;font-family:var(--font-sans);color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-md);outline:none;padding:1rem 1.25rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.input-field:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);cursor:pointer;border:none;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;transition:background-color .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--ink-secondary);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s}.btn-ghost:hover{background:var(--bg);color:var(--ink)}.app-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffd9;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1.25rem,3vw,3rem);display:flex;position:sticky;top:0}@media (width>=768px){.app-header{padding:1rem 3rem}}.nav-links{scrollbar-width:none;gap:.25rem;min-width:0;margin-left:1.5rem;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link{color:var(--ink-secondary);border-radius:999px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}.nav-link:hover{color:var(--ink);background:var(--bg)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.header-main,.header-account,.brand-lockup{align-items:center;display:flex}.header-main{flex:auto;gap:2rem;min-width:0}.brand-lockup{gap:.75rem}.brand-mark{border-radius:var(--radius-sm);flex:none;width:32px;height:32px}.brand-mark-small{width:32px;height:32px}.brand-name{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-size:.9375rem;font-weight:600}.header-account{gap:1.25rem}.account-context{flex-direction:column;align-items:flex-end;gap:.125rem;display:flex}.account-avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:.9375rem;font-weight:600;display:flex}.account-name{font-size:.8125rem;font-weight:600}.tenant-grid{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem;display:grid}@media (width>=640px){.tenant-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}}.tenant-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);min-height:310px;box-shadow:var(--shadow-crisp);flex-direction:column;padding:clamp(2rem,4vw,3rem);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tenant-card:hover{box-shadow:var(--shadow-soft);border-color:var(--line-strong);transform:translateY(-2px)}.metric-group{gap:2rem;margin-top:3rem;margin-bottom:1.5rem;display:flex}.metric-item{flex-direction:column;display:flex}.activity-table-wrapper{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow-crisp);margin-top:1.5rem;overflow-x:auto}.activity-table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}.activity-table th{border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink-muted);font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;padding:1rem 1.25rem;font-size:10px;font-weight:600}.activity-table td{border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:1rem 1.25rem;font-size:.9375rem}.status-column{text-align:right}.activity-actor{font-weight:500}.activity-action{flex-direction:column;gap:.25rem;display:flex}.activity-reason{color:var(--danger-ink);font-size:.75rem}.target-id{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);padding:.25rem .5rem;font-weight:500}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill-success{color:var(--ink-secondary);background:var(--bg);border:1px solid var(--line)}.status-pill-failed{color:var(--danger-ink);background:var(--danger-soft);border:1px solid #be123c29}.activity-table tr:last-child td{border-bottom:none}.row-failed td{position:relative}.row-failed td:first-child:before{content:"";background-color:var(--danger);width:3px;position:absolute;top:0;bottom:0;left:0}.search-wrapper{width:100%;margin-bottom:1.5rem;position:relative}@media (width>=640px){.search-wrapper{max-width:320px;margin-bottom:0;margin-left:auto}}.search-input{border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--panel);width:100%;font-family:var(--font-sans);padding:.625rem 1rem .625rem 2.5rem;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search-icon{color:var(--ink-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.screen-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2.5rem;display:flex}.screen-header-single{margin-bottom:2.5rem}.screen-eyebrow{color:var(--accent);margin-bottom:.75rem}.screen-description{margin-top:.5rem}.tenant-card-header{justify-content:space-between;align-items:flex-start;display:flex}.tenant-name{margin-bottom:.25rem;font-size:1.125rem}.unnamed-tenant{color:var(--ink-muted);font-style:italic}.tenant-id{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink-secondary);cursor:pointer;font-family:var(--font-mono);align-items:center;gap:.375rem;padding:.125rem .375rem;font-size:.75rem;display:inline-flex}.tenant-id:hover{border-color:var(--line-strong);color:var(--ink)}.tenant-id:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tenant-card-footer{border-top:1px solid var(--line);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;display:flex}.tenant-detail-link{color:var(--accent);white-space:nowrap;font-size:.75rem;font-weight:600;text-decoration:none}.tenant-detail-link:hover{color:var(--accent-hover);text-decoration:underline}.tenant-detail-toolbar{align-items:center}.tenant-back-link{padding-left:0}.tenant-detail-hero{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2rem;min-height:360px;padding:clamp(2.5rem,7vw,6rem);display:flex}.tenant-detail-hero .text-hero{max-width:900px}.tenant-detail-hero .tenant-id{text-overflow:ellipsis;max-width:100%;overflow:hidden}.tenant-detail-metrics{margin-top:1.5rem}.tenant-detail-metrics .tenant-card{justify-content:space-between;gap:2rem}.skeleton-card{background:var(--line);border-color:#0000;min-height:240px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeleton-heading{width:60px;height:12px;display:block}.skeleton-row{width:80px;height:16px;display:block}.state-icon{color:var(--line-strong)}.state-icon-danger{color:var(--danger)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:.5rem;min-height:220px;padding:4rem 1.5rem;display:flex}.skeleton{background:var(--line);border-radius:var(--radius-sm);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{background:var(--danger-soft);color:var(--danger-ink);border-radius:var(--radius-sm);text-align:center;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}@media (width<=767px){.app-header{padding:.75rem 1.25rem}.header-main{flex-wrap:wrap;gap:.75rem 1.25rem}.header-account{gap:.5rem}.account-context{display:none}.nav-links{order:2;width:100%;margin-left:0}.main-content{padding:2rem 1.25rem}.text-hero{font-size:2.25rem}}@media (width<=639px){.login-card{padding:2.5rem 1.5rem}.screen-header{align-items:stretch}.search-wrapper{max-width:none;margin-bottom:0}.tenant-card{min-height:260px;padding:1.75rem}.tenant-detail-hero{min-height:300px;padding:2rem}}.flex-row{align-items:center;display:flex}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-8{margin-bottom:2rem}.text-right{text-align:right}.color-secondary{color:var(--ink-secondary)}.portfolio-header-metrics{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4rem;margin:3rem 0;padding-bottom:3rem;display:flex}.portfolio-metric{flex-direction:column;gap:.375rem;display:flex}.portfolio-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-group{flex-wrap:wrap;flex:1;gap:.75rem;display:flex}.portfolio-filter-select{border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--panel);font:.875rem var(--font-sans);color:var(--ink);cursor:pointer;outline:none;padding:.625rem 1rem}.portfolio-filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.portfolio-row-header,.portfolio-row{grid-template-columns:2.5fr 1.5fr 1fr 1fr 1fr;gap:1rem;display:grid}.portfolio-row-header{border-bottom:1px solid var(--ink);padding:.75rem 0}.portfolio-list{border-top:1px solid #0000}.portfolio-row{border-bottom:1px solid var(--line);align-items:center;padding:1.25rem 0;transition:background-color .15s}.portfolio-row:hover{background:#f9fafbb3}.portfolio-col-city,.portfolio-col-tenant{flex-direction:column;gap:.25rem;display:flex}.portfolio-col-tenant{align-items:flex-start}.portfolio-col-volume{font:1rem var(--font-mono)}.portfolio-col-status{align-items:center;gap:.375rem;display:flex}.portfolio-col-sync{text-align:right;color:var(--ink-secondary);font-size:.875rem}.status-dot{border-radius:50%;width:6px;height:6px}.status-operational{background:var(--accent)}.status-degraded{background:#f59e0b}.status-offline{background:var(--danger)}.status-text{font-size:.875rem;font-weight:500}.store-id{font:.75rem var(--font-mono);color:var(--ink-muted)}.tenant-badge{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-secondary);padding:.125rem .375rem;font-size:.75rem;font-weight:500;display:inline-flex}.portfolio-empty{text-align:center;border-bottom:1px solid var(--line);padding:6rem 0}@media (width<=768px){.portfolio-header-metrics{gap:2rem;margin:2rem 0;padding-bottom:2rem}.portfolio-row-header{display:none}.portfolio-row{grid-template-columns:1fr 1fr;grid-template-areas:"city status""tenant tenant""volume sync";gap:1rem;padding:1.5rem 0}.portfolio-col-city{grid-area:city}.portfolio-col-status{grid-area:status;justify-content:flex-end}.portfolio-col-tenant{grid-area:tenant}.portfolio-col-volume{grid-area:volume}.portfolio-col-sync{text-align:right;grid-area:sync}.portfolio-filters .search-wrapper{max-width:100%;margin-top:.5rem;margin-left:0}}