:root{color-scheme:light;--bg:#f4f6fa;--panel:#fff;--ink:#19243a;--muted:#627087;--border:#e1e6ef;--accent:#3156ce;--shadow:0 3px 14px #172b4d05}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9bb7ff;outline-offset:3px}.skip-link{position:fixed;top:-80px;left:16px;z-index:30;background:var(--ink);color:white;padding:12px;border-radius:8px}.skip-link:focus{top:8px}
.shell{max-width:1240px;margin:auto;padding-left:28px;padding-right:28px;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.nav{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:760;color:var(--ink);line-height:1.2}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--accent);color:#fff;width:40px;height:40px;border-radius:12px;font-size:25px}.brand-sub{display:block;font-size:11px;font-weight:550;color:var(--muted);margin-top:3px}.nav-actions{display:flex;align-items:center;gap:20px}.nav-actions form{margin:0}.nav-link{font-size:13px;font-weight:650;color:var(--ink)}.stage-pill{display:inline-flex;align-items:center;white-space:nowrap;border-radius:6px;padding:5px 8px;background:#f0f3fa;color:#526079;font-size:10px;font-weight:750;letter-spacing:.04em}.content{padding-top:34px;padding-bottom:40px;min-height:calc(100vh - 130px)}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:20px;color:var(--muted);font-size:11px}.eyebrow{text-transform:uppercase;font-weight:750;letter-spacing:.13em;font-size:10px;color:var(--accent)}h1{font-size:clamp(27px,3.5vw,36px);letter-spacing:-.04em;line-height:1.2;margin:8px 0 10px;overflow-wrap:anywhere}h2{font-size:16px;letter-spacing:-.02em;margin:0}h3{font-size:16px;margin:8px 0}.muted{color:var(--muted);margin:5px 0}.compact{font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;min-width:0}.page-heading>div{min-width:0}.live-label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.live-label>span{width:7px;height:7px;background:#267b66;border-radius:50%}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);min-width:0}
/* Summary and directory */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric{display:block;position:relative;padding:20px;color:var(--ink);border-top:3px solid #b8c7ef}.metric:hover{border-color:var(--accent);text-decoration:none}.metric>span{display:block;color:var(--muted);font-size:12px;font-weight:600}.metric strong{display:block;font-size:30px;line-height:1.2;margin:10px 0 6px;letter-spacing:-.04em}.metric small{font-size:11px;color:var(--muted)}.metric.healthy{border-top-color:#a5d7c2}.metric.paused{border-top-color:#efce93}.metric.expired{border-top-color:#e8b5ba}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px}.counter{font-size:11px;background:#f1f4f9;border-radius:6px;padding:5px 9px;color:#526078;white-space:nowrap}.directory-filters{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(130px,1fr) minmax(110px,.8fr) auto;align-items:end;gap:12px;padding:0 22px 22px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label,.stack label{font-weight:650;font-size:12px}.reset-link{grid-column:1/-1;font-size:12px;justify-self:start}input,textarea,select{border:1px solid #cbd4e2;background:#fff;color:var(--ink);padding:10px 12px;border-radius:8px;min-width:0;max-width:100%;min-height:44px}input::placeholder,textarea::placeholder{color:#7b8697}textarea{resize:vertical;width:100%}select{padding-right:26px}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:8px;padding:10px 15px;font-weight:650;font-size:12px;line-height:1.4;text-align:center}.button-link:hover{text-decoration:none}button.primary,.button-link.primary{background:var(--accent);color:#fff}button.danger{background:#a63142;color:#fff}button.secondary,.button-link.secondary{background:#edf2ff;color:#294eaf}button.ghost,.button-link.ghost{background:#fff;color:var(--ink);border-color:var(--border)}button:hover,.button-link:hover{filter:brightness(.97)}.table-scroll{overflow-x:auto;border-radius:0 0 14px 14px}.directory-table{border-collapse:collapse;width:100%;table-layout:fixed}.directory-table th,.directory-table td{text-align:left;padding:17px 20px;border-top:1px solid var(--border);vertical-align:middle;overflow-wrap:anywhere}.directory-table th{color:var(--muted);font-weight:650;font-size:11px;background:#f8faff}.directory-table th:first-child{width:34%}.directory-table th:nth-child(2){width:13%}.directory-table th:nth-child(3){width:17%}.directory-table th:nth-child(4){width:23%}.directory-table th:last-child{width:13%}.directory-table td{font-size:12px}.directory-table tbody tr:hover{background:#fafbff}.tenant-name{font-size:13px;font-weight:700;color:var(--ink);display:block}.id-text{display:block;color:var(--muted);font-size:10px;overflow-wrap:anywhere;word-break:break-word;margin-top:5px}.plan-label{font-size:11px;font-weight:750;color:#485973}.plan-label.pro{color:#3955b9}.cell-note{display:block;font-size:11px;color:var(--muted);margin-top:4px}.status{display:inline-flex;align-items:center;gap:5px;max-width:100%;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700;background:#edf0f5;color:#546174;white-space:nowrap}.status.active{background:#e8f6ef;color:#1b6a4b}.status.suspended{background:#fff2d9;color:#8a5e12}.status.cancelled,.status.expired{background:#fbeaed;color:#a22c41}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.pagination-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-position{font-size:11px}.pagination .button-link{min-height:40px;padding:8px 12px}.empty{text-align:center;padding:36px 20px;color:var(--muted)}.empty p{font-size:12px;margin:6px 0}.empty-symbol{display:inline-grid;place-items:center;font-size:32px;width:52px;height:52px;border-radius:12px;background:#f1f4fa;color:#7183a4}
/* Tenant information and forms */
.breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 24px;font-size:12px;color:var(--muted)}.record-meta{font-size:11px;color:var(--muted);margin-top:10px}.record-meta summary{cursor:pointer}.record-meta code{display:block;margin-top:6px;overflow-wrap:anywhere}.section-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.section-nav a{font-size:12px;font-weight:650;padding:8px 12px;color:#526078;border-radius:7px;background:#eaf0fa}.section-nav a:hover{background:#dfe8fa;text-decoration:none}.detail-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:20px}.detail-card{padding:24px}.section-pad{padding:24px;margin-bottom:20px;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-title h2{margin-bottom:4px}.facts{margin:15px 0 0}.facts div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;border-top:1px solid var(--border);padding:12px 0;font-size:12px}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:650;text-align:right;overflow-wrap:anywhere}.stack{display:flex;flex-direction:column;gap:9px;margin-top:18px}.stack button{align-self:flex-start;margin-top:6px}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.profile-form .wide{grid-column:1/-1}.profile-form .end{align-items:flex-end}.access-layout{align-items:start}.access-item{border-top:1px solid var(--border);padding:18px 0 4px;margin-top:16px;overflow-wrap:anywhere}.access-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.access-head>div{min-width:0}.access-head strong{display:block;font-size:13px;overflow-wrap:anywhere}.access-action{margin-top:12px}.access-action>summary{color:var(--accent);font-weight:650;font-size:12px;cursor:pointer}.access-action .stack{margin-top:12px}.management-action{margin-top:18px}.management-action>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:700;color:var(--accent);list-style:none;padding:12px 0;border-top:1px solid var(--border)}.management-action>summary::after{content:'+';font-size:18px}.management-action[open]>summary::after{content:'−'}.profile-details>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.profile-details>summary::after{content:'+';font-size:20px;color:var(--accent)}.profile-details[open]>summary::after{content:'−'}
/* Notices, history and login */
.notice{padding:13px 16px;border:1px solid #c7d7ff;border-radius:9px;background:#eff4ff;color:#254b9b;font-size:12px;margin:16px 0;overflow-wrap:anywhere}.notice.error{border-color:#efc8cf;background:#fff4f5;color:#952b3d}.notice.success{border-color:#c1e2d0;background:#edf8f1;color:#226443}.notice.warning{border-color:#ecdab5;background:#fff8e9;color:#805b22}.notice a{font-weight:700;margin-left:8px}.hint{font-size:11px;color:var(--muted);margin:16px 0 0}.events{overflow:hidden;margin-bottom:20px}.event-list{padding:0 22px 12px}.event-entry{border-top:1px solid var(--border)}.event-entry summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:17px 0}.event-entry summary::-webkit-details-marker,.management-action summary::-webkit-details-marker,.profile-details>summary::-webkit-details-marker{display:none}.event-entry summary::before{content:'›';font-size:20px;color:var(--muted);grid-column:3;grid-row:1;justify-self:end}.event-entry[open] summary::before{content:'⌄'}.event-title{font-weight:650;font-size:12px;overflow-wrap:anywhere}.event-sub{color:var(--muted);font-size:11px}.event-change{font-size:11px;background:#f0f3f8;color:#45536b;padding:5px 8px;border-radius:6px;grid-column:2}.event-detail{padding:4px 12px 14px 16px;border-left:3px solid #d9e3fc;margin-bottom:12px;overflow-wrap:anywhere}.event-detail p{margin:5px 0;font-size:12px}.login-wrap{max-width:440px;margin:64px auto}.login-card{padding:34px}.login-card h1{font-size:28px}.login-card .stack button{align-self:stretch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.directory-filters{grid-template-columns:minmax(150px,2fr) 1fr 1fr}.directory-filters>button{grid-column:1/-1;justify-self:end}.metrics{gap:12px}.metric{padding:17px}.directory-table th,.directory-table td{padding:15px 14px}.directory-table th:first-child{width:30%}.directory-table th:last-child{width:16%}}
@media(max-width:700px){html{scroll-padding-top:90px}.shell{padding-left:16px;padding-right:16px}.nav{min-height:70px;gap:10px}.brand{font-size:19px;gap:8px}.brand-mark{width:36px;height:36px;font-size:23px}.brand-sub,.nav-link,.live-label{display:none}.nav-actions{gap:8px}.nav-actions button{padding:9px 11px}.stage-pill{font-size:9px;padding:5px 7px}.content{padding-top:25px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.metric{padding:15px}.metric strong{font-size:27px}.metric small{font-size:10px}.panel-head{padding:19px 16px;align-items:flex-start}.directory-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 18px;gap:12px}.search-field,.directory-filters>button{grid-column:1/-1}.directory-filters>button{justify-self:stretch}.directory-table,.directory-table tbody,.directory-table tr,.directory-table td{display:block;width:100%}.directory-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.directory-table tbody{display:grid;gap:12px;padding:0 14px 14px}.directory-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;border:1px solid var(--border);padding:16px;border-radius:10px}.directory-table td{border:0;padding:0;font-size:12px}.directory-table td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.directory-table .tenant-cell,.directory-table .expiry-cell,.directory-table .row-action{grid-column:1/-1}.directory-table .tenant-name{font-size:14px}.directory-table .row-action a{width:100%}.directory-table .expiry-cell::before{display:inline;margin-right:10px}.table-scroll{overflow:visible}.pagination{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.pagination-controls{justify-content:space-between;gap:6px}.pagination-controls .button-link{padding:8px;font-size:11px}.detail-layout{grid-template-columns:1fr;gap:16px}.detail-card,.section-pad{padding:19px}.profile-form{grid-template-columns:1fr}.profile-form .end{align-items:stretch}.access-action .stack button,.stack button{align-self:stretch}.section-nav{gap:6px}.section-nav a{padding:8px 9px;font-size:11px}.event-list{padding:0 16px 12px}.event-entry summary{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.event-sub{grid-column:1;grid-row:2}.event-change{grid-column:2;grid-row:2}.event-entry summary::before{grid-column:2;grid-row:1}.login-wrap{margin:30px auto}.login-card{padding:24px}.footer{font-size:10px}.facts div{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Payment management and persistent alerts */
.notification-nav{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:12px;font-weight:650}.notification-count{display:inline-grid;place-items:center;min-width:23px;padding:2px 5px;border-radius:7px;background:#fff0d6;color:#805411;font-size:11px}.notification-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}.channel-card{padding:20px;display:flex;align-items:start;gap:12px;flex-wrap:wrap}.channel-card small{flex-basis:100%;color:var(--muted)}.billing-filter,.billing-actions{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.billing-filter .field{min-width:min(260px,100%)}.billing-actions{margin-top:18px;align-items:center}.billing-actions form{margin:0}.check-line{display:flex;align-items:center;gap:10px}.check-line input{min-height:20px;width:20px;flex-shrink:0}.delivery-list{padding:0;list-style:none;font-size:12px}.delivery-list li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border)}.delivery-list span{color:var(--muted);text-align:right}.notification-item.unread{border-left:4px solid var(--accent)}.mobile-nav{display:none}
@media(max-width:700px){.nav-actions{gap:7px}.stage-pill{display:none}.notification-nav{font-size:11px}.notification-channels{grid-template-columns:1fr;gap:10px}.channel-card{padding:16px}.mobile-nav{display:flex;gap:22px;padding-top:13px;padding-bottom:13px;border-bottom:1px solid var(--border);font-size:12px;font-weight:650}.billing-filter>*{width:100%}.billing-actions>*{flex:1;min-width:150px}.billing-actions button{width:100%}.section-title{flex-wrap:wrap}.delivery-list li{align-items:start}.notification-item .section-title h2{max-width:100%}}

/* Stage91: read-only notification wallet summary */
.wallet-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.wallet-balance-card{padding:20px;background:#f7faff;border:1px solid #dbe6f4;border-radius:11px;display:flex;flex-direction:column;gap:4px}.wallet-balance-card span{font-weight:700;font-size:12px;color:#54657b}.wallet-balance-card strong{font-size:29px;line-height:1.2;color:#1d324a;font-variant-numeric:tabular-nums}.wallet-balance-card small{font-size:11px;color:#758498}@media(max-width:500px){.wallet-balance-grid{grid-template-columns:1fr}}

/* Account settings and theme */
.settings-card{max-width:680px}
.settings-card .stack{max-width:340px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#111827;--panel:#1b2535;--ink:#eaf0fa;--muted:#aab8cd;--border:#34445b;--accent:#a8b9ff;--shadow:none}
:root[data-theme="dark"] :is(.topbar,input,textarea,select,button.ghost,.button-link.ghost){background:var(--panel);color:var(--ink);border-color:var(--border)}
:root[data-theme="dark"] :is(.directory-table th,.directory-table tbody tr:hover,.counter,.event-change,.empty-symbol,.section-nav a){background:#29384e;color:var(--ink)}
:root[data-theme="dark"] :is(button.primary,.button-link.primary){background:#a8b9ff;color:#142044}
:root[data-theme="dark"] .plan-label{color:#becbff}
@media(prefers-color-scheme:dark){
/* Account settings and theme */
.settings-card{max-width:680px}
.settings-card .stack{max-width:340px}
:root[data-theme="system"]{color-scheme:dark;--bg:#111827;--panel:#1b2535;--ink:#eaf0fa;--muted:#aab8cd;--border:#34445b;--accent:#a8b9ff;--shadow:none}
:root[data-theme="system"] :is(.topbar,input,textarea,select,button.ghost,.button-link.ghost){background:var(--panel);color:var(--ink);border-color:var(--border)}
:root[data-theme="system"] :is(.directory-table th,.directory-table tbody tr:hover,.counter,.event-change,.empty-symbol,.section-nav a){background:#29384e;color:var(--ink)}
:root[data-theme="system"] :is(button.primary,.button-link.primary){background:#a8b9ff;color:#142044}
:root[data-theme="system"] .plan-label{color:#becbff}}

/* Fixsy identity and directory */
.brand-logo{display:block;width:42px;height:42px;border-radius:11px;flex:0 0 42px}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:30px 32px;border-radius:18px;background:linear-gradient(118deg,#081421,#182e4b);color:#f3f7ff}
.dashboard-heading h1{margin:0 0 7px;color:inherit;font-size:clamp(28px,4vw,38px)}
.dashboard-heading p{margin:0;color:#c4d2e7}
.dashboard-action{flex-shrink:0;background:#e5edff;color:#18316b;border-color:#e5edff}
.dashboard-action:hover{color:#18316b}
.dashboard-heading+.metrics .metric{padding:19px 20px}
.directory-table .tenant-cell{font-weight:650}
@media(max-width:600px){.dashboard-heading{align-items:flex-start;flex-direction:column;gap:16px;padding:22px}.dashboard-action{width:100%}.brand-logo{width:36px;height:36px;flex-basis:36px}}