:root{--od2-overlay:rgba(0, 0, 0, 0.45)}.od2-page{max-width:75rem;margin:0 auto;padding:var(--space-6) var(--space-4)}.od2-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.od2-header-icon{font-size:2rem;line-height:1}.od2-title{margin:0;font-size:1.5rem}.od2-subtitle{margin:var(--space-1) 0 0;font-size:.8125rem;color:var(--text-muted)}.od2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.od2-tile{background:var(--bg-card);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);min-height:7rem;display:flex;flex-direction:column;gap:var(--space-2)}.od2-tile-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.od2-tile-value{font-size:1.875rem;font-weight:700;color:var(--text);line-height:1.1}.od2-tile-caption{font-size:.6875rem;color:var(--text-muted);margin-top:auto}.od2-donut-wrap{position:relative;width:4.5rem;height:4.5rem}.od2-donut{width:100%;height:100%;transform:rotate(-90deg)}.od2-donut-track{fill:none;stroke:var(--border);stroke-width:4}.od2-donut-arc{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--transition)}.od2-donut-arc--full{stroke:var(--warning)}.od2-donut-fraction{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text)}.od2-tile-fail{font-size:.8125rem;color:var(--danger-strong);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.od2-body{display:grid;grid-template-columns:1fr 20rem;gap:var(--space-6);align-items:start}.od2-main{display:flex;flex-direction:column;gap:var(--space-6)}.od2-rail{display:flex;flex-direction:column;gap:var(--space-4)}.od2-card{background:var(--bg-card);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.od2-card-h{margin:0 0 var(--space-4);font-size:1.0625rem}.od2-card-sub{margin:var(--space-5) 0 var(--space-3);font-size:.875rem}.od2-muted{color:var(--text-muted);font-size:.8125rem}.od2-center{text-align:center}.od2-invite--dominant{border-color:var(--primary);box-shadow:0 0 0 var(--space-1) var(--primary-light)}.od2-table{width:100%;border-collapse:collapse;font-size:.8125rem}.od2-table td,.od2-table th{padding:var(--space-2) var(--space-3);text-align:left}.od2-table thead th{font-weight:600;border-bottom:var(--hairline) solid var(--border);background:var(--bg-alt,var(--bg))}.od2-table tbody tr+tr td{border-top:var(--hairline) solid var(--border)}.od2-table .od2-num{text-align:right}.od2-table-foot{margin:var(--space-3) 0 0}.od2-pill{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;letter-spacing:.03em}.od2-pill--pending{background:var(--warning-bg);color:var(--warning-text)}.od2-invite-form{display:flex;flex-direction:column;gap:var(--space-2)}.od2-field-label{font-size:.8125rem;font-weight:600;color:var(--text)}.od2-invite-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.od2-input{flex:1 1 12rem;padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.875rem;min-height:2.75rem}.od2-input:focus-visible{outline:.125rem solid var(--border-focus);outline-offset:0.0625rem}.od2-input--mono{font-family:ui-monospace,monospace;font-size:.75rem;width:100%}.od2-select{flex:0 0 8rem;padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.875rem;min-height:2.75rem}.od2-field-error{margin:0;color:var(--danger-strong);font-size:.8125rem}.od2-invite-result{margin-top:var(--space-3);padding:var(--space-3);background:var(--primary-light);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-2)}.od2-invite-result-title{margin:0;font-size:.8125rem;font-weight:600;color:var(--primary-dark)}.od2-billing-meta{list-style:none;margin:0 0 var(--space-3);padding:0;font-size:.8125rem;color:var(--text);display:flex;flex-direction:column;gap:var(--space-1)}.od2-billing-note{margin:var(--space-2) 0 0}.od2-settings-note{margin:0 0 var(--space-3)}.od2-settings-note code{font-size:.75rem}.od2-inline-error{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:.8125rem;color:var(--danger-strong);background:var(--fb-wrong-bg-from);border-radius:var(--radius-sm);padding:var(--space-3)}.od2-empty{text-align:center;padding:var(--space-8) var(--space-4)}.od2-empty-title{margin:0 0 var(--space-1);font-weight:700;color:var(--text)}.od2-skel-block,.od2-skel-line{display:block;background:var(--border);border-radius:var(--radius-sm);animation:1.2s ease-in-out infinite od2-shimmer}.od2-skel-block{width:60%;height:2rem}.od2-skel-line{height:.75rem;margin-bottom:var(--space-2)}.od2-skel-line--short{width:55%}.od2-skel-lines{display:block}.od2-skel-rows{display:flex;flex-direction:column;gap:var(--space-3)}.od2-skel-row{display:flex;gap:var(--space-3);align-items:center}.od2-skel-row .od2-skel-line{flex:1;margin:0}.od2-skel-row .od2-skel-line--short{flex:0 0 30%}@keyframes od2-shimmer{0%,100%{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.od2-skel-block,.od2-skel-line{animation:none}.od2-donut-arc{transition:none}}.od2-dialog-overlay{position:fixed;inset:0;z-index:10000;background:var(--od2-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.od2-dialog{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);max-width:27.5rem;width:100%;box-shadow:var(--shadow-lg)}.od2-dialog-title{margin:0 0 var(--space-2);font-size:1.05rem}.od2-dialog-msg{margin:0 0 var(--space-5);color:var(--text-muted);font-size:.875rem;line-height:1.5}.od2-dialog-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.od2-sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:64rem){.od2-body{grid-template-columns:1fr}.od2-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:40rem){.od2-stats{grid-template-columns:1fr}}