@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap");*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;-webkit-font-smoothing:antialiased}.auth-wrap,body{background:#0F172A}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:400px;padding:36px;background:#FFFFFF;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.35)}.auth-logo{gap:10px;margin-bottom:24px}.auth-logo,.auth-logo-mark{display:flex;align-items:center}.auth-logo-mark{width:36px;height:36px;border-radius:8px;background:#0062FF;color:#fff;font-size:18px;font-weight:700;justify-content:center}.auth-logo-text{font-size:16px;font-weight:700;color:#111827}.auth-card h1{font-size:22px;font-weight:700;margin:0 0 4px;color:#111827}.auth-subtitle{font-size:13px;color:#4B5563;margin:0 0 24px}.auth-card label{display:block;font-size:12px;font-weight:600;color:#4B5563;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.auth-card input{width:100%;padding:10px 12px;margin-bottom:16px;border-radius:8px;border:1px solid #e5e7eb;background:#F9FAFB;color:#111827;font-size:14px;font-family:inherit}.auth-card input:focus{outline:none;border-color:#0062FF;background:#fff}.auth-card button{width:100%;padding:11px;border-radius:8px;border:none;background:#0062FF;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.auth-card button:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#DC2626;font-size:13px;margin-bottom:12px}.sa-app{display:flex;height:100vh;overflow:hidden}.sa-sidebar{width:248px;height:100%;background:#0F172A;display:flex;flex-direction:column;flex-shrink:0;padding:16px}.sa-logo{gap:10px;padding:8px 4px}.sa-logo,.sa-logo-mark{display:flex;align-items:center}.sa-logo-mark{width:34px;height:34px;border-radius:8px;background:#0062FF;color:#fff;font-size:18px;font-weight:700;justify-content:center;flex-shrink:0}.sa-logo-col{display:flex;flex-direction:column;gap:1px}.sa-logo-name{font-size:15px;font-weight:700;color:#fff}.sa-logo-role{font-size:11px;color:#94A3B8}.sa-nav-section{display:flex;flex-direction:column;gap:4px;padding-top:10px}.sa-nav-label{font-size:11px;font-weight:600;color:#94A3B8;letter-spacing:.06em;padding:4px 10px 8px}.sa-nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#94A3B8;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s}.sa-nav-item:hover{background:#1E293B;color:#e2e8f0}.sa-nav-item.active{background:#1E293B;color:#FFFFFF;font-weight:600}.sa-nav-item svg{flex-shrink:0}.sa-sidebar-spacer{flex:1 1}.sa-sidebar-divider{height:1px;background:#1E293B;margin:0 0 10px}.sa-sidebar-footer{display:flex;align-items:center;gap:10px;padding:10px 4px}.sa-sidebar-avatar{width:34px;height:34px;border-radius:999px;background:#E5EEFF;color:#0062FF;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-sidebar-user{display:flex;flex-direction:column;gap:1px}.sa-sidebar-username{font-size:13px;font-weight:600;color:#fff}.sa-sidebar-email{font-size:11px;color:#94A3B8}.sa-page{flex:1 1;display:flex;flex-direction:column;height:100%;overflow:hidden;background:#F4F5F7}.sa-topbar{background:#FFFFFF;border-bottom:1px solid #e5e7eb;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sa-topbar-title h1{font-size:20px;font-weight:700;color:#111827;margin:0;line-height:1.2}.sa-topbar-subtitle{font-size:13px;color:#4B5563;margin:2px 0 0}.sa-topbar-right{display:flex;align-items:center;gap:12px}.sa-search{gap:8px;padding:9px 12px;border-radius:8px;background:#F3F4F6;border:1px solid #e5e7eb;width:240px;color:#9CA3AF}.sa-logout,.sa-search{display:flex;align-items:center;font-size:13px}.sa-logout{gap:6px;padding:0 14px;height:38px;border-radius:8px;background:#FEF2F2;border:1px solid #fecaca;cursor:pointer;color:#DC2626;font-weight:500;transition:background .15s}.sa-logout:hover{background:#FEE2E2}.sa-body{flex:1 1;overflow-y:auto;padding:24px}.sa-stat-card{background:#FFFFFF;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;flex:1 1}.sa-stat-top{display:flex;align-items:center;justify-content:space-between}.sa-stat-label{font-size:13px;font-weight:500;color:#4B5563}.sa-stat-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.sa-stat-value{font-size:30px;font-weight:600;color:#111827;font-family:Geist Mono,Courier New,monospace;line-height:1}.sa-stat-delta{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.sa-delta-up{color:#16A34A}.sa-delta-warn{color:#B45309}.sa-card{background:#FFFFFF;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.sa-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid #e5e7eb}.sa-card-title{font-size:15px;font-weight:600;color:#111827;margin:0}.sa-card-link{font-size:13px;font-weight:600;color:#0062FF;text-decoration:none}.sa-card-link:hover{text-decoration:underline}.sa-card-body{padding:20px}.sa-table-card{background:#FFFFFF;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.sa-table{width:100%;border-collapse:collapse;font-size:13px}.sa-table thead tr{background:#F3F4F6}.sa-table th{padding:12px 24px;text-align:left;font-size:12px;font-weight:600;color:#6B7280;white-space:nowrap}.sa-table td{padding:16px 24px;border-bottom:1px solid #f3f4f6;vertical-align:middle;color:#374151}.sa-table tr:last-child td{border-bottom:none}.sa-table tbody tr:hover td{background:#F9FAFB}.sa-tenant-avatar{width:36px;height:36px;border-radius:8px;background:#E5EEFF;color:#0062FF;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-tenant-cell{display:flex;align-items:center;gap:12px}.sa-tenant-name{font-size:14px;font-weight:600;color:#111827}.sa-tenant-sub{font-size:12px;color:#9CA3AF;font-family:Geist Mono,monospace}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-active{background:#DCFCE7;color:#16A34A}.badge-trial{background:#DBEAFE;color:#2563EB}.badge-past_due{background:#FEF3C7;color:#B45309}.badge-suspended{background:#F3F4F6;color:#4B5563}.badge-cancelled{background:#F3F4F6;color:#9CA3AF}.badge-basic{background:#F3F4F6;color:#4B5563}.badge-pro{background:#EDE9FE;color:#7C3AED}.badge-enterprise{background:#FEF3C7;color:#B45309}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;font-family:inherit;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.85}.btn-sm{padding:6px 12px;font-size:13px}.btn-primary{background:#0062FF;color:#FFFFFF}.btn-secondary{background:transparent;border:1px solid #e5e7eb;color:#4B5563}.btn-danger{background:#DC2626;color:#FFFFFF}.btn-ghost{background:transparent;border:1px solid #e5e7eb;color:#4B5563}.sa-tabs{display:flex;gap:4px;padding:4px;background:#F3F4F6;border-radius:8px}.sa-tab{padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;color:#6B7280;cursor:pointer;border:none;background:transparent;font-family:inherit;white-space:nowrap}.sa-tab.active{background:#FFFFFF;color:#111827;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.sa-toolbar{justify-content:space-between}.sa-toolbar,.sa-toolbar-search{display:flex;align-items:center}.sa-toolbar-search{gap:8px;padding:9px 12px;border-radius:8px;background:#FFFFFF;border:1px solid #e5e7eb;width:240px;color:#9CA3AF;font-size:13px}.sa-toolbar-search input{border:none;background:transparent;color:#111827;font-size:13px;font-family:inherit;width:100%;outline:none}.sa-toolbar-search input::placeholder{color:#9CA3AF}.sa-info-row{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:13px}.sa-info-row:last-child{border-bottom:none}.sa-info-label{width:160px;flex-shrink:0;color:#6B7280}.sa-info-value{color:#111827;font-weight:500}.sa-usage-card{background:#FFFFFF;border:1px solid #e5e7eb;border-radius:12px;padding:20px;flex:1 1;display:flex;flex-direction:column;gap:14px}.sa-usage-top{display:flex;align-items:center;justify-content:space-between}.sa-usage-label{font-size:13px;font-weight:500;color:#4B5563}.sa-usage-count{font-size:13px;font-weight:600;color:#111827}.sa-progress-track{width:100%;height:8px;background:#F3F4F6;border-radius:999px;overflow:hidden}.sa-progress-fill{height:100%;border-radius:999px;background:#0062FF;transition:width .3s ease}.sa-tenant-header{background:#FFFFFF;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.sa-tenant-header-avatar{width:56px;height:56px;border-radius:8px;background:#E5EEFF;color:#0062FF;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sa-tenant-header-col{flex:1 1;min-width:0}.sa-tenant-header-name{font-size:20px;font-weight:700;color:#111827;margin:0 0 6px}.sa-tenant-header-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-tenant-header-email{font-size:13px;color:#6B7280;font-family:Geist Mono,monospace}.sa-tenant-header-btns{display:flex;align-items:center;gap:10px}.sa-form-card{background:#FFFFFF;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;width:760px;max-width:100%}.sa-form-header{padding:24px 18px;border-bottom:1px solid #e5e7eb}.sa-form-header h2{font-size:18px;font-weight:700;color:#111827;margin:0}.sa-form-body{padding:24px;gap:22px}.sa-form-body,.sa-form-section{display:flex;flex-direction:column}.sa-form-section{gap:14px}.sa-form-section-title{font-size:12px;font-weight:600;color:#9CA3AF;text-transform:uppercase;letter-spacing:.06em}.sa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sa-form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.sa-form-full{grid-column:1/-1}.sa-field{display:flex;flex-direction:column;gap:6px}.sa-field label{font-size:12px;font-weight:600;color:#4B5563;text-transform:uppercase;letter-spacing:.04em}.sa-field input,.sa-field select{padding:9px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#FFFFFF;color:#111827;font-size:14px;font-family:inherit}.sa-field input:focus,.sa-field select:focus{outline:none;border-color:#0062FF}.sa-field input::placeholder{color:#9CA3AF}.sa-plan-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sa-plan-option{padding:14px;border-radius:8px;border:2px solid #e5e7eb;cursor:pointer;background:#FFFFFF;text-align:left}.sa-plan-option.selected{border-color:#0062FF;background:#EEF4FF}.sa-plan-option-name{font-size:14px;font-weight:700;color:#111827;margin:0 0 2px}.sa-plan-option-price{font-size:13px;color:#6B7280;margin:0 0 10px}.sa-plan-option-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.sa-plan-option-features li{font-size:12px;color:#374151;display:flex;align-items:flex-start;gap:6px;line-height:1.4}.sa-plan-option-features li span.sa-plan-feature-mark{color:#16A34A;font-weight:700;flex-shrink:0}.sa-plan-option-features-label{font-size:11px;color:#9CA3AF;margin:0 0 6px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.sa-radio-group{display:flex;gap:8px}.sa-radio-option{padding:8px 16px;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;font-size:13px;font-weight:500;color:#4B5563;background:#FFFFFF}.sa-radio-option.selected{border-color:#0062FF;background:#EEF4FF;color:#0062FF;font-weight:600}.sa-form-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#F3F4F6;border-top:1px solid #e5e7eb}.sa-form-footer-note{font-size:12px;color:#9CA3AF}.sa-form-footer-btns{display:flex;gap:12px}.sa-alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.sa-alert-error{background:#FEE2E2;color:#DC2626}.sa-alert-success{background:#DCFCE7;color:#16A34A}.sa-alert-info{background:#DBEAFE;color:#1D4ED8}.sa-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#6B7280;text-decoration:none;margin-bottom:20px}.sa-back:hover{color:#111827}.sa-spinner{padding:48px;font-size:14px}.sa-empty,.sa-spinner{text-align:center;color:#9CA3AF}.sa-empty{padding:48px 24px}.sa-link-btn{background:none;border:none;cursor:pointer;color:#0062FF;font-size:13px;font-weight:600;padding:0;font-family:inherit}.sa-link-btn:hover{text-decoration:underline}.font-mono{font-family:Geist Mono,monospace}.text-muted{color:#9CA3AF}.text-danger{color:#DC2626}.text-success{color:#16A34A}.sa-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sa-split{display:flex;gap:20px;align-items:flex-start}.sa-split>*{min-width:0}.sa-split-main{flex:1 1;min-width:0}.sa-split-side{width:360px;flex-shrink:0}.sa-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sa-stat-value{overflow-wrap:anywhere}.sa-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sa-backdrop,.sa-drawer-close,.sa-hamburger{display:none}@media (max-width:1024px){.sa-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-usage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-split{flex-direction:column}.sa-form-card,.sa-split-main,.sa-split-side{width:100%}}@media (max-width:768px){.sa-app{height:auto;min-height:100vh;overflow:visible}.sa-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:60;width:264px;max-width:84vw;transform:translateX(-100%);transition:transform .22s ease;box-shadow:0 0 40px rgba(0,0,0,.4)}.sa-sidebar.open{transform:translateX(0)}.sa-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.55);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:55}.sa-backdrop.show{opacity:1;pointer-events:auto}.sa-drawer-close{display:flex;align-items:center;justify-content:center;margin-left:auto;background:transparent;border:none;color:#94A3B8;cursor:pointer;padding:4px}.sa-page{height:auto;overflow-y:visible;overflow-x:hidden;max-width:100vw}.sa-topbar{position:sticky;top:0;z-index:40;height:56px;padding:0 12px;gap:10px}.sa-hamburger{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:8px;border:1px solid #e5e7eb;background:#FFFFFF;color:#374151;cursor:pointer}.sa-topbar-title{flex:1 1;min-width:0}.sa-topbar-title h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-search,.sa-topbar-subtitle{display:none}.sa-logout{padding:0 10px;height:34px}.sa-logout span{display:none}.sa-body{padding:16px 12px}.sa-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-usage-grid{grid-template-columns:1fr;gap:12px}.sa-stat-card{padding:14px;gap:6px;border-radius:10px}.sa-stat-top{gap:8px}.sa-stat-label{font-size:12px}.sa-stat-icon-wrap{width:28px;height:28px;border-radius:7px}.sa-stat-icon-wrap svg{width:15px;height:15px}.sa-stat-value{font-size:22px}.sa-stat-delta{font-size:11px;gap:4px}.sa-card .sa-table,.sa-table-card .sa-table,.sa-table-scroll .sa-table{min-width:560px}.sa-table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.sa-table td,.sa-table th{padding-left:14px;padding-right:14px}.sa-card-body,.sa-card-header{padding:16px 14px}.sa-toolbar{flex-direction:column;align-items:stretch;gap:12px}.sa-toolbar>div{flex-direction:column;align-items:stretch!important;width:100%}.sa-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.sa-toolbar-search{width:100%}.sa-toolbar .btn{justify-content:center}.sa-info-row{flex-direction:column;gap:4px}.sa-info-label{width:auto}.sa-info-value input,.sa-info-value select{width:100%!important}.sa-tenant-header{flex-direction:column;align-items:flex-start;gap:14px}.sa-tenant-header-btns{width:100%;flex-wrap:wrap}.sa-tenant-header-btns .btn{flex:1 1;justify-content:center}.sa-form-grid,.sa-form-grid.cols-3,.sa-plan-grid{grid-template-columns:1fr}.sa-form-body{padding:18px 16px}.sa-form-footer{flex-direction:column;align-items:stretch;gap:12px}.sa-form-footer-btns{width:100%}.sa-form-footer-btns .btn{flex:1 1;justify-content:center}.sa-radio-group{flex-direction:column}.sa-radio-option{text-align:center}.auth-card{width:100%;margin:16px;padding:28px 22px}}@media (max-width:400px){.sa-stats-grid{gap:8px}.sa-stat-card{padding:12px}.sa-stat-value{font-size:20px}}