.topnav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-column-gap:24px;column-gap:24px;min-height:60px;max-height:60px;padding:8px 20px 8px 76px;position:fixed;top:0;left:0;right:0;box-sizing:border-box}.topnav__left{min-width:0;display:flex;flex-direction:column;gap:2px}.topnav__left,.topnav__left-spacer{justify-self:start}.topnav__left-header{font-size:18px;font-weight:600;letter-spacing:-.01em}.topnav__left-header,.topnav__left-subheader{line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.topnav__left-subheader{font-size:12px;font-weight:500}.topnav--light .topnav__left-header{color:#111827}.topnav--light .topnav__left-subheader{color:#6b7280}.topnav--dark .topnav__left-header{color:#fafafa}.topnav--dark .topnav__left-subheader{color:#a3a3a3}.topnav--light{background-color:#fff;border-bottom:1px solid #e5e7eb}.topnav--dark{background-color:#0d0d0d;border-bottom:1px solid #262626}.topnav__center{grid-column:2;display:flex;align-items:center;gap:160px}.topnav__search,.topnav__search-placeholder{width:480px}.topnav__right{justify-self:end;display:flex;align-items:center;gap:8px}.topnav__notifications-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:inherit}.topnav__notifications-btn:hover{background:rgba(0,0,0,.04)}.topnav--dark .topnav__notifications-btn:hover{background:hsla(0,0%,100%,.06)}.topnav__notifications-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.topnav__notifications-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#7c3aed;color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}.topnav__quota-card{display:flex;flex-direction:row;align-items:center;gap:14px;box-sizing:border-box;padding:10px 12px;border-radius:10px;min-width:300px;max-width:380px;background:#faf5ff;border:1px solid rgba(124,58,237,.28)}.topnav--dark .topnav__quota-card{background:#12121a;border-color:rgba(124,58,237,.38)}.topnav__quota-card--warning{border-color:rgba(217,119,6,.45)}.topnav--dark .topnav__quota-card--warning{border-color:rgba(251,191,36,.45)}.topnav__quota-card--error{border-color:rgba(220,38,38,.45)}.topnav--dark .topnav__quota-card--error{border-color:hsla(0,91%,71%,.45)}.topnav__quota-card-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.topnav__quota-card-label{font-size:11px;font-weight:500;line-height:1.2;color:#6b7280}.topnav--dark .topnav__quota-card-label{color:#71717a}.topnav__quota-usage-text{margin:0;font-size:13px;line-height:1.25;white-space:nowrap}.topnav__quota-usage-value{font-weight:600;color:#111827}.topnav--dark .topnav__quota-usage-value{color:#fafafa}.topnav__quota-usage-meta{font-weight:400;color:#6b7280}.topnav--dark .topnav__quota-usage-meta{color:#71717a}.topnav__quota-progress{width:100%;height:5px;border-radius:999px;background:rgba(124,58,237,.16);overflow:hidden}.topnav--dark .topnav__quota-progress{background:hsla(0,0%,100%,.08)}.topnav__quota-card--warning .topnav__quota-progress{background:rgba(217,119,6,.18)}.topnav__quota-card--error .topnav__quota-progress{background:rgba(220,38,38,.18)}.topnav__quota-progress-fill{height:100%;border-radius:inherit;background:#7c3aed;transition:width .2s ease,background-color .2s ease}.topnav--dark .topnav__quota-progress-fill{background:#8b5cf6}.topnav__quota-card--warning .topnav__quota-progress-fill{background:#d97706}.topnav--dark .topnav__quota-card--warning .topnav__quota-progress-fill{background:#fbbf24}.topnav__quota-card--error .topnav__quota-progress-fill{background:#dc2626}.topnav--dark .topnav__quota-card--error .topnav__quota-progress-fill{background:#f87171}.topnav__quota-action{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 10px;border-radius:8px;border:1px solid rgba(124,58,237,.38);background:transparent;color:#374151;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.topnav__quota-action:hover:not(:disabled){background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.55)}.topnav__quota-action:disabled{cursor:wait;opacity:.6}.topnav--dark .topnav__quota-action{color:#d4d4d8;border-color:rgba(124,58,237,.45)}.topnav--dark .topnav__quota-action:hover:not(:disabled){background:rgba(124,58,237,.14);border-color:rgba(167,139,250,.6)}