.hub{--rail-w:272px;--drawer-w:360px;align-items:flex-start;gap:18px;display:flex;position:relative}.hub-rail{flex:0 0 var(--rail-w);width:var(--rail-w);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;align-self:stretch;display:flex;overflow:hidden}.hub-rail-body{flex:1;max-height:calc(100vh - 220px);overflow-y:auto}.hub-rail-group-label{letter-spacing:.04em;color:var(--color-text-muted);text-transform:uppercase;padding:10px 14px 4px;font-size:11px;font-weight:800}.hub-acct{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 14px;transition:background-color .12s;display:flex}.hub-acct:hover{background:var(--color-surface-hover)}.hub-acct.is-selected{background:color-mix(in srgb, var(--color-brand-primary) 10%, transparent)}.hub-avatar{border-radius:10px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.hub-avatar.is-lg{border-radius:13px;flex-basis:44px;width:44px;height:44px;font-size:16px}.hub-main{flex:1;min-width:0}.hub-breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12.5px;font-weight:600;display:flex}.hub-breadcrumb b{color:var(--color-text-primary)}.hub-hero{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:22px;margin-bottom:16px;padding:20px clamp(16px,3vw,24px)}.hub-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.hub-stat{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:14px;padding:10px 12px}.hub-stat-value{letter-spacing:-.5px;color:var(--color-text-primary);font-size:20px;font-weight:800}.hub-stat-label{color:var(--color-text-muted);align-items:center;gap:5px;margin-top:2px;font-size:11.5px;font-weight:600;display:flex}.hub-view-switch{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.hub-view-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:all .12s;display:inline-flex}.hub-view-btn.is-active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.hub-tree{flex-direction:column;gap:8px;display:flex}.hub-tree-org{flex-direction:column;display:flex}.hub-tree-toggle{cursor:pointer;width:22px;height:22px;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;transition:background .1s,color .1s;display:grid}.hub-tree-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.hub-tree-children{border-left:2px solid var(--color-border);flex-direction:column;gap:1px;margin-top:4px;margin-bottom:4px;margin-left:22px;padding-left:16px;display:flex}.hub-tree-status{color:var(--color-text-muted);padding:6px 10px;font-size:12px}.hub-tree-role-group{flex-direction:column;display:flex}.hub-tree-role-row{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;width:100%;padding:6px 8px;transition:background .1s;display:flex}.hub-tree-role-row:hover{background:var(--color-surface-hover)}.hub-tree-chevron-sm{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0;place-items:center;display:grid}.hub-tree-role-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.hub-tree-role-count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px}.hub-tree-members{border-left:1px dashed var(--color-border);flex-direction:column;gap:1px;margin-bottom:3px;margin-left:14px;padding-left:22px;display:flex}.hub-tree-member-row{border-radius:7px;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;transition:background .1s;display:flex}.hub-tree-member-row:hover{background:var(--color-surface-hover)}.hub-tree-member-row.is-pending{opacity:.6}.hub-tree-member-name{color:var(--color-text-primary);flex-shrink:0;font-weight:600}.hub-tree-member-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.hub-node{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;transition:all .12s;display:flex}.hub-node:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.hub-node.is-selected{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-primary) 18%, transparent)}.hub-node.is-inactive{opacity:.55}.hub-diagram{align-items:center;gap:0;padding:24px 8px;display:flex;overflow-x:auto}.hub-dg-root{background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);border-radius:18px;flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex}.hub-dg-branches{border-left:2px solid var(--color-border);flex-direction:column;gap:14px;margin-left:24px;padding-left:32px;display:flex}.hub-dg-node{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;transition:all .12s;display:flex;position:relative}.hub-dg-node:before{content:"";background:var(--color-border);width:32px;height:2px;position:absolute;top:50%;left:-32px}.hub-dg-node:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.hub-dg-node.is-selected{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-primary) 18%, transparent)}.hub-dg-node.is-inactive{opacity:.55}.hub-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.hub-ocard{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:18px;flex-direction:column;gap:10px;padding:16px;transition:all .12s;display:flex}.hub-ocard:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.hub-ocard.is-selected{border-color:var(--color-brand-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-primary) 18%, transparent)}.hub-ocard.is-inactive{opacity:.55}.hub-drawer{flex:0 0 var(--drawer-w);width:var(--drawer-w);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:22px;align-self:flex-start;max-height:calc(100vh - 36px);padding:18px;position:sticky;top:18px;overflow-y:auto}.hub-drawer-backdrop{display:none}.hub-mem{border-bottom:1px solid var(--color-border);align-items:center;gap:10px;padding:8px 0;display:flex}.hub-mem:last-child{border-bottom:none}.hub-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:1px 7px;font-size:10.5px;font-weight:800;display:inline-flex}.hub-badge-pending{color:oklch(42% .13 60);background:oklch(95% .08 70)}.hub-badge-danger{color:oklch(45% .14 28);background:oklch(95% .045 28)}.hub-dot-pending{background:oklch(65% .2 28);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.hub-mode-pill{background:var(--color-surface-hover);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}@media (width<=1000px){.hub{gap:0}.hub-rail,.hub-drawer{z-index:60;border-radius:0;max-height:none;transition:transform .22s;position:fixed;top:0;bottom:0}.hub-rail{left:0;transform:translate(-100%)}.hub-drawer{right:0;transform:translate(100%)}.hub-rail.is-open,.hub-drawer.is-open{transform:translate(0)}.hub-rail-body{max-height:none}.hub-drawer-backdrop.is-open{z-index:55;background:#14171c73;display:block;position:fixed;inset:0}}@media (width<=640px){.hub-stats{grid-template-columns:repeat(2,1fr)}.hub-diagram{flex-direction:column;align-items:flex-start;padding:14px 4px;overflow-x:hidden}.hub-dg-root{flex-shrink:1;max-width:100%}.hub-dg-branches{gap:8px;margin-top:8px;margin-left:16px;padding-left:16px}.hub-dg-node{flex-shrink:1;max-width:100%}.hub-dg-node:before{width:16px;left:-16px}}.hub-hero-meta{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px;font-size:12px;font-weight:600;display:none;overflow:hidden}.hub-fieldset{border-top:1px solid var(--color-border);margin-top:18px;padding-top:16px}.hub-fieldset-head{letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px;font-size:11px;font-weight:700}.hub-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.hub-field{flex-direction:column;gap:6px;min-width:0;display:flex}.hub-field-lab{color:var(--color-text-secondary);letter-spacing:-.2px;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.hub-field-lab .ro-tag{color:var(--color-text-muted);background:var(--color-surface-secondary);letter-spacing:.2px;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.hub-field-control{align-items:center;width:100%;min-width:0;display:flex;position:relative}.hub-field-control input,.hub-field-control select{background:var(--color-surface);width:100%;min-width:0;height:42px;color:var(--color-text-primary);border:1px solid var(--color-border-strong);letter-spacing:-.2px;text-overflow:ellipsis;border-radius:10px;outline:none;padding:0 38px 0 13px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .13s,box-shadow .13s}.hub-field-control input::placeholder{color:var(--color-text-muted);font-weight:500}.hub-field-control input:focus,.hub-field-control select:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-primary) 15%, transparent)}.hub-field-control .edit-ic{color:var(--color-text-muted);pointer-events:none;transition:color .13s;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.hub-field-control input:focus~.edit-ic{color:var(--color-brand-primary)}.hub-field.dirty .hub-field-control input,.hub-field.dirty .hub-field-control select{border-color:var(--color-brand-primary)}.hub-field.dirty .hub-field-control .edit-ic{color:var(--color-brand-primary)}.hub-field-control select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8F99' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C%2Fsvg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:36px}.hub-field-ro{background:var(--color-surface-secondary);width:100%;min-width:0;height:42px;color:var(--color-text-muted);letter-spacing:-.2px;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 13px;font-size:13.5px;font-weight:600;display:flex}.hub-field-ro .ci{color:var(--color-text-muted);opacity:.7;flex-shrink:0;display:flex}.hub-save-bar{background:color-mix(in srgb, var(--color-brand-primary) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-brand-primary) 25%, transparent);border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:10px 13px;display:flex}.hub-save-bar .msg{min-width:0;color:var(--color-text-secondary);flex:1;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.hub-save-bar .msg svg{color:var(--color-brand-primary);flex-shrink:0}.hub-save-bar .acts{flex-shrink:0;gap:7px;display:flex}@media (width<=560px){.hub-hero-meta{display:flex}.hub-field-date{display:none}.hub-fieldset{border-top:none;margin-top:12px;padding-top:0}.hub-fieldset-head{font-family:var(--font-mono,monospace);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;padding:0 4px;font-size:11px}.hub-field-grid{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;grid-template-columns:1fr;gap:0;padding:0 14px;box-shadow:0 1px #14171c05,0 8px 20px -16px #14171c33}.hub-field{flex-direction:row;align-items:center;gap:12px;min-height:54px;position:relative}.hub-field+.hub-field:before{content:"";background:var(--color-border);height:1px;position:absolute;top:0;left:0;right:0}.hub-field-lab{letter-spacing:-.2px;flex-shrink:0;gap:0;width:64px;font-size:14px;font-weight:700}.hub-field-lab .ro-tag{display:none}.hub-field-control{flex:1;min-width:0}.hub-field-control input,.hub-field-control select{text-align:right;border-radius:0;height:40px;padding:0 22px 0 0;font-size:15px;box-shadow:none!important;background:0 0!important;border:0!important}.hub-field-control input:focus{background:0 0!important}.hub-field-control select{text-align-last:right;direction:rtl;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%238A8F99' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C%2Fsvg%3E")!important;background-position:right 4px center!important;background-repeat:no-repeat!important;padding-right:22px!important}.hub-field-control select option{direction:ltr}.hub-field-control .edit-ic{right:4px}.hub-field.dirty .hub-field-lab,.hub-field.dirty .hub-field-control input,.hub-field.dirty .hub-field-control select{color:var(--color-brand-primary)}.hub-save-bar{flex-direction:column;align-items:stretch}.hub-save-bar .acts{display:flex}.hub-save-bar .acts button{flex:1}}