.ms-owner-portal {
  --owner-bg: #f4f7fb;
  --owner-border: #dfe6f1;
  --owner-ink: #172033;
  --owner-muted: #68768b;
  --owner-primary: #5b5ce2;
  color: var(--owner-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  margin: 24px auto;
  max-width: 1180px;
}
.ms-owner-portal * { box-sizing: border-box; }
.ms-owner-top { align-items: center; display: flex; justify-content: space-between; margin-bottom: 16px; }
.ms-owner-top strong { font-size: 18px; letter-spacing: -.02em; }
.ms-owner-top div { background: #fff; border: 1px solid var(--owner-border); border-radius: 999px; display: flex; padding: 3px; }
.ms-owner-top a { border-radius: 999px; color: var(--owner-muted); font-size: 12px; font-weight: 700; padding: 6px 11px; text-decoration: none; }
.ms-owner-top a[aria-current="page"] { background: var(--owner-primary); color: #fff; }
.ms-owner-hero { align-items: center; background: linear-gradient(135deg,#151b32,#314777 68%,#6567ef); border-radius: 22px; color: #fff; display: flex; justify-content: space-between; overflow: hidden; padding: 30px; position: relative; }
.ms-owner-hero h1 { color: #fff; font-size: 31px; line-height: 1.1; margin: 5px 0 8px; }
.ms-owner-hero p { color: #cdd7ee; margin: 0; }
.ms-owner-eyebrow { color: #b7c4ff; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ms-owner-status { background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; font-size: 12px; font-weight: 800; padding: 9px 14px; }
.ms-owner-status-active { color: #99f6cf; }
.ms-owner-status-suspended { color: #ffe09a; }
.ms-owner-status-revoked { color: #ffb1b7; }
.ms-owner-grid { display: grid; gap: 13px; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 15px 0; }
.ms-owner-metric,.ms-owner-security,.ms-owner-renew,.ms-owner-key,.ms-owner-empty { background: #fff; border: 1px solid var(--owner-border); border-radius: 17px; box-shadow: 0 8px 30px rgba(31,44,78,.055); }
.ms-owner-metric { min-height: 132px; padding: 18px; }
.ms-owner-metric span,.ms-owner-metric small { color: var(--owner-muted); display: block; }
.ms-owner-metric span { font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.ms-owner-metric strong { display: block; font-size: 19px; margin: 15px 0 8px; overflow-wrap: anywhere; }
.ms-owner-metric small { font-size: 12px; }
.ms-owner-renew { align-items: center; background: linear-gradient(135deg,#fff8e8,#fff); border-color: #f1d896; display: grid; gap: 28px; grid-template-columns: 1fr minmax(300px,.8fr); margin: 15px 0; padding: 22px; }
.ms-owner-renew span,.ms-owner-key > span { color: #a36613; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ms-owner-renew h2,.ms-owner-key h2,.ms-owner-security h2,.ms-owner-empty h1 { margin: 5px 0 7px; }
.ms-owner-renew p,.ms-owner-key p,.ms-owner-security p,.ms-owner-empty p { color: var(--owner-muted); margin: 0; }
.ms-owner-renew form { display: grid; gap: 10px; }
.ms-owner-renew label { color: #5f6570; font-size: 12px; }
.ms-owner-renew button,.ms-owner-button { background: var(--owner-primary); border: 0; border-radius: 10px; color: #fff; cursor: pointer; display: inline-block; font-weight: 750; padding: 11px 16px; text-decoration: none; }
.ms-owner-key { border-color: #b9dfcd; margin-bottom: 15px; padding: 24px; }
.ms-owner-key input { background: #f2fbf7; border: 1px solid #8fcdb0; border-radius: 10px; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 20px; font-weight: 800; letter-spacing: .04em; margin: 10px 0; padding: 13px; text-align: center; width: 100%; }
.ms-owner-security { align-items: center; display: flex; gap: 25px; justify-content: space-between; padding: 22px; }
.ms-owner-security span { background: #ecf3ff; border-radius: 999px; color: #3f63a4; font-size: 11px; font-weight: 800; padding: 8px 12px; white-space: nowrap; }
.ms-owner-alert { border: 1px solid; border-radius: 13px; margin: 14px 0; padding: 14px 16px; }
.ms-owner-alert p { margin: 5px 0 0; }
.ms-owner-alert-success { background: #eaf9f1; border-color: #bfe8d1; color: #166b49; }
.ms-owner-alert-warning { background: #fff6e8; border-color: #f0d49f; color: #805317; }
.ms-owner-alert-danger { background: #fff0f1; border-color: #efc2c7; color: #963743; }
.ms-owner-empty { padding: 45px; text-align: center; }
.ms-owner-empty .ms-owner-button { margin-top: 18px; }
@media (max-width:900px) { .ms-owner-grid { grid-template-columns: 1fr 1fr; } .ms-owner-renew { grid-template-columns: 1fr; } }
@media (max-width:600px) { .ms-owner-portal { margin: 12px 10px; } .ms-owner-hero,.ms-owner-security { align-items: flex-start; flex-direction: column; } .ms-owner-hero { padding: 23px 19px; } .ms-owner-hero h1 { font-size: 25px; } .ms-owner-grid { grid-template-columns: 1fr; } .ms-owner-key input { font-size: 14px; } }