*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060a0b;--bg-2:#0b1215;--bg-3:#0f181c;--teal:#2dd4bf;--teal-dim:#2dd4bf1a;--teal-border:#2dd4bf38;--text:#dde8ea;--text-dim:#7090a0;--text-muted:#3c5560;--code-bg:#0b1518;--grid:#2dd4bf09;--serif:"Archivo", sans-serif;--body:"Hanken Grotesk", sans-serif;--mono:"JetBrains Mono", monospace}body{background:var(--bg);color:var(--text);font-family:var(--body);min-height:100vh;line-height:1.65;position:relative}body:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:48px 48px;position:fixed;inset:0}nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060a0be0;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-left{align-items:center;display:flex}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-wordmark{font-family:var(--serif);color:var(--text);letter-spacing:-.4px;font-size:17px;font-weight:700}.nav-wordmark span{color:var(--teal)}.nav-right{align-items:center;gap:20px;display:flex}.org-info{align-items:center;gap:8px;display:flex}.org-name{font-family:var(--mono);color:var(--text-dim);font-size:11px}.plan-badge{color:var(--teal);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;background:#2dd4bf1a;border:1px solid #2dd4bf38;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:600}.user-menu{display:inline-block;position:relative}.avatar{width:32px;height:32px;color:var(--teal);font-family:var(--mono);cursor:pointer;-webkit-user-select:none;user-select:none;background:#2dd4bf1a;border:1px solid #2dd4bf4d;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.avatar:hover{border-color:var(--teal)}.dropdown-menu{background:var(--bg-2);z-index:1000;border:1px solid #ffffff0f;min-width:180px;padding:8px 0;display:none;position:absolute;top:40px;right:0}.dropdown-menu.show{display:block}.dropdown-user-email{color:var(--text-dim);font-size:11px;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;padding:8px 16px;overflow:hidden}.dropdown-divider{border:0;border-top:1px solid #ffffff0f;margin:4px 0}.logout-btn{text-align:left;color:#ef4444;width:100%;font-family:var(--body);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px;display:block}.logout-btn:hover{background:#ffffff08}.app-container{z-index:1;min-height:100vh;padding-top:56px;display:flex;position:relative}.sidebar{background:#060a0b;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:24px;width:200px;height:calc(100vh - 56px);padding:24px 0;display:flex;position:sticky;top:56px;overflow-y:auto}.sidebar-group{flex-direction:column;display:flex}.sidebar-label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);padding:0 24px 8px;font-size:9px}.sidebar-item{font-family:var(--body);color:var(--text-dim);border-left:2px solid #0000;padding:8px 24px;font-size:13px;text-decoration:none;transition:color .2s,background .2s;display:block}.sidebar-item:hover{color:var(--text);background:#ffffff05}.sidebar-item.active{color:var(--teal);border-left:2px solid var(--teal);background:#2dd4bf08;font-weight:500}.main-content{box-sizing:border-box;flex-grow:1;width:calc(100% - 200px);max-width:1200px;margin:0 auto;padding:32px}.page-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:flex-end;margin-bottom:32px;padding-bottom:16px;display:flex}.page-header-left{flex-direction:column;display:flex}.page-header-eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--teal);margin-bottom:4px;font-size:11px}.page-header-title{font-family:var(--serif);color:var(--text);letter-spacing:-.5px;font-size:28px;font-weight:700}.page-header-right{font-family:var(--mono);color:var(--text-muted);font-size:11px}.table-container{background:var(--bg-2);border:1px solid #ffffff0f;margin-bottom:32px}.sessions-table{border-collapse:collapse;text-align:left;width:100%}.sessions-table th{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #ffffff0f;padding:12px 24px;font-size:10px;font-weight:500}.sessions-table td{font-family:var(--body);color:var(--text-dim);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:16px 24px;font-size:13px}.sessions-table tr:last-child td{border-bottom:none}.row-current-user{background:#2dd4bf0a}.row-current-user td{border-bottom-color:#2dd4bf1a}.btn-teal{background:var(--teal);color:var(--bg);font-family:var(--mono);cursor:pointer;border:none;border-radius:2px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.btn-teal:hover{opacity:.9}.btn-teal:disabled{opacity:.5;cursor:not-allowed}.btn-revoke{color:#ef4444;font-family:var(--mono);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:2px;padding:4px 12px;font-size:11px;transition:all .2s}.btn-revoke:hover{background:#ef444433;border-color:#ef4444}.btn-confirm{color:#fff;font-family:var(--mono);cursor:pointer;background:#ef4444;border:none;border-radius:2px;padding:4px 12px;font-size:11px}.btn-confirm:hover{background:#dc2626}.btn-cancel{color:var(--text-dim);font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:2px;padding:4px 12px;font-size:11px;transition:all .2s}.btn-cancel:hover{border-color:var(--text-dim);color:var(--text)}.btn-danger{color:#ef4444;font-family:var(--mono);cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:2px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.btn-danger:hover{background:#ef444433;border-color:#ef4444}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-coming-soon{color:var(--text-muted);font-family:var(--mono);cursor:not-allowed;opacity:.6;background:#ffffff0a;border:1px solid #ffffff14;border-radius:2px;padding:4px 12px;font-size:11px}.empty-state{text-align:center;color:var(--text-dim);font-family:var(--body);padding:48px 24px;font-size:14px}.error-state{color:#ef4444;font-family:var(--body);background:#ef44440d;border:1px solid #ef444433;margin:24px 0;padding:24px;font-size:14px}.role-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;border-radius:2px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.role-owner{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.role-admin{color:var(--teal);background:#2dd4bf1a;border:1px solid #2dd4bf33}.role-member{color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff14}select.form-select{background:var(--bg-3);width:100%;color:var(--text);font-family:var(--body);cursor:pointer;border:1px solid #ffffff1a;border-radius:2px;outline:none;padding:8px 12px;font-size:14px}select.form-select:focus{border-color:var(--teal)}.role-select{background:var(--bg-3);color:var(--text);font-family:var(--mono);cursor:pointer;border:1px solid #ffffff1a;border-radius:2px;outline:none;padding:4px 8px;font-size:11px}.role-select:focus{border-color:var(--teal)}.role-select:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;gap:16px;width:100%;height:auto;padding:16px 0;position:static;overflow-x:auto}.sidebar-group{flex-direction:row;align-items:center}.sidebar-label{padding:0 8px 0 16px}.sidebar-item{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;padding:4px 12px}.sidebar-item.active{border-left:none;border-bottom:2px solid var(--teal)}.main-content{width:100%;padding:16px}}