@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--brand-blue-deep: #1e5bae;--brand-blue: #2a8fd4;--brand-cyan: #28b5c9;--brand-teal: #1fa38c;--brand-green: #2bc890;--brand-green-light: #5ed9a8;--brand-gradient: linear-gradient( 135deg, #1e5bae 0%, #2a8fd4 30%, #1fa38c 65%, #2bc890 100% );--brand-gradient-soft: linear-gradient( 135deg, rgba(30, 91, 174, .08) 0%, rgba(43, 200, 144, .08) 100% );--brand-gradient-glow: linear-gradient( 135deg, rgba(30, 91, 174, .18) 0%, rgba(43, 200, 144, .18) 100% );--bg-base: #f7f9fc;--bg-surface: #ffffff;--bg-elevated: #f1f4f9;--bg-overlay: rgba(255, 255, 255, .85);--bg-hover: rgba(15, 21, 37, .04);--bg-active: rgba(43, 200, 144, .08);--border-subtle: rgba(15, 21, 37, .06);--border-default: rgba(15, 21, 37, .1);--border-strong: rgba(15, 21, 37, .18);--border-brand: rgba(43, 200, 144, .5);--text-primary: #0f1525;--text-secondary: #475068;--text-tertiary: #6b7591;--text-muted: #a8b1c5;--text-on-brand: #ffffff;--color-success: #1fa577;--color-warning: #c98a17;--color-danger: #d83a3a;--color-info: #2a8fd4;--shadow-sm: 0 1px 2px rgba(15, 21, 37, .05), 0 1px 3px rgba(15, 21, 37, .04);--shadow-md: 0 4px 12px rgba(15, 21, 37, .06), 0 2px 6px rgba(15, 21, 37, .04);--shadow-lg: 0 16px 40px rgba(15, 21, 37, .1), 0 4px 12px rgba(15, 21, 37, .05);--shadow-brand: 0 8px 24px rgba(43, 143, 212, .28);--glow-brand: 0 0 24px rgba(43, 200, 144, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none;z-index:0}body:before{width:540px;height:540px;background:radial-gradient(circle,rgba(42,143,212,.35) 0%,transparent 70%);top:-160px;left:-160px}body:after{width:620px;height:620px;background:radial-gradient(circle,rgba(43,200,144,.32) 0%,transparent 70%);bottom:-220px;right:-220px}#root{position:relative;z-index:1}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f15251f;border-radius:var(--radius-full);border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:#0f152538}::selection{background:#2bc89040;color:var(--text-primary)}.gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.brand-border{position:relative;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,var(--brand-gradient) border-box;border:1px solid transparent}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),transform var(--transition-base)}.card:hover{border-color:var(--border-strong)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #2bc89066}50%{box-shadow:0 0 0 8px #2bc89000}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--transition-slow) ease-out}.teams-page{flex:1;min-height:0;overflow:auto;padding:28px;display:flex;flex-direction:column;gap:18px}.teams-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.teams-intro p{margin-top:5px;color:var(--text-secondary);font-size:13px}.teams-eyebrow{color:var(--brand-teal);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.teams-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.team-summary-card{position:relative;overflow:hidden;min-height:92px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.team-summary-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--brand-gradient);opacity:.7}.team-summary-card>span{color:var(--text-secondary);font-size:12px;font-weight:600}.team-summary-card>strong{grid-row:1 / 3;grid-column:2;color:var(--text-primary);font-size:30px;line-height:1;letter-spacing:-.04em}.team-summary-card>small{color:var(--text-tertiary);font-size:11px}.team-summary-warning:after{background:var(--color-warning)}.teams-alert{padding:10px 14px;border-radius:var(--radius-md);font-size:12px;animation:fade-in var(--transition-base) ease-out}.teams-alert-error{color:var(--color-danger);background:#d83a3a12;border:1px solid rgba(216,58,58,.22)}.teams-alert-success{color:var(--color-success);background:#1fa57712;border:1px solid rgba(31,165,119,.22)}.teams-workspace{min-height:520px;flex:1;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.7fr);gap:16px;align-items:stretch}.team-panel{min-height:0;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.manager-directory,.team-detail{display:flex;flex-direction:column}.team-panel-toolbar{padding:14px;border-bottom:1px solid var(--border-subtle)}.manager-list{flex:1;min-height:0;overflow-y:auto;padding:7px;display:flex;flex-direction:column;gap:3px}.manager-item{width:100%;min-height:70px;padding:10px 9px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.manager-item:hover,.manager-item:focus-visible{background:var(--bg-hover);outline:none;transform:translate(2px)}.manager-item-active{background:var(--bg-elevated);border-color:var(--border-strong)}.manager-accent{width:4px;height:43px;flex:0 0 auto;border-radius:var(--radius-full)}.manager-copy,.rtr-result-copy,.member-copy{min-width:0;flex:1}.manager-copy>strong,.manager-copy>span,.manager-copy>small,.rtr-result-copy>strong,.rtr-result-copy>span,.rtr-result-copy>small,.member-copy>strong,.member-copy>span,.member-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-copy>strong,.rtr-result-copy>strong,.member-copy>strong{color:var(--text-primary);font-size:13px;font-weight:650}.manager-copy>span,.rtr-result-copy>span,.member-copy>span{margin-top:2px;color:var(--text-secondary);font-size:11px}.manager-copy>small,.rtr-result-copy>small,.member-copy>small{margin-top:3px;color:var(--text-tertiary);font-size:10px}.rtr-only-dot{width:7px;height:7px;flex:0 0 auto;display:inline-block;border-radius:50%;background:var(--color-warning);box-shadow:0 0 0 3px #c98a171f}.manager-directory-footer{padding:10px 14px;display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:10px;border-top:1px solid var(--border-subtle)}.team-manager-header{position:relative;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:4px solid var(--team-color);border-bottom:1px solid var(--border-subtle)}.team-manager-header:after{content:"";position:absolute;top:0;right:0;width:180px;height:100%;pointer-events:none;background:linear-gradient(110deg,transparent,color-mix(in srgb,var(--team-color) 7%,transparent))}.team-manager-identity,.team-manager-actions,.team-manager-title-line,.rtr-picker-heading,.rtr-search-row,.rtr-result,.team-members-heading,.team-member-row,.member-actions,.team-modal-header,.team-modal-actions{display:flex;align-items:center}.team-manager-identity{min-width:0;gap:13px;position:relative;z-index:1}.team-avatar,.directory-avatar,.member-avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:50%;font-weight:750}.team-avatar{width:46px;height:46px;color:var(--team-color);background:color-mix(in srgb,var(--team-color) 12%,white);border:1px solid color-mix(in srgb,var(--team-color) 35%,white);font-size:13px}.team-manager-title-line{min-width:0;gap:9px}.team-manager-title-line h2{overflow:hidden;color:var(--text-primary);font-size:18px;line-height:1.2;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.team-manager-identity p{margin-top:4px;color:var(--text-secondary);font-size:12px}.team-manager-identity>div>span{display:block;margin-top:3px;color:var(--text-tertiary);font-size:10px;text-transform:capitalize}.team-manager-actions{position:relative;z-index:1;justify-content:flex-end;gap:8px}.rtr-picker{margin:14px 18px 0;padding:16px;background:linear-gradient(145deg,#2a8fd40e,#2bc8900e);border:1px solid var(--border-brand);border-radius:var(--radius-lg);animation:fade-in var(--transition-base) ease-out}.rtr-picker-heading,.team-members-heading,.team-modal-header{justify-content:space-between;gap:12px}.rtr-picker-heading strong,.rtr-picker-heading span{display:block}.rtr-picker-heading strong{color:var(--text-primary);font-size:13px}.rtr-picker-heading span{margin-top:2px;color:var(--text-tertiary);font-size:11px}.icon-button{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;color:var(--text-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast)}.icon-button:hover,.icon-button:focus-visible{color:var(--text-primary);background:var(--bg-hover);outline:2px solid var(--border-brand);outline-offset:1px}.rtr-search-row{margin-top:13px;align-items:stretch;gap:10px}.rtr-search-row>div:first-child{flex:1}.rtr-search-row>div:last-child{min-width:170px}.rtr-results{max-height:250px;margin-top:10px;overflow-y:auto;background:#ffffffb3;border:1px solid var(--border-default);border-radius:var(--radius-md)}.rtr-result{min-height:62px;padding:9px 11px;gap:10px;border-bottom:1px solid var(--border-subtle)}.rtr-result:last-child{border-bottom:0}.directory-avatar,.member-avatar{width:34px;height:34px;color:var(--brand-blue-deep);background:var(--brand-gradient-soft);border:1px solid rgba(42,143,212,.22);font-size:10px}.rtr-results-count{margin-top:8px;color:var(--text-tertiary);font-size:10px;text-align:right}.team-members-heading{padding:17px 22px 10px}.team-members-heading>div>span{color:var(--text-secondary);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.team-members-heading p{margin-top:2px;color:var(--text-tertiary);font-size:10px}.team-member-list{min-height:0;flex:1;overflow-y:auto;padding:0 18px 18px 38px;position:relative}.team-member-list.has-members:before{content:"";position:absolute;top:0;bottom:30px;left:24px;width:1px;background:linear-gradient(var(--brand-teal),rgba(31,163,140,.12))}.team-member-row{position:relative;min-height:72px;padding:11px 8px;gap:11px;border-bottom:1px solid var(--border-subtle)}.team-member-row:before{content:"";position:absolute;left:-14px;top:35px;width:14px;height:1px;background:var(--brand-teal)}.member-tags,.member-actions{flex:0 0 auto}.member-actions{gap:2px}.team-empty-members,.team-empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--text-tertiary);text-align:center}.team-empty-members strong,.team-empty-state strong{color:var(--text-primary);font-size:13px}.team-empty-members span,.team-empty-state span{font-size:11px}.team-empty-members svg,.team-empty-state svg{color:var(--brand-teal)}.team-panel-message{padding:24px;color:var(--text-tertiary);font-size:12px;text-align:center}.team-modal-backdrop{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#0f15256b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.team-modal{width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:team-modal-in var(--transition-base) ease-out}@keyframes team-modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.team-modal-header{padding:20px 22px;border-bottom:1px solid var(--border-subtle)}.team-modal-header span{color:var(--brand-teal);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.team-modal-header h2{margin-top:3px;color:var(--text-primary);font-size:18px;letter-spacing:-.02em}.team-edit-form{padding:20px 22px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.readonly-field{min-height:78px;padding:10px 13px;display:flex;flex-direction:column;justify-content:center;background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.readonly-field>span,.readonly-field>strong,.readonly-field>small{display:block}.readonly-field>span{color:var(--text-secondary);font-size:11px;font-weight:500}.readonly-field>strong{margin-top:4px;color:var(--text-primary);font-size:13px}.readonly-field>small{margin-top:3px;color:var(--text-tertiary);font-size:9px}.team-modal-actions{grid-column:1 / -1;justify-content:flex-end;gap:9px;padding-top:4px}@media(max-width:1120px){.teams-workspace{grid-template-columns:minmax(230px,.65fr) minmax(430px,1.35fr)}.team-manager-header{align-items:flex-start;flex-direction:column}.team-manager-actions{width:100%;justify-content:flex-start}.member-tags{display:none}}@media(max-width:960px){.teams-page{padding:18px}.teams-summary{grid-template-columns:1fr}.team-summary-card{min-height:76px}.teams-workspace{grid-template-columns:1fr}.manager-directory{min-height:300px;max-height:330px}.team-detail{min-height:540px}}@media(max-width:620px){.teams-intro,.team-manager-actions,.rtr-search-row,.team-member-row{align-items:stretch;flex-direction:column}.teams-intro>button,.team-manager-actions>button{width:100%!important}.rtr-search-row>div:last-child{min-width:0}.team-member-list{padding-left:18px}.team-member-list.has-members:before,.team-member-row:before{display:none}.team-member-row{align-items:flex-start}.member-actions{width:100%;justify-content:flex-end}.team-edit-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.manager-item,.teams-alert,.rtr-picker,.team-modal{animation:none;transition:none}}