.access-shell{--a-bg:#0c0d0f;--a-panel:#141619;--a-input:#101215;--a-line:#2a2d32;--a-text:#f2f3f5;--a-muted:#a4abb5;--a-accent:#f7931a;background:var(--a-bg);min-height:100vh;color:var(--a-text);font-family:var(--font-geist-sans),sans-serif;padding:40px 28px 72px;font-size:14px}.access-shell[data-theme=light]{--a-bg:#f5f6f8;--a-panel:#fff;--a-input:#f7f8fa;--a-line:#d8dce2;--a-text:#171a20;--a-muted:#555e6b}.access-wrap{max-width:1160px;margin:auto}.access-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:36px;display:flex}.access-eyebrow{color:var(--a-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:650}.access-shell h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(24px,3vw,32px);font-weight:650}.access-shell h2{margin:0;font-size:18px;font-weight:600}.access-shell p{color:var(--a-muted);line-height:1.6}.access-shell button,.access-shell .access-link{border:1px solid var(--a-line);background:var(--a-panel);min-height:44px;color:var(--a-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}.access-shell button:hover,.access-shell .access-link:hover{border-color:var(--a-accent)}.access-shell .access-primary{background:var(--a-accent);border-color:var(--a-accent);color:#17120b;font-weight:650}.access-shell button:disabled{opacity:.45;cursor:not-allowed}.access-shell :focus-visible{outline:2px solid var(--a-accent);outline-offset:3px}.access-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.access-tabs{border-bottom:1px solid var(--a-line);gap:24px;margin-bottom:24px;display:flex}.access-tabs button{color:var(--a-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 0}.access-tabs button[aria-selected=true]{color:var(--a-text);border-bottom-color:var(--a-accent)}.access-panel{background:var(--a-panel);border:1px solid var(--a-line);border-radius:12px;margin-bottom:20px;padding:24px}.access-panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.access-count{font-family:var(--font-geist-mono),monospace;color:var(--a-muted);font-size:13px}.access-table{border-collapse:collapse;width:100%}.access-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--a-muted);border-bottom:1px solid var(--a-line);padding:12px 12px 16px;font-size:12px;font-weight:500}.access-table td{border-bottom:1px solid var(--a-line);vertical-align:middle;padding:18px 12px}.access-table tr:last-child td{border:0}.access-person{font-weight:600;display:block}.access-small{color:var(--a-muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.access-badge{border:1px solid var(--a-line);color:var(--a-muted);border-radius:20px;padding:4px 10px;font-size:12px;display:inline-block}.access-badge.active{color:#85cba4}.access-badge.pending{color:#e7b661}.access-shell[data-theme=light] .access-badge.active{color:#276341}.access-shell[data-theme=light] .access-badge.pending{color:#815600}.access-note{color:var(--a-muted);margin:16px 0 0;font-size:13px}.access-notice{border:1px solid var(--a-line);background:var(--a-panel);overflow-wrap:anywhere;border-radius:8px;margin-bottom:20px;padding:14px 18px}.access-error{color:#f5a5a5}.access-shell[data-theme=light] .access-error{color:#9d2323}.access-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.access-field{color:var(--a-muted);flex-direction:column;gap:8px;margin:0 0 20px;font-size:13px;display:flex}.access-shell input:not([type=checkbox]),.access-shell select,.access-shell textarea{background:var(--a-input);border:1px solid var(--a-line);width:100%;min-height:46px;color:var(--a-text);font:inherit;border-radius:8px;padding:12px}.access-shell input[type=checkbox]{width:18px;height:18px;accent-color:var(--a-accent);flex-shrink:0}.access-check{cursor:pointer;min-height:44px;color:var(--a-text);align-items:center;gap:12px;font-size:14px;display:flex}.access-permissions{grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;display:grid}.access-permissions fieldset{border:0;margin:0;padding:0}.access-permissions legend{color:var(--a-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px}.access-split{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px;display:grid}.access-preview{background:var(--a-input);border-radius:8px;padding:20px}.access-preview ul{margin:16px 0 0;padding:0;list-style:none}.access-preview li{border-bottom:1px solid var(--a-line);padding:9px 0;font-size:14px}.access-auth{max-width:440px;margin:8vh auto 0}.access-auth .access-panel{padding:32px}.access-auth form{margin-top:28px}.access-auth .access-primary{width:100%}.access-email{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--a-muted);font-size:13px;line-height:1.7}.access-role-row{border-bottom:1px solid var(--a-line);justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.access-role-row:last-child{border:0}.access-empty{text-align:center;padding:40px 0}.access-form-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.access-danger{color:#eea0a0!important}.access-audit{border-bottom:1px solid var(--a-line);gap:6px;padding:16px 0;display:grid}.access-skeleton{background:var(--a-panel);border:1px solid var(--a-line);height:220px;color:var(--a-muted);border-radius:12px;justify-content:center;align-items:center;display:flex}.access-shell .access-eyebrow{color:var(--a-accent)}.access-panel-heading>button{flex-shrink:0}@media (max-width:700px){.access-shell{padding:24px 16px 48px}.access-header{flex-wrap:wrap;align-items:flex-start;margin-bottom:24px}.access-panel{padding:16px}.access-split,.access-grid,.access-permissions{grid-template-columns:1fr}.access-table thead{display:none}.access-table,.access-table tbody,.access-table tr,.access-table td{display:block}.access-table tr{border-bottom:1px solid var(--a-line);padding:12px 0}.access-table td{border:0;padding:7px 0}.access-table td:before{content:attr(data-label);color:var(--a-muted);margin-right:12px;font-size:12px}.access-table td:first-child:before{display:none}.access-role-row{gap:12px}.access-auth{margin-top:24px}.access-auth .access-panel{padding:24px}.access-form-actions>*{flex:1}.access-preview{padding:16px}}