:root{--obrid-blue:#006dfc;--obrid-blue-hover:#0058cc;--obrid-navy:#102038;--obrid-slate:#536176;--obrid-canvas:#f6f8fb;--obrid-border:#dce3ec;--obrid-white:#fff;--obrid-danger:#c1351f;--obrid-success:#0e8a3e;--obrid-warning:#b07800;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-low:0 1px 2px #1020380f;--shadow-mid:0 4px 12px #10203814;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--obrid-canvas);color:var(--obrid-navy);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}#root,.view{min-height:100vh}.view-login,.view-workspace{flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.view-overview{padding:0 0 48px}.obrid-logo{max-width:100%;height:auto;display:block}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--obrid-navy);margin:16px 0 4px;font-size:clamp(24px,5vw,32px);font-weight:700}.login-subtitle{color:var(--obrid-slate);margin:0;font-size:15px}.card{background:var(--obrid-white);border:1px solid var(--obrid-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-low);width:100%;max-width:420px;padding:24px}.login-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--obrid-slate);font-size:13px;font-weight:500}.field input{font:inherit;color:var(--obrid-navy);border:1px solid var(--obrid-border);border-radius:var(--radius-sm);background:var(--obrid-white);min-height:48px;padding:12px 14px;transition:border-color .15s}.field input:focus{border-color:var(--obrid-blue);outline:none;box-shadow:0 0 0 3px #006dfc26}.field input:disabled{background:var(--obrid-canvas);color:var(--obrid-slate)}.field-error{color:var(--obrid-danger);font-size:13px}.form-error{border-radius:var(--radius-sm);color:var(--obrid-danger);background:#c1351f14;border:1px solid #c1351f40;margin:0;padding:10px 12px;font-size:14px}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--obrid-blue);color:var(--obrid-white)}.btn-primary:hover:not(:disabled){background:var(--obrid-blue-hover)}.btn-secondary{background:var(--obrid-white);color:var(--obrid-navy);border-color:var(--obrid-border)}.btn-secondary:hover:not(:disabled){background:var(--obrid-canvas)}.btn-sm{min-height:36px;padding:6px 12px;font-size:14px}.workspace-list{flex-direction:column;gap:8px;max-width:420px;display:flex}.workspace-option{border:1px solid var(--obrid-border);border-radius:var(--radius-md);background:var(--obrid-white);cursor:pointer;text-align:left;font:inherit;color:var(--obrid-navy);justify-content:space-between;align-items:center;min-height:48px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}.workspace-option:hover:not(:disabled){border-color:var(--obrid-blue);background:var(--obrid-canvas)}.workspace-option:disabled{opacity:.55;cursor:not-allowed}.workspace-name{font-weight:600}.workspace-role{color:var(--obrid-slate);font-size:13px}.app-header{background:var(--obrid-white);border-bottom:1px solid var(--obrid-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.app-header-meta{align-items:center;gap:12px;font-size:14px;display:flex}.app-header-org{color:var(--obrid-navy);font-weight:600}.app-header-user{color:var(--obrid-slate)}.section{max-width:1200px;margin:24px auto;padding:0 24px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-header h2{margin:0;font-size:20px;font-weight:600}.section h2{margin:0 0 12px;font-size:20px;font-weight:600}.section h3{margin:24px 0 12px;font-size:16px;font-weight:600}.table-wrap{background:var(--obrid-white);border:1px solid var(--obrid-border);border-radius:var(--radius-md);box-shadow:var(--shadow-low);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--obrid-border);white-space:nowrap;padding:12px 16px}.table th{color:var(--obrid-slate);background:var(--obrid-canvas);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.actions-cell{flex-wrap:wrap;gap:8px;display:flex}.status{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.6;display:inline-block}.status-active{color:var(--obrid-success);background:#0e8a3e1f}.status-invited{color:var(--obrid-blue);background:#006dfc1f}.status-suspended{color:var(--obrid-danger);background:#c1351f1f}.status-expired{color:var(--obrid-warning);background:#b078001f}.status-unrestricted,.status-accepted{color:var(--obrid-success);background:#0e8a3e1f}.invite-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.invite-form .field{flex:1;min-width:240px}.invite-form .btn{align-self:flex-end}.invitation-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.invitation-item{background:var(--obrid-white);border:1px solid var(--obrid-border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.invitation-email{flex:1;min-width:200px;font-weight:500}.totals{margin-top:12px;font-size:14px}.muted{color:var(--obrid-slate);font-size:14px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:100;background:#10203873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--obrid-white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-mid);padding:24px}.modal h2{margin:0 0 8px;font-size:18px;font-weight:600}.modal p{color:var(--obrid-slate);margin:0 0 20px;font-size:14px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=640px){.app-header{padding:12px 16px}.section{padding:0 16px}.table th,.table td{padding:10px 12px;font-size:13px}.invite-form{flex-direction:column;align-items:stretch}.invite-form .btn{align-self:stretch}}@media (width<=360px){.app-header{flex-direction:column;align-items:flex-start}.app-header-meta{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}}:focus-visible{outline:2px solid var(--obrid-blue);outline-offset:2px}.view-login{isolation:isolate;position:relative;overflow:hidden}.view-login:before{content:"";pointer-events:none;z-index:-1;border:44px solid #006dfc1a;border-radius:50%;width:440px;height:440px;position:absolute;top:-30%;right:-20%}.view-login:after{content:"";pointer-events:none;z-index:-1;background:#1020380f;border-radius:32px;width:360px;height:360px;position:absolute;bottom:-25%;left:-20%}