.sa-shell{background:var(--app-page-bg);min-height:100dvh;color:var(--app-text);font-family:var(--font-body),sans-serif;background-attachment:fixed;flex-direction:column;display:flex}.sa-login-wrap{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.sa-login-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem 2rem;display:flex}.sa-login-logo{font-family:var(--font-display),serif;color:var(--app-text);letter-spacing:.02em;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;display:flex}.sa-login-logo-dot{background:var(--app-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sa-login-title{color:var(--app-text-muted);margin:0;font-size:1rem;font-weight:500}.sa-login-form{flex-direction:column;gap:1rem;display:flex}.sa-field{flex-direction:column;gap:.375rem;display:flex}.sa-label{color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.sa-input{background:var(--app-surface-soft);border:1px solid var(--app-border);color:var(--app-text);font-family:var(--font-mono),monospace;box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:.625rem .875rem;font-size:.875rem;transition:border-color .15s}.sa-input:focus{border-color:var(--app-accent)}.sa-btn-primary{background:var(--app-accent);color:#fff;font-family:var(--font-body),sans-serif;cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:opacity .15s}.sa-btn-primary:hover{opacity:.88}.sa-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sa-login-error{color:var(--app-danger);background:color-mix(in srgb,var(--app-danger)12%,transparent);border:1px solid color-mix(in srgb,var(--app-danger)25%,transparent);border-radius:8px;padding:.5rem .75rem;font-size:.8125rem}.sa-header{border-bottom:1px solid var(--app-border);background:var(--app-surface);z-index:10;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex;position:sticky;top:0}.sa-header-brand{font-family:var(--font-display),serif;color:var(--app-text);letter-spacing:.02em;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:600;display:flex}.sa-header-badge{font-size:.65rem;font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--app-accent)18%,transparent);color:var(--app-accent);border:1px solid color-mix(in srgb,var(--app-accent)30%,transparent);border-radius:4px;padding:.15em .5em;font-weight:600}.sa-header-actions{align-items:center;gap:.75rem;display:flex}.sa-btn-ghost{border:1px solid var(--app-border);color:var(--app-text-muted);font-size:.8125rem;font-family:var(--font-body),sans-serif;cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .875rem;transition:background .15s,color .15s}.sa-btn-ghost:hover{background:var(--app-surface-soft);color:var(--app-text)}.sa-main{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:1.75rem;display:flex}.sa-stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (max-width:900px){.sa-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.sa-stats-row{grid-template-columns:1fr 1fr}}.sa-stat-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;display:flex}.sa-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--app-text-muted);font-size:.7rem;font-weight:600}.sa-stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-display),serif;color:var(--app-text)}.sa-stat-card[data-expired=true]{border-color:color-mix(in srgb,var(--app-danger)30%,transparent)}.sa-stat-card[data-expired=true] .sa-stat-label,.sa-stat-card[data-expired=true] .sa-stat-value{color:var(--app-danger)}.sa-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sa-search-wrap{flex:1;min-width:200px;position:relative}.sa-search-icon{color:var(--app-text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.sa-search-input{padding-left:2.25rem}.sa-select{background:var(--app-surface-soft);border:1px solid var(--app-border);color:var(--app-text);font-size:.8125rem;font-family:var(--font-body),sans-serif;cursor:pointer;border-radius:8px;outline:none;padding:.5rem .75rem;transition:border-color .15s}.sa-select:focus{border-color:var(--app-accent)}.sa-client-list{flex-direction:column;gap:.75rem;display:flex}.sa-client-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:border-color .15s;display:flex}.sa-client-card:hover{border-color:color-mix(in srgb,var(--app-accent)40%,transparent)}.sa-client-card.is-blocked{opacity:.6}.sa-client-card.is-expired{opacity:.75;border-color:color-mix(in srgb,var(--app-danger)20%,transparent);border-style:dashed}.sa-client-avatar{background:color-mix(in srgb,var(--app-accent)15%,transparent);width:40px;height:40px;color:var(--app-accent);font-family:var(--font-display),serif;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:flex}.sa-client-avatar-img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}.sa-client-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.sa-client-name{color:var(--app-text);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.sa-client-meta{color:var(--app-text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.sa-client-meta-sep{opacity:.4}.sa-client-badges{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.sa-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:5px;padding:.15em .55em;font-size:.65rem;font-weight:600}.sa-badge-active{background:color-mix(in srgb,var(--app-success)15%,transparent);color:var(--app-success);border:1px solid color-mix(in srgb,var(--app-success)25%,transparent)}.sa-badge-trial{background:color-mix(in srgb,var(--app-warning)15%,transparent);color:var(--app-warning);border:1px solid color-mix(in srgb,var(--app-warning)25%,transparent)}.sa-badge-blocked{background:color-mix(in srgb,var(--app-danger)15%,transparent);color:var(--app-danger);border:1px solid color-mix(in srgb,var(--app-danger)25%,transparent)}.sa-badge-suspended{background:color-mix(in srgb,var(--app-text-muted)15%,transparent);color:var(--app-text-muted);border:1px solid color-mix(in srgb,var(--app-text-muted)25%,transparent)}.sa-badge-expired{background:color-mix(in srgb,var(--app-danger)12%,transparent);color:var(--app-danger);border:1px solid color-mix(in srgb,var(--app-danger)20%,transparent);opacity:.8}.sa-badge-monthly{background:color-mix(in srgb,var(--app-info)15%,transparent);color:var(--app-info);border:1px solid color-mix(in srgb,var(--app-info)25%,transparent)}.sa-badge-yearly{background:color-mix(in srgb,var(--app-purple)15%,transparent);color:var(--app-purple);border:1px solid color-mix(in srgb,var(--app-purple)25%,transparent)}.sa-badge-plan-trial{background:color-mix(in srgb,var(--app-text-muted)12%,transparent);color:var(--app-text-muted);border:1px solid color-mix(in srgb,var(--app-text-muted)20%,transparent)}.sa-client-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.sa-btn-sm{background:var(--app-surface-soft);border:1px solid var(--app-border);color:var(--app-text);font-size:.75rem;font-family:var(--font-body),sans-serif;cursor:pointer;white-space:nowrap;border-radius:7px;padding:.35rem .7rem;font-weight:500;transition:background .15s,border-color .15s}.sa-btn-sm:hover{background:var(--app-raised);border-color:var(--app-accent)}.sa-btn-sm.danger{color:var(--app-danger);border-color:color-mix(in srgb,var(--app-danger)25%,transparent)}.sa-btn-sm.danger:hover{background:color-mix(in srgb,var(--app-danger)10%,transparent);border-color:var(--app-danger)}.sa-btn-sm.success{color:var(--app-success);border-color:color-mix(in srgb,var(--app-success)25%,transparent)}.sa-btn-sm.success:hover{background:color-mix(in srgb,var(--app-success)10%,transparent);border-color:var(--app-success)}.sa-skeleton{background:var(--app-surface);border:1px solid var(--app-border);border-radius:12px;height:68px;position:relative;overflow:hidden}.sa-skeleton--h52{height:52px}.sa-skeleton--h64{height:64px}.sa-skeleton--h80{height:80px}.sa-skeleton:after{content:"";background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--app-text)5%,transparent)50%,transparent 100%);animation:1.4s infinite sa-shimmer;position:absolute;inset:0}@keyframes sa-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sa-empty{background:var(--app-surface);border:1px dashed var(--app-border);text-align:center;color:var(--app-text-muted);border-radius:12px;padding:3rem 1.5rem;font-size:.875rem}.sa-error-banner{background:color-mix(in srgb,var(--app-danger)10%,transparent);border:1px solid color-mix(in srgb,var(--app-danger)25%,transparent);color:var(--app-danger);border-radius:10px;padding:.75rem 1rem;font-size:.875rem}.sa-pagination{justify-content:center;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.sa-pagination-info{color:var(--app-text-muted);font-size:.8125rem}.sa-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.sa-dialog{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;flex-direction:column;gap:0;width:100%;max-width:560px;max-height:90dvh;display:flex;overflow-y:auto}.sa-dialog-wide{max-width:720px}.sa-dialog-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 0;display:flex}.sa-dialog-title{color:var(--app-text);margin:0;font-size:1rem;font-weight:600}.sa-dialog-close{cursor:pointer;color:var(--app-text-muted);background:0 0;border:none;border-radius:6px;align-items:center;padding:.25rem;transition:color .15s;display:flex}.sa-dialog-close:hover{color:var(--app-text)}.sa-dialog-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.sa-dialog-footer{justify-content:flex-end;align-items:center;gap:.75rem;padding:0 1.5rem 1.25rem;display:flex}.sa-form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:520px){.sa-form-row-2{grid-template-columns:1fr}}.sa-textarea{resize:vertical;min-height:72px}.sa-ff-grid{flex-direction:column;gap:.5rem;display:flex}.sa-ff-row{background:var(--app-surface-soft);border:1px solid var(--app-border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem .875rem;transition:border-color .15s;display:flex}.sa-ff-row.is-overridden{border-color:color-mix(in srgb,var(--app-accent)35%,transparent)}.sa-ff-info{flex:1;min-width:0}.sa-ff-key{font-size:.8125rem;font-family:var(--font-mono),monospace;color:var(--app-text);font-weight:600}.sa-ff-desc{color:var(--app-text-muted);margin-top:.1rem;font-size:.75rem}.sa-ff-override-dot{background:var(--app-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px}.sa-toggle{flex-shrink:0;width:38px;height:22px;position:relative}.sa-toggle input{opacity:0;width:0;height:0;position:absolute}.sa-toggle-track{background:var(--app-border);cursor:pointer;border-radius:11px;transition:background .2s;position:absolute;inset:0}.sa-toggle input:checked+.sa-toggle-track{background:var(--app-accent)}.sa-toggle-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.sa-toggle input:checked+.sa-toggle-track:before{transform:translate(16px)}.sa-ff-number-input{border:1px solid var(--app-border);background:var(--app-surface);width:80px;color:var(--app-text);text-align:center;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.875rem}.sa-expiry-note{color:var(--app-text-muted);margin-top:-.5rem;font-size:.75rem}.sa-expiry-note.warn{color:var(--app-warning)}.sa-note{color:var(--app-text-muted);margin:-.25rem 0 0;font-size:.75rem}.sa-password-note{background:color-mix(in srgb,var(--app-accent)10%,transparent);border:1px solid color-mix(in srgb,var(--app-accent)30%,transparent);border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem .875rem;display:flex}.sa-password-note-title{color:var(--app-text);font-size:.75rem;font-weight:600}.sa-password-note code{font-family:var(--font-mono),monospace;color:var(--app-accent);word-break:break-all;font-size:.8125rem}.sa-owner-summary{background:var(--app-surface-soft);border:1px solid var(--app-border);color:var(--app-text);border-radius:10px;gap:.35rem;padding:.75rem;font-size:.8125rem;display:grid}.sa-owner-empty{background:var(--app-surface-soft);border:1px dashed var(--app-border);color:var(--app-text-muted);border-radius:10px;padding:.75rem;font-size:.8125rem}.sa-status-wrap{position:relative}.sa-btn-status{text-transform:capitalize;align-items:center;gap:5px;display:inline-flex}.sa-status-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.sa-status-indicator-active{background:var(--app-success-text)}.sa-status-indicator-trial{background:var(--app-info-text)}.sa-status-indicator-blocked{background:var(--app-danger-text)}.sa-status-indicator-suspended{background:var(--app-warning-text)}.sa-status-indicator-expired{background:var(--app-danger-text);opacity:.6}.sa-status-menu{z-index:100;background:var(--app-surface-raised);border:1px solid var(--app-border);border-radius:12px;min-width:148px;padding:4px;animation:.12s both sa-menu-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 32px #0000004d}@keyframes sa-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sa-status-opt{width:100%;color:var(--app-text);cursor:pointer;text-align:start;text-transform:capitalize;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.8125rem;font-weight:500;transition:background .15s;display:flex}.sa-status-opt:hover:not(:disabled){background:var(--app-surface-soft)}.sa-status-opt:disabled{cursor:default;opacity:.6}.sa-status-opt.is-current{color:var(--app-accent)}.sa-status-opt-blocked,.sa-status-opt-suspended,.sa-status-opt-expired,.sa-status-opt-blocked.is-current,.sa-status-opt-suspended.is-current,.sa-status-opt-expired.is-current{color:var(--app-danger-text)}.sa-expired-banner{background:color-mix(in srgb,var(--app-danger)8%,transparent);border:1px solid color-mix(in srgb,var(--app-danger)22%,transparent);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.sa-expired-banner-icon{color:var(--app-danger);flex-shrink:0;margin-top:1px}.sa-expired-banner-body{flex:1;min-width:0}.sa-expired-banner-title{color:var(--app-danger);margin:0 0 6px;font-size:.85rem;font-weight:600}.sa-expired-banner-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sa-expired-banner-item{color:var(--sa-text-muted,#aaa);background:color-mix(in srgb,var(--app-danger)10%,transparent);border:1px solid color-mix(in srgb,var(--app-danger)18%,transparent);border-radius:6px;padding:2px 8px;font-size:.78rem}.sa-expired-banner-dismiss{cursor:pointer;color:var(--app-danger);opacity:.7;background:0 0;border:none;flex-shrink:0;padding:2px;line-height:1}.sa-expired-banner-dismiss:hover{opacity:1}.sa-success-banner{background:color-mix(in srgb,var(--app-success)10%,transparent);border:1px solid color-mix(in srgb,var(--app-success)25%,transparent);color:var(--app-success);border-radius:10px;padding:.75rem 1rem;font-size:.875rem}.sa-dialog-quotas{max-width:780px}.sa-quota-section-label--mt{margin-top:.75rem}.sa-icon-dim{opacity:.6}.sa-icon-end{margin-inline-start:auto}.sa-quota-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--app-text-muted);padding:.25rem 0;font-size:.7rem;font-weight:700}.sa-quota-section-hint{text-transform:none;letter-spacing:0;opacity:.7;font-weight:400}.sa-quota-group{flex-direction:column;gap:.375rem;display:flex}.sa-quota-row{background:var(--app-surface-soft);border:1px solid var(--app-border);border-radius:10px;align-items:center;gap:1rem;padding:.625rem .875rem;transition:border-color .15s;display:flex}.sa-quota-row:hover{border-color:color-mix(in srgb,var(--app-accent)30%,transparent)}.sa-quota-resource{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.sa-quota-resource-label{color:var(--app-text);white-space:nowrap;font-size:.8125rem;font-weight:600}.sa-quota-usage-row{align-items:center;gap:.5rem;display:flex}.sa-quota-count{font-size:.6875rem;font-family:var(--font-mono),monospace;color:var(--app-text-muted);white-space:nowrap;flex-shrink:0}.sa-quota-count.warn{color:var(--app-warning)}.sa-quota-count.danger{color:var(--app-danger)}.sa-quota-unlimited-tag{color:var(--app-text-muted);opacity:.7;align-items:center;gap:.3rem;font-size:.6875rem;display:inline-flex}.sa-quota-bar-wrap{background:var(--app-border);border-radius:2px;flex:1;min-width:40px;height:3px;overflow:hidden}.sa-quota-bar-fill{background:var(--app-accent);border-radius:2px;height:100%;transition:width .3s}.sa-quota-bar-fill.warn{background:var(--app-warning)}.sa-quota-bar-fill.danger{background:var(--app-danger)}.sa-quota-controls{flex-shrink:0;align-items:center;gap:1rem;display:flex}.sa-quota-limit-group{align-items:center;gap:.5rem;display:flex}.sa-quota-monthly-group{align-items:center;gap:.625rem;display:flex}.sa-quota-check-label{color:var(--app-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;display:inline-flex}.sa-quota-check-label input[type=checkbox]{accent-color:var(--app-accent);cursor:pointer;flex-shrink:0;width:13px;height:13px}.sa-quota-number{border:1px solid var(--app-border);background:var(--app-surface);width:72px;color:var(--app-text);font-size:.8125rem;font-family:var(--font-mono),monospace;text-align:center;border-radius:6px;padding:.3rem .5rem;transition:border-color .15s}.sa-quota-number:focus{border-color:var(--app-accent);outline:none}.sa-quota-number:disabled{opacity:.4;cursor:not-allowed}.sa-quota-number-sm{width:48px}.sa-quota-reset-day{align-items:center;gap:.3rem;display:flex}.sa-quota-reset-day-label{color:var(--app-text-muted);white-space:nowrap;font-size:.7rem}.sa-quota-reset-btn{border:1px solid var(--app-border);color:var(--app-text-muted);font-size:.7rem;font-family:var(--font-body),sans-serif;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sa-quota-reset-btn:hover:not(:disabled){background:color-mix(in srgb,var(--app-info)10%,transparent);color:var(--app-info);border-color:color-mix(in srgb,var(--app-info)35%,transparent)}.sa-quota-reset-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.sa-quota-row{flex-direction:column;align-items:flex-start}.sa-quota-controls{flex-wrap:wrap}}