:root{--bg-page:#faf9f7;--bg-surface:#f7f4ef;--bg-elevated:#f3f0eb;--bg-hover:#ede8e0;--accent:#c8a96e;--accent-muted:#e8ddd0;--accent-text:#a07850;--accent-deep:#7a5a38;--text-primary:#3a2e22;--text-secondary:#7a6a58;--text-tertiary:#b0a090;--border:#d8d0c4;--border-strong:#c8b8a8;--positive:#5a7a5a;--negative:#a05050;--neutral:#7a7a8a;--font-display:"Canela", "Freight Display", Georgia, serif;--font-body:"Suisse Int'l", "GT America", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-card:10px;--radius-button:8px;--motion-duration:.15s;--motion-ease:ease}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--accent-deep);margin:0;font-weight:500}a{color:inherit;text-decoration:none}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-header{border-bottom:1px solid var(--border);background-color:var(--bg-elevated)}.shell-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{flex-shrink:0;width:26px;height:26px}.brand-name{font-family:var(--font-display);color:var(--text-primary);transition:color var(--motion-duration) var(--motion-ease);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:500;line-height:1.4;overflow:hidden}a.brand:hover .brand-name{color:var(--accent-deep)}.header-right{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:16px;font-size:11px;line-height:1.4;display:flex}.header-right a,.header-right button{color:var(--text-secondary);font:inherit;cursor:pointer;transition:color var(--motion-duration) var(--motion-ease);background:0 0;border:none;padding:0}.header-right a:hover,.header-right button:hover{color:var(--text-primary)}@media (max-width:640px){.header-email{display:none}.shell-header-inner{padding:12px 16px}}.shell-nav{gap:4px;max-width:960px;margin:0 auto;padding:0 24px;display:flex}.shell-nav a{color:var(--text-secondary);transition:color var(--motion-duration) var(--motion-ease);border-bottom:2px solid #0000;padding:8px 12px;font-size:13px;line-height:1.5}.shell-nav a:hover{color:var(--text-primary)}.shell-nav a.active{color:var(--text-primary);border-bottom-color:var(--accent)}@media (max-width:640px){.shell-nav{padding:0 16px}}.shell-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px}@media (max-width:640px){.shell-main{padding:20px 16px 40px}}.page-intro{margin-bottom:28px}.page-intro h1{font-size:24px;line-height:1.2}.page-intro p{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.section{margin-bottom:32px}.section:last-of-type{margin-bottom:0}.section-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.section-head h2{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-deep);flex-shrink:0;font-size:11px;font-weight:500;line-height:1.4}.section-head .blurb{color:var(--text-tertiary);margin:0;font-size:11px;line-height:1.4}.section-head .rule{background-color:var(--border);flex:1;height:1px}@media (max-width:640px){.section-head .blurb{display:none}}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}@media (max-width:640px){.grid{grid-template-columns:1fr}}.card{background-color:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-card);transition:background-color var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease);align-items:flex-start;gap:14px;padding:18px;display:flex}a.card:hover{background-color:var(--bg-surface);border-color:var(--border-strong)}a.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card.is-static{background-color:var(--bg-elevated)}.badge{border-radius:var(--radius-button);width:38px;height:38px;font-family:var(--font-display);background-color:var(--accent-muted);color:var(--accent-deep);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:500;display:flex}.card.is-static .badge{background-color:var(--bg-hover);color:var(--text-tertiary)}.card-body{flex-direction:column;flex:1;align-self:stretch;min-width:0;display:flex}.card-body .pill{align-self:flex-start;margin-top:auto}.card-desc{padding-bottom:8px}.card-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1px;font-size:15px;font-weight:500;line-height:1.4;display:block}.card-domain{color:var(--accent-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:11px;line-height:1.4;display:block;overflow:hidden}.card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5;display:block}.pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;margin-top:8px;padding:2px 8px;font-size:11px;line-height:1.4;display:inline-flex}.pill-live{color:var(--positive);border-color:#c3cfc3}.pill-live .dot{background-color:var(--positive);border-radius:50%;width:5px;height:5px}.pill-desktop{color:var(--text-tertiary)}.pill-superseded{color:var(--negative);border-color:#d8c0c0}.btn{font-family:var(--font-body);border-radius:var(--radius-button);cursor:pointer;transition:background-color var(--motion-duration) var(--motion-ease), color var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.btn:active{opacity:.85}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background-color:var(--accent);color:var(--text-primary)}.btn-primary:hover:not(:disabled){background-color:var(--accent-text);color:var(--bg-page)}.btn-secondary{border-color:var(--border);color:var(--text-primary);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn-danger{border-color:var(--negative);color:var(--negative);background-color:#0000}.btn-danger:hover:not(:disabled){background-color:var(--negative);color:var(--bg-page)}.btn-sm{padding:4px 12px;font-size:11px}.btn-block{width:100%;padding:10px 20px}.center-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background-color:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-card);width:100%;max-width:380px;padding:32px}.auth-mark{width:34px;height:34px;margin-bottom:16px;display:block}.auth-card h1{color:var(--text-primary);font-size:18px;line-height:1.4}.auth-card .sub{color:var(--text-secondary);margin:4px 0 20px;font-size:13px;line-height:1.5}.field{margin-bottom:12px;display:block}.field-label{color:var(--text-secondary);margin-bottom:4px;font-size:13px;line-height:1.5;display:block}.input{border:1px solid var(--border);width:100%;font-size:13px;line-height:1.5;font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-page);transition:border-color var(--motion-duration) var(--motion-ease);border-radius:6px;outline:none;padding:8px 12px}.input:focus{border-color:var(--accent)}.input-code{letter-spacing:.4em;text-indent:.4em;font-variant-numeric:tabular-nums;font-size:18px;line-height:1.4}.linkish{font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:color var(--motion-duration) var(--motion-ease);background:0 0;border:none;margin-top:12px;padding:0;font-size:11px;line-height:1.4;text-decoration:underline;display:block}.linkish:hover{color:var(--text-primary)}.msg{margin:12px 0 0;font-size:11px;line-height:1.4}.msg-error{color:var(--negative)}.msg-info{color:var(--text-secondary)}.fine{color:var(--text-tertiary);margin:16px 0 0;font-size:11px;line-height:1.4}.panel{background-color:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.panel-head h2{color:var(--text-primary);font-size:15px;line-height:1.4}.panel-count{color:var(--text-tertiary);font-size:11px;line-height:1.4}.table-scroll{overflow-x:auto}table.users{border-collapse:collapse;width:100%;min-width:640px;font-size:13px;line-height:1.5}table.users th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);border-bottom:1px solid var(--border);background-color:var(--bg-surface);white-space:nowrap;padding:10px 20px;font-size:11px;font-weight:500;line-height:1.4}table.users td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 20px}table.users tr:last-child td{border-bottom:none}table.users tr.is-disabled td{color:var(--text-tertiary)}.email-cell{color:var(--text-primary)}.sub-cell{color:var(--text-tertiary);font-size:11px;line-height:1.4}.sub-cell.is-negative{color:var(--negative)}.you-tag{color:var(--accent-text);margin-left:6px;font-size:11px;line-height:1.4}.date-cell{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.role-tag{border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11px;line-height:1.4;display:inline-block}.role-admin{color:var(--accent-deep);background-color:var(--accent-muted)}.role-user{color:var(--text-secondary)}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.add-row{border-top:1px solid var(--border);background-color:var(--bg-surface);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 20px;display:flex}.add-row .field{flex:1;min-width:190px;margin-bottom:0}.muted-note{color:var(--text-tertiary);margin:12px 0 0;font-size:11px;line-height:1.4}