:root {
  color-scheme: dark;
  --bg: #070b14;
  --panel: rgba(17, 23, 39, .82);
  --panel-2: #111827;
  --panel-3: #151d30;
  --line: rgba(255,255,255,.085);
  --muted: #8690a5;
  --text: #f3f6fb;
  --cyan: #3ed7c5;
  --cyan-2: #6ef0de;
  --violet: #8b91ff;
  --pink: #ff6f91;
  --amber: #f7c66b;
  --green: #66dda8;
  --red: #ff756e;
  --shadow: 0 24px 80px rgba(0,0,0,.28);
}

* { box-sizing: border-box; }
html { font-family: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--text); background: radial-gradient(circle at 60% 0%, #101a32 0, var(--bg) 42%); overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }

.ambient { position: fixed; width: 430px; height: 430px; border-radius: 50%; filter: blur(100px); opacity: .12; pointer-events: none; z-index: 0; animation: float 12s ease-in-out infinite; }
.ambient-one { background: var(--cyan); top: -260px; right: 8%; }
.ambient-two { background: var(--violet); bottom: -300px; left: 22%; animation-delay: -5s; }
@keyframes float { 50% { transform: translate3d(18px, 24px, 0) scale(1.07); } }

.sidebar { position: fixed; z-index: 20; inset: 0 auto 0 0; width: 246px; padding: 28px 18px 20px; border-right: 1px solid var(--line); background: rgba(7, 11, 20, .84); backdrop-filter: blur(24px); display: flex; flex-direction: column; }
.brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; padding: 0 9px 30px; }
.brand-mark { display: flex; align-items: end; gap: 3px; width: 31px; height: 31px; padding: 7px; border-radius: 10px; background: linear-gradient(145deg, var(--cyan), #1c887f); box-shadow: 0 9px 24px rgba(62,215,197,.22); }
.brand-mark i { display: block; width: 4px; border-radius: 4px; background: #07110f; }
.brand-mark i:nth-child(1) { height: 9px; }.brand-mark i:nth-child(2) { height: 16px; }.brand-mark i:nth-child(3) { height: 12px; }
.brand b { display: block; font-size: 19px; letter-spacing: -.04em; line-height: 1; }
.brand small { color: var(--muted); display: block; margin-top: 5px; font-size: 10px; text-transform: uppercase; letter-spacing: .18em; }

.side-nav { display: grid; gap: 6px; }
.nav-item { position: relative; border: 0; background: transparent; min-height: 48px; border-radius: 13px; display: flex; align-items: center; gap: 12px; padding: 0 13px; cursor: pointer; color: #8e98ad; text-align: left; transition: .22s ease; }
.nav-item:hover { color: #e9edf5; background: rgba(255,255,255,.035); transform: translateX(2px); }
.nav-item.active { color: white; background: linear-gradient(90deg, rgba(62,215,197,.14), rgba(62,215,197,.035)); }
.nav-item.active::before { content: ''; position: absolute; left: 0; width: 3px; height: 24px; background: var(--cyan); border-radius: 0 4px 4px 0; box-shadow: 0 0 16px var(--cyan); }
.nav-icon { width: 24px; font-size: 20px; color: currentColor; text-align: center; }
.nav-item > span:nth-child(2) { font-size: 14px; font-weight: 650; }
.nav-item b { margin-left: auto; border-radius: 20px; background: rgba(255,255,255,.08); padding: 3px 8px; font-size: 10px; color: #bcc4d3; }
.side-label { margin: 33px 12px 12px; color: #5e687d; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.workspace-card { display: flex; align-items: center; gap: 11px; border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 14px; padding: 12px; }
.workspace-logo { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #1d2941; color: var(--cyan); font-weight: 800; }
.workspace-card div { min-width: 0; flex: 1; }
.workspace-card strong, .workspace-card small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.workspace-card strong { font-size: 13px; }.workspace-card small { color: var(--muted); font-size: 10px; margin-top: 3px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 9px var(--green); }
.sidebar-footer { margin-top: auto; }
.help-button { border: 0; background: none; color: var(--muted); font-size: 12px; display: flex; align-items: center; gap: 9px; cursor: pointer; padding: 10px; }
.help-button span { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid var(--line); border-radius: 7px; }
.version { color: #414b5f; font-size: 10px; padding: 12px 10px 0; }

.main-shell { position: relative; z-index: 1; margin-left: 246px; min-height: 100vh; }
.topbar { position: sticky; z-index: 15; top: 0; height: 78px; padding: 0 32px; border-bottom: 1px solid var(--line); background: rgba(7,11,20,.69); backdrop-filter: blur(22px); display: flex; align-items: center; justify-content: space-between; }
.crumb { display: flex; gap: 9px; align-items: center; font-size: 13px; }.crumb span,.crumb i { color: #667086; font-style: normal; }.crumb strong { font-weight: 650; }
.top-actions { display: flex; align-items: center; gap: 15px; }
.icon-button { position: relative; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.025); cursor: pointer; font-size: 20px; color: #b1bbce; }
.icon-button i { position: absolute; top: 8px; right: 9px; width: 6px; height: 6px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 8px var(--pink); }
.user-switcher { position: relative; min-width: 215px; display: flex; align-items: center; gap: 10px; padding: 4px 8px 4px 4px; border-radius: 14px; transition: .2s; }
.user-switcher:hover { background: rgba(255,255,255,.035); }
.avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(145deg, #263655, #152039); border: 1px solid rgba(255,255,255,.09); color: var(--cyan-2); font-size: 12px; font-weight: 800; }
.user-copy { flex: 1; min-width: 0; }.user-copy b,.user-copy small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.user-copy b { font-size: 12px; }.user-copy small { color: var(--muted); font-size: 10px; margin-top: 3px; }
.user-switcher select { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }
.chevron { color: #657086; }
.mobile-menu { display: none; }

.content { width: min(1450px, calc(100% - 64px)); margin: 0 auto; padding: 40px 0 60px; }
.page-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 28px; animation: reveal .45s ease both; }
.eyebrow { color: var(--cyan); font-size: 10px; letter-spacing: .18em; font-weight: 800; text-transform: uppercase; margin-bottom: 11px; }
.page-head h1 { font-size: clamp(27px, 3vw, 39px); letter-spacing: -.045em; line-height: 1.08; margin: 0; }
.page-head p { color: var(--muted); margin: 10px 0 0; font-size: 13px; }
.head-actions { display: flex; gap: 10px; }
.primary-button,.secondary-button { border: 0; border-radius: 12px; min-height: 44px; padding: 0 17px; cursor: pointer; font-weight: 750; font-size: 12px; transition: .2s ease; display: inline-flex; align-items: center; gap: 10px; }
.primary-button { color: #071511; background: linear-gradient(135deg, var(--cyan-2), #2eb9aa); box-shadow: 0 12px 32px rgba(62,215,197,.18); }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 15px 38px rgba(62,215,197,.26); }
.secondary-button { background: rgba(255,255,255,.035); color: #c8cfdd; border: 1px solid var(--line); }
.secondary-button:hover { background: rgba(255,255,255,.065); }

.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 15px; }
.metric-card,.panel { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(21,29,48,.84), rgba(13,19,33,.9)); box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.metric-card { position: relative; overflow: hidden; min-height: 138px; border-radius: 18px; padding: 20px; animation: reveal .45s ease both; animation-delay: calc(var(--i) * .06s); }
.metric-card::after { content: ''; position: absolute; width: 90px; height: 90px; border-radius: 50%; background: var(--glow); right: -35px; top: -37px; filter: blur(30px); opacity: .19; }
.metric-top { display: flex; align-items: center; justify-content: space-between; color: #a4adc0; font-size: 11px; font-weight: 650; }
.metric-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; color: var(--accent); background: color-mix(in srgb, var(--accent) 11%, transparent); font-size: 15px; }
.metric-value { font-size: 31px; font-weight: 800; letter-spacing: -.045em; margin-top: 18px; line-height: 1; }
.metric-value small { color: #687287; font-size: 15px; margin-left: 3px; }
.metric-foot { margin-top: 10px; color: #6f7a90; font-size: 10px; }.metric-foot b { color: var(--accent); font-weight: 700; }
@keyframes reveal { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, .75fr); gap: 15px; margin-bottom: 15px; }
.panel { border-radius: 18px; padding: 21px; animation: reveal .5s .2s ease both; }
.panel-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.panel-head h2 { font-size: 14px; margin: 0; }.panel-head p { color: var(--muted); margin: 5px 0 0; font-size: 10px; }
.tiny-pill { font-size: 10px; color: #8d97aa; border: 1px solid var(--line); border-radius: 10px; padding: 7px 10px; }
.chart-wrap { position: relative; height: 230px; display: flex; align-items: flex-end; padding: 15px 7px 24px 45px; }
.chart-grid { position: absolute; inset: 10px 8px 29px 43px; display: flex; flex-direction: column; justify-content: space-between; }
.chart-grid i { height: 1px; background: rgba(255,255,255,.055); }
.chart-bars { width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: space-around; gap: 14px; position: relative; z-index: 2; }
.bar-group { height: 100%; flex: 1; display: flex; align-items: flex-end; justify-content: center; gap: 4px; position: relative; }
.bar { width: min(22px, 35%); border-radius: 6px 6px 2px 2px; transform-origin: bottom; animation: grow .7s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i) * .07s + .28s); }
.bar.tests { background: linear-gradient(to top, #5e63bd, var(--violet)); }.bar.spend { background: linear-gradient(to top, #168f85, var(--cyan)); }
.bar-group label { position: absolute; bottom: -22px; color: #667086; font-size: 9px; white-space: nowrap; }
@keyframes grow { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.chart-legend { display: flex; gap: 18px; font-size: 9px; color: var(--muted); margin-left: 48px; }.chart-legend i { display: inline-block; width: 7px; height: 7px; border-radius: 2px; margin-right: 5px; }

.pipeline-list { display: grid; gap: 17px; }
.pipeline-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; }
.pipeline-row span { color: #a9b2c2; font-size: 11px; }.pipeline-row b { font-size: 11px; }
.progress { grid-column: 1 / -1; height: 5px; background: rgba(255,255,255,.05); border-radius: 20px; overflow: hidden; }
.progress i { display: block; height: 100%; border-radius: inherit; width: var(--w); background: var(--c); box-shadow: 0 0 12px color-mix(in srgb, var(--c) 50%, transparent); animation: progress .8s .35s ease both; }
@keyframes progress { from { width: 0; } }
.pulse-note { margin-top: 22px; border-radius: 14px; padding: 13px; background: rgba(62,215,197,.06); border: 1px solid rgba(62,215,197,.1); display: flex; gap: 11px; }
.pulse-note span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: rgba(62,215,197,.12); color: var(--cyan); }.pulse-note b { display: block; font-size: 10px; }.pulse-note small { display: block; color: var(--muted); font-size: 9px; margin-top: 3px; line-height: 1.45; }

.table-panel { padding: 0; overflow: hidden; }
.table-panel .panel-head { padding: 20px 22px 0; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th { color: #697489; text-transform: uppercase; letter-spacing: .08em; font-size: 9px; text-align: left; padding: 13px 18px; border-bottom: 1px solid var(--line); }
.data-table td { padding: 15px 18px; font-size: 11px; border-bottom: 1px solid rgba(255,255,255,.045); vertical-align: middle; }
.data-table tbody tr { cursor: pointer; transition: .18s; }.data-table tbody tr:hover { background: rgba(255,255,255,.025); }.data-table tbody tr:last-child td { border-bottom: 0; }
.test-id { color: var(--cyan-2); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 750; }
.person { display: flex; align-items: center; gap: 9px; }.mini-avatar { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: #1f2940; color: #aab4c7; font-size: 8px; font-weight: 800; }
.description-cell { max-width: 260px; color: #c4cbd8; }.money { font-variant-numeric: tabular-nums; font-weight: 700; }
.status,.success { display: inline-flex; align-items: center; white-space: nowrap; border-radius: 30px; padding: 5px 9px; font-size: 9px; font-weight: 750; }
.status::before,.success::before { content: ''; width: 5px; height: 5px; border-radius: 50%; margin-right: 6px; background: currentColor; box-shadow: 0 0 7px currentColor; }
.status-ACTIVE { color: var(--cyan); background: rgba(62,215,197,.09); }.status-ESCALATED { color: var(--pink); background: rgba(255,111,145,.09); }.status-CLOSED { color: #8590a5; background: rgba(134,144,165,.1); }.status-WAITING_START,.status-WAITING_FINAL { color: var(--amber); background: rgba(247,198,107,.09); }.status-CANCELLED { color: var(--red); background: rgba(255,117,110,.1); }
.success-SUCCESS { color: var(--green); background: rgba(102,221,168,.1); }.success-PARTIAL { color: var(--amber); background: rgba(247,198,107,.1); }.success-FAILED { color: var(--red); background: rgba(255,117,110,.1); }

.filter-row { display: flex; gap: 9px; align-items: center; margin-bottom: 15px; animation: reveal .45s .08s ease both; }
.search-box { position: relative; flex: 1; min-width: 220px; }.search-box span { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #657086; }.search-box input,.filter-select { height: 43px; border: 1px solid var(--line); border-radius: 12px; background: rgba(17,23,39,.7); color: #dce2ed; outline: none; }
.search-box input { width: 100%; padding: 0 14px 0 41px; }.search-box input:focus,.filter-select:focus { border-color: rgba(62,215,197,.45); box-shadow: 0 0 0 3px rgba(62,215,197,.07); }
.filter-select { padding: 0 34px 0 13px; min-width: 165px; color-scheme: dark; }
.result-count { color: var(--muted); font-size: 10px; margin-left: auto; padding: 0 6px; }

.bundles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.bundle-card { position: relative; overflow: hidden; min-height: 230px; border: 1px solid var(--line); border-radius: 18px; padding: 21px; background: linear-gradient(145deg, rgba(21,29,48,.85), rgba(12,18,31,.94)); box-shadow: var(--shadow); animation: reveal .45s ease both; animation-delay: calc(var(--i) * .05s); transition: .25s; }
.bundle-card:hover { transform: translateY(-4px); border-color: rgba(62,215,197,.22); }.bundle-card::after { content: ''; position: absolute; width: 130px; height: 130px; border-radius: 50%; background: var(--glow); right: -70px; bottom: -80px; filter: blur(30px); opacity: .13; }
.bundle-top { display: flex; justify-content: space-between; align-items: center; }.bundle-id { color: #727d91; font-family: ui-monospace, monospace; font-size: 10px; }.bundle-card h3 { margin: 22px 0 14px; font-size: 18px; letter-spacing: -.03em; }.bundle-details { display: grid; gap: 7px; color: #8f99ac; font-size: 10px; }.bundle-details b { color: #d8deea; font-weight: 600; }.bundle-footer { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 14px; display: flex; justify-content: space-between; color: #778196; font-size: 9px; }

.loading-state { min-height: 65vh; display: grid; place-content: center; justify-items: center; color: var(--muted); font-size: 12px; }.loading-state span { width: 36px; height: 36px; border: 2px solid rgba(255,255,255,.08); border-top-color: var(--cyan); border-radius: 50%; animation: spin .8s linear infinite; }.loading-state p { margin-top: 14px; }@keyframes spin { to { transform: rotate(360deg); } }
.empty-state { padding: 70px 20px; text-align: center; color: var(--muted); }.empty-state b { display: block; color: #d9dfeb; font-size: 14px; margin-bottom: 6px; }

.drawer-backdrop,.modal-backdrop { position: fixed; z-index: 40; inset: 0; background: rgba(3,6,12,.66); backdrop-filter: blur(5px); opacity: 0; visibility: hidden; transition: .26s; }
.drawer-backdrop.open,.modal-backdrop.open { opacity: 1; visibility: visible; }
.detail-drawer { position: fixed; z-index: 45; top: 0; right: 0; height: 100vh; width: min(720px, 95vw); background: #0c1220; border-left: 1px solid var(--line); transform: translateX(103%); transition: transform .38s cubic-bezier(.2,.8,.2,1); overflow-y: auto; box-shadow: -30px 0 90px rgba(0,0,0,.45); }.detail-drawer.open { transform: translateX(0); }
.drawer-hero { position: relative; padding: 30px 31px 26px; background: linear-gradient(145deg, #121d32, #0c1220); border-bottom: 1px solid var(--line); }.drawer-close { position: absolute; top: 23px; right: 24px; width: 34px; height: 34px; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid var(--line); color: #aab4c7; font-size: 20px; cursor: pointer; }.drawer-id { color: var(--cyan); font: 700 10px ui-monospace, monospace; letter-spacing: .06em; }.drawer-hero h2 { font-size: 24px; letter-spacing: -.04em; line-height: 1.2; margin: 18px 45px 13px 0; }.drawer-people { color: var(--muted); font-size: 11px; }.drawer-people b { color: #d7deea; }.drawer-actions { display: flex; gap: 8px; margin-top: 20px; }
.drawer-body { padding: 22px 30px 45px; }.drawer-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; }.mini-metric { background: rgba(255,255,255,.025); border: 1px solid var(--line); border-radius: 12px; padding: 12px; }.mini-metric span { display: block; color: #677287; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }.mini-metric b { display: block; font-size: 12px; margin-top: 7px; }
.detail-section { margin-top: 22px; border: 1px solid var(--line); background: rgba(255,255,255,.018); border-radius: 15px; padding: 19px; }.detail-section h3 { font-size: 12px; margin: 0 0 18px; }.detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px 15px; }.field span { display: block; color: #667186; font-size: 8px; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 6px; }.field b { display: block; color: #d9dfeb; font-size: 10px; line-height: 1.5; font-weight: 600; }.field.wide { grid-column: span 2; }
.account-list { display: grid; gap: 9px; }.account-row { display: grid; grid-template-columns: 1fr repeat(4, .65fr) 1.25fr; gap: 10px; padding: 11px 0; border-bottom: 1px solid var(--line); align-items: center; font-size: 9px; }.account-row:last-child { border: 0; }.account-row.header { color: #667186; font-size: 8px; text-transform: uppercase; }.account-row b { font-weight: 650; }.detail-comment { color: #aab4c7; font-size: 10px; line-height: 1.7; margin: 0; }

.modal-backdrop { display: grid; place-items: center; padding: 20px; }.modal { width: min(520px, 100%); max-height: 92vh; overflow-y: auto; position: relative; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(145deg, #151d30, #0d1321); padding: 30px; box-shadow: 0 40px 120px rgba(0,0,0,.55); transform: translateY(18px) scale(.98); transition: .28s; }.modal-backdrop.open .modal { transform: none; }.modal-close { position: absolute; right: 20px; top: 20px; width: 34px; height: 34px; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid var(--line); font-size: 20px; color: #8e98ab; cursor: pointer; }.modal-kicker { color: var(--cyan); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; }.modal h2 { margin: 10px 0 7px; font-size: 25px; letter-spacing: -.04em; }.modal > p { margin: 0 0 24px; color: var(--muted); font-size: 10px; }.modal form { display: grid; gap: 15px; }.modal label span { display: block; font-size: 10px; font-weight: 700; margin-bottom: 7px; color: #b9c2d2; }.modal input,.modal select,.modal textarea { width: 100%; border: 1px solid var(--line); border-radius: 11px; color: #edf1f8; background: rgba(5,9,17,.48); padding: 12px 13px; outline: 0; resize: vertical; color-scheme: dark; }.modal input:focus,.modal select:focus,.modal textarea:focus { border-color: rgba(62,215,197,.5); box-shadow: 0 0 0 3px rgba(62,215,197,.07); }.submit-button { margin-top: 4px; justify-content: center; }.submit-button i { font-style: normal; }
.toast { position: fixed; z-index: 60; left: 50%; bottom: 28px; transform: translate(-50%, 30px); display: flex; align-items: center; gap: 10px; background: #14251f; border: 1px solid rgba(102,221,168,.2); border-radius: 13px; padding: 12px 16px; opacity: 0; visibility: hidden; transition: .28s; box-shadow: var(--shadow); }.toast.open { opacity: 1; visibility: visible; transform: translate(-50%,0); }.toast span { color: var(--green); }.toast p { margin: 0; font-size: 10px; }

@media (max-width: 1100px) {
  .metric-grid { grid-template-columns: repeat(2,1fr); }.dashboard-grid { grid-template-columns: 1fr; }.bundles-grid { grid-template-columns: repeat(2,1fr); }.data-table th:nth-child(3),.data-table td:nth-child(3),.data-table th:nth-child(6),.data-table td:nth-child(6) { display: none; }
}
@media (max-width: 760px) {
  .sidebar { width: 74px; padding: 25px 10px; }.brand { padding: 0 11px 28px; }.brand > span:last-child,.nav-item > span:nth-child(2),.nav-item b,.side-label,.workspace-card div,.workspace-card .live-dot,.sidebar-footer { display: none; }.workspace-card { justify-content: center; padding: 8px; }.nav-item { justify-content: center; padding: 0; }.nav-item.active::before { left: -10px; }.main-shell { margin-left: 74px; }.topbar { padding: 0 16px; }.crumb { display: none; }.content { width: calc(100% - 28px); padding-top: 28px; }.page-head { flex-direction: column; }.page-head .head-actions { width: 100%; }.head-actions button { flex: 1; justify-content: center; }.user-switcher { min-width: 48px; }.user-copy,.chevron { display: none; }.metric-grid { grid-template-columns: 1fr; }.bundles-grid { grid-template-columns: 1fr; }.filter-row { flex-wrap: wrap; }.search-box { flex-basis: 100%; }.filter-select { flex: 1; min-width: 0; }.data-table th:nth-child(4),.data-table td:nth-child(4),.data-table th:nth-child(7),.data-table td:nth-child(7) { display: none; }.data-table th,.data-table td { padding: 12px 10px; }.drawer-metrics { grid-template-columns: repeat(2,1fr); }.detail-grid { grid-template-columns: repeat(2,1fr); }.account-row { grid-template-columns: 1fr 1fr 1fr; }.account-row > *:nth-child(4),.account-row > *:nth-child(6) { display: none; }
}

/* Workflow UI */
.info-bubble { position: relative; display: inline-grid; place-items: center; width: 17px; height: 17px; margin-left: 5px; border: 1px solid #b9c3cc; border-radius: 50%; color: #617181; font: 700 10px/1 ui-sans-serif; cursor: help; vertical-align: 1px; }
.info-bubble > span { position: absolute; z-index: 120; left: 50%; bottom: calc(100% + 9px); width: 260px; padding: 10px 12px; border: 1px solid #ccd4da; border-radius: 6px; color: #f4f7fa; background: #243444; box-shadow: 0 10px 30px rgba(22,32,43,.2); font-size: 11px; font-weight: 500; line-height: 1.45; opacity: 0; visibility: hidden; transform: translate(-50%,4px); transition: .14s ease; pointer-events: none; }
.info-bubble:hover > span,.info-bubble:focus > span { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.table-scroll { width: 100%; overflow-x: auto; }.muted,.block-small { color: #7c8792; }.block-small { display: block; margin-top: 4px; font-size: 10px; }.danger-text { color: #ad4545!important; }
.compact-test-list { display: grid; gap: 7px; }.compact-test-list button { display: grid; grid-template-columns: 110px 1fr auto; gap: 12px; align-items: center; width: 100%; padding: 11px 12px; border: 1px solid #dfe4e8; border-radius: 5px; color: #34414c; background: #fff; text-align: left; cursor: pointer; }.compact-test-list button:hover { border-color: #aebac4; }.compact-test-list small { color: #7d8892; }
.breakdown-list { display: grid; gap: 7px; }.breakdown-list > div { display: grid; grid-template-columns: 1.4fr repeat(4,auto); gap: 15px; align-items: center; padding: 10px 12px; border-bottom: 1px solid #e6eaed; color: #687581; font-size: 11px; }.breakdown-list b { color: #2e3943; font-size: 12px; }
.queue-create { margin-bottom: 14px; }.bulk-queue { margin-top: 18px; padding-top: 16px; border-top: 1px solid #e1e6ea; }.bulk-queue summary { color: #304357; font-size: 12px; font-weight: 750; cursor: pointer; }.bulk-queue p { color: #77838e; font-size: 11px; }
.queue-cards,.request-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(290px,1fr)); gap: 12px; }.queue-card,.request-card { padding: 17px; border: 1px solid #dde3e7; border-radius: 7px; background: #fff; }.queue-card > div:first-child,.request-card > div:first-child { display: flex; justify-content: space-between; align-items: center; gap: 10px; }.queue-card h3,.request-card h3 { margin: 14px 0 8px; color: #2b3742; font-size: 14px; }.queue-card p,.request-card p { color: #6f7b86; font-size: 11px; }.queue-card small,.request-card small { color: #84909a; }
.card-actions { display: flex; gap: 8px; margin-top: 15px; }.card-actions button { min-height: 36px; }
.request-status { padding: 5px 8px; border-radius: 20px; background: #eef1f3; color: #66727c; font-size: 9px; font-weight: 800; text-transform: uppercase; }.request-status.APPROVED { background: #e2f2e8; color: #2d7b51; }.request-status.REJECTED { background: #fae6e4; color: #ad4545; }.request-status.PENDING { background: #fbefd2; color: #8b6515; }
.check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; padding: 12px; border: 1px solid #d8dee3; border-radius: 5px; }.check-grid legend,.account-form legend { padding: 0 6px; color: #53616e; font-size: 11px; font-weight: 750; }.check-grid label { display: flex!important; flex-direction: row!important; align-items: center; gap: 7px; color: #4e5b66; font-size: 11px; }.check-grid input { width: auto!important; }
.account-form { display: grid; gap: 12px; margin: 10px 0; padding: 15px; border: 1px solid #d9e0e5; border-radius: 7px; background: #f8fafb; }
.timeline { display: grid; }.timeline > div { position: relative; display: flex; gap: 12px; padding: 0 0 17px 6px; }.timeline > div:not(:last-child)::before { content:''; position:absolute; left:10px; top:13px; bottom:0; width:1px; background:#d6dde2; }.timeline i { position: relative; z-index:1; width:9px; height:9px; margin-top:4px; border-radius:50%; background:#4f7da9; }.timeline b,.timeline small { display:block; }.timeline b { color:#34414c; font-size:11px; }.timeline small { margin-top:3px; color:#84909a; font-size:9px; }.account-row span:last-child small { display:block; margin-top:3px; color:#7d8993; font-size:9px; }
@media (max-width: 900px) { .breakdown-list > div { grid-template-columns: 1fr 1fr; }.compact-test-list button { grid-template-columns: 1fr; }.queue-cards,.request-list { grid-template-columns:1fr; }.info-bubble > span { left:auto; right:-12px; transform:translateY(4px); }.info-bubble:hover > span,.info-bubble:focus > span { transform:none; } }

/* Authentication */
.login-screen { display: none; position: fixed; inset: 0; z-index: 200; place-items: center; padding: 24px; background: #eef1f4; }
body.auth-pending .login-screen, body.auth-required .login-screen { display: grid; }
body.auth-pending .sidebar, body.auth-pending .main-shell,
body.auth-required .sidebar, body.auth-required .main-shell,
body.auth-pending .ambient, body.auth-required .ambient { display: none; }
.login-card { width: min(430px, 100%); padding: 34px; border: 1px solid #d8dde3; border-radius: 10px; background: #fff; color: #26323d; box-shadow: 0 24px 70px rgba(22,32,43,.14); }
.login-brand { display: flex; align-items: center; gap: 12px; padding-bottom: 28px; border-bottom: 1px solid #e5e9ed; }
.login-brand .brand-mark { align-items: center; justify-content: center; color: #fff; font-size: 10px; font-weight: 800; }
.login-brand b,.login-brand small { display: block; }.login-brand b { font-size: 15px; }.login-brand small { margin-top: 3px; color: #7b8792; font-size: 10px; }
.login-copy { margin: 28px 0 22px; }.login-copy > span { color: #245c9f; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.login-copy h1 { margin: 8px 0 6px; font-size: 28px; letter-spacing: -.035em; }.login-copy p { margin: 0; color: #72808c; font-size: 12px; }
.login-form { display: grid; gap: 15px; }.login-form label span { display: block; margin-bottom: 7px; color: #56636f; font-size: 11px; font-weight: 700; }
.login-form input { width: 100%; height: 44px; padding: 0 12px; border: 1px solid #cfd6dc; border-radius: 5px; color: #25313b; background: #fff; outline: none; }
.login-form input:focus { border-color: #7396b8; box-shadow: 0 0 0 3px rgba(36,92,159,.08); }.login-form .primary-button { justify-content: center; margin-top: 3px; }
.login-error { min-height: 16px; margin: -5px 0 0; color: #ad3f3f; font-size: 11px; }
.profile-summary { display: flex; gap: 10px; align-items: center; padding: 10px; color: #2e3a45; }.profile-summary b,.profile-summary small { display: block; }.profile-summary b { font-size: 11px; }.profile-summary small { margin-top: 3px; color: #7b8691; font-size: 9px; }
.profile-menu-button { width: 100%; padding: 10px; border: 0; border-top: 1px solid #e5e9ed; color: #46525e; background: transparent; cursor: pointer; text-align: left; font-size: 11px; }.profile-menu-button:hover { background: #f3f5f7; }.profile-menu-button.logout { color: #a44242; }
.table-action-group { display: flex; gap: 6px; }.table-action { padding: 6px 9px; border: 1px solid #d5dbe1; border-radius: 4px; color: #465461; background: #fff; cursor: pointer; font-size: 10px; }.table-action:hover { border-color: #9eabb6; background: #f7f9fa; }

/* Enterprise theme: restrained, dense and operational */
:root {
  color-scheme: light;
  --bg: #f3f5f7;
  --panel: #ffffff;
  --panel-2: #ffffff;
  --panel-3: #f7f8fa;
  --line: #dfe3e8;
  --muted: #687381;
  --text: #17202b;
  --cyan: #245c9f;
  --cyan-2: #245c9f;
  --violet: #6882a5;
  --pink: #a34242;
  --amber: #8b6527;
  --green: #287353;
  --red: #a34242;
  --shadow: 0 1px 2px rgba(22, 32, 43, .05);
}

html { background: var(--bg); font-family: Inter, "Segoe UI", Arial, sans-serif; }
body { color: var(--text); background: var(--bg); }
.ambient { display: none; }

.sidebar {
  width: 232px;
  padding: 25px 16px 18px;
  border-right: 0;
  background: #1d2530;
  backdrop-filter: none;
}
.brand { gap: 11px; padding: 0 8px 28px; }
.brand-mark {
  display: grid; place-items: center;
  width: 32px; height: 32px; padding: 0;
  border-radius: 5px;
  background: #f5f7fa;
  color: #1d2530;
  box-shadow: none;
  font-size: 10px; font-weight: 800; letter-spacing: .04em;
}
.brand b { color: #f6f8fa; font-size: 15px; letter-spacing: -.01em; }
.brand small { color: #8995a4; margin-top: 4px; font-size: 9px; letter-spacing: .12em; }
.side-nav { gap: 3px; }
.nav-item {
  min-height: 43px; border-radius: 5px; gap: 11px; padding: 0 11px;
  color: #aeb7c2; transition: background .12s ease, color .12s ease;
}
.nav-item:hover { color: #fff; background: #27313e; transform: none; }
.nav-item.active { color: #fff; background: #303b49; }
.nav-item.active::before { left: -16px; width: 3px; height: 43px; background: #4f83bd; border-radius: 0; box-shadow: none; }
.nav-icon { width: 21px; color: #778493; font: 700 9px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .06em; }
.nav-item.active .nav-icon { color: #92b6df; }
.nav-item > span:nth-child(2) { font-size: 13px; font-weight: 600; }
.nav-item b { border-radius: 3px; background: #3a4654; color: #d6dce3; padding: 2px 6px; font-size: 10px; }
.side-label { margin: 28px 10px 11px; color: #687585; font-size: 9px; letter-spacing: .1em; }
.workspace-card { border-color: #34404e; background: #232c37; border-radius: 6px; padding: 11px; }
.workspace-logo { width: 32px; height: 32px; border-radius: 4px; background: #344151; color: #dce4ec; }
.workspace-card strong { color: #e9edf1; font-size: 12px; }
.workspace-card small { color: #7f8b99; font-size: 10px; }
.live-dot { background: #6d957f; box-shadow: none; }
.help-button { color: #929eab; font-size: 12px; }
.help-button span { border-color: #3a4552; border-radius: 4px; }
.version { color: #677382; }

.main-shell { margin-left: 232px; }
.topbar {
  height: 68px; padding: 0 30px;
  border-bottom: 1px solid var(--line);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(8px);
}
.crumb { font-size: 13px; }.crumb span,.crumb i { color: #8a949f; }.crumb strong { color: #3e4955; }
.icon-button { width: 36px; height: 36px; border-radius: 5px; border-color: var(--line); background: white; color: #687381; font-size: 17px; }
.icon-button i { top: 8px; right: 8px; width: 5px; height: 5px; background: #a34242; box-shadow: none; }
.user-switcher { min-width: 220px; border-radius: 5px; padding: 4px 7px 4px 4px; }
.user-switcher:hover { background: #f2f4f6; }
.avatar { width: 36px; height: 36px; border-radius: 4px; background: #e8edf3; border: 1px solid #d9dee5; color: #344d69; }
.user-copy b { color: #26313c; font-size: 12px; }.user-copy small { color: #7b8692; font-size: 10px; }

.content { width: min(1420px, calc(100% - 60px)); padding: 34px 0 52px; }
.page-head { margin-bottom: 24px; animation: reveal .18s ease both; }
.eyebrow { color: #6f7b88; font-size: 10px; letter-spacing: .1em; margin-bottom: 9px; }
.page-head h1 { color: #17202b; font-size: clamp(27px, 2.5vw, 36px); letter-spacing: -.035em; }
.page-head p { color: #687381; margin-top: 8px; font-size: 13px; }
.primary-button,.secondary-button { min-height: 39px; border-radius: 5px; padding: 0 15px; font-size: 12px; font-weight: 650; transition: background .12s ease, border-color .12s ease; }
.primary-button svg,.secondary-button svg { width: 15px; height: 15px; }
.primary-button { color: #fff; background: #245c9f; box-shadow: none; }
.primary-button:hover { background: #1c4d88; transform: none; box-shadow: none; }
.secondary-button { color: #40505f; background: #fff; border-color: #d9dee4; }
.secondary-button:hover { background: #f5f7f9; border-color: #cbd2d9; }

.metric-grid { gap: 12px; margin-bottom: 12px; }
.metric-card,.panel { border-color: var(--line); background: #fff; box-shadow: var(--shadow); backdrop-filter: none; }
.metric-card { min-height: 124px; border-radius: 7px; padding: 18px; animation: reveal .2s ease both; }
.metric-card::after { display: none; }
.metric-top { color: #64717e; font-size: 12px; }
.metric-icon { width: auto; height: auto; border-radius: 0; padding: 0; color: #7b8793; background: transparent; font: 700 9px ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .05em; }
.metric-value { color: #17202b; font-size: 29px; margin-top: 17px; }
.metric-foot { color: #77828e; font-size: 11px; margin-top: 9px; }.metric-foot b { color: #40566e; }

.dashboard-grid { gap: 12px; margin-bottom: 12px; grid-template-columns: minmax(0, 1.65fr) minmax(310px, .7fr); }
.panel { border-radius: 7px; padding: 20px; animation: reveal .2s .03s ease both; }
.panel-head { margin-bottom: 18px; }
.panel-head h2 { color: #25303b; font-size: 13px; }.panel-head p { color: #7c8792; font-size: 11px; }
.tiny-pill { color: #687583; border-color: #dde2e7; background: #f8f9fa; border-radius: 4px; padding: 6px 9px; font-size: 10px; }
.chart-wrap { height: 218px; }
.chart-grid i { background: #e9ecef; }
.bar { border-radius: 2px 2px 0 0; animation-duration: .35s; }
.bar.tests { background: #8095ad; }.bar.spend { background: #356b9f; }
.bar-group label,.chart-legend { color: #788490; font-size: 10px; }
.pipeline-row span,.pipeline-row b { color: #536170; font-size: 11px; }
.progress { height: 4px; background: #edf0f3; border-radius: 1px; }.progress i { border-radius: 1px; box-shadow: none; animation-duration: .35s; }
.pulse-note { margin-top: 21px; border-radius: 5px; padding: 12px; background: #f5f7f9; border-color: #e0e4e8; }
.pulse-note span { width: 31px; height: 27px; border-radius: 3px; background: #e4e9ee; color: #536373; font: 700 9px ui-monospace, monospace; }
.pulse-note b { color: #394653; font-size: 11px; }.pulse-note small { color: #77828e; font-size: 10px; }

.table-panel { padding: 0; border-radius: 7px; }
.table-panel .panel-head { padding: 18px 20px 0; }
.data-table th { color: #717d89; background: #f7f8f9; font-size: 10px; padding: 12px 16px; border-bottom-color: #dfe3e7; }
.data-table td { color: #34404c; padding: 14px 16px; font-size: 12px; border-bottom-color: #e8ebee; }
.data-table tbody tr:hover { background: #f7f9fb; }
.test-id { color: #245c9f; font-size: 11px; }
.mini-avatar { width: 26px; height: 26px; border-radius: 4px; background: #e9edf2; color: #526273; font-size: 9px; }
.description-cell { color: #46525e; }.money { color: #26313c; }
.status,.success { border-radius: 3px; padding: 5px 7px; font-size: 10px; border: 1px solid transparent; }
.status::before,.success::before { display: none; }
.status-ACTIVE { color: #1e5f4c; background: #edf7f3; border-color: #d4e9e0; }
.status-ESCALATED { color: #923d3d; background: #fbf0f0; border-color: #efd7d7; }
.status-CLOSED { color: #5f6872; background: #f0f2f4; border-color: #e0e3e6; }
.status-WAITING_START,.status-WAITING_FINAL { color: #78591f; background: #faf5e9; border-color: #ede1c5; }
.status-CANCELLED { color: #8b3a3a; background: #f9eeee; border-color: #ecd4d4; }
.success-SUCCESS { color: #256146; background: #edf6f1; border-color: #d4e7dc; }
.success-PARTIAL { color: #78591f; background: #faf5e9; border-color: #ede1c5; }
.success-FAILED { color: #8c3d3d; background: #faf0f0; border-color: #ecd6d6; }

.filter-row { gap: 8px; margin-bottom: 12px; animation-duration: .18s; }
.search-box span { color: #7b8792; }.search-box span svg { width: 16px; height: 16px; }.search-box input,.filter-select { height: 40px; border-radius: 5px; border-color: #d9dee4; background: #fff; color: #33404c; }
.search-box input:focus,.filter-select:focus { border-color: #7ba0c8; box-shadow: 0 0 0 2px rgba(36,92,159,.08); }
.result-count { color: #727e8a; font-size: 11px; }

.bundles-grid { gap: 12px; }
.bundle-card { min-height: 220px; border-radius: 7px; padding: 20px; background: #fff; box-shadow: var(--shadow); animation-duration: .2s; }
.bundle-card:hover { transform: none; border-color: #aab8c7; box-shadow: 0 2px 5px rgba(22,32,43,.07); }
.bundle-card::after { display: none; }
.bundle-id { color: #74808c; font-size: 10px; }.bundle-card h3 { color: #25303b; font-size: 17px; }
.bundle-details { color: #687582; font-size: 11px; }.bundle-details b { color: #34414d; }.bundle-footer { border-top-color: #e3e6e9; color: #77828e; font-size: 10px; }

.loading-state { color: #6f7b87; }.loading-state span { border-color: #d8dde2; border-top-color: #245c9f; }
.empty-state { color: #6f7b87; }.empty-state b { color: #34414d; }
.drawer-backdrop,.modal-backdrop { background: rgba(26,33,42,.34); backdrop-filter: blur(2px); }
.detail-drawer { width: min(760px,95vw); background: #f5f6f8; border-left-color: #cfd5dc; box-shadow: -12px 0 32px rgba(22,32,43,.13); transition-duration: .24s; }
.drawer-hero { padding: 29px 31px 24px; background: #fff; border-bottom-color: #dfe3e8; }
.drawer-close,.modal-close { border-radius: 4px; background: #fff; border-color: #d9dee4; color: #5c6874; }
.drawer-id { color: #245c9f; }.drawer-hero h2 { color: #1d2731; }.drawer-people { color: #6b7681; }.drawer-people b { color: #34414d; }
.drawer-body { padding: 20px 28px 42px; }
.mini-metric { background: #fff; border-color: #dfe3e8; border-radius: 5px; padding: 12px; }.mini-metric span { color: #77828d; font-size: 9px; }.mini-metric b { color: #2b3742; font-size: 12px; }
.detail-section { margin-top: 14px; border-color: #dfe3e8; background: #fff; border-radius: 6px; padding: 19px; }.detail-section h3 { color: #2b3742; font-size: 13px; }.field span { color: #77828e; font-size: 9px; }.field b { color: #33404c; font-size: 11px; }.account-row { color: #4c5965; border-bottom-color: #e6e9ec; font-size: 10px; }.account-row.header { color: #77828d; }.detail-comment { color: #586572; font-size: 11px; }

.modal { border-color: #d6dce2; border-radius: 7px; background: #fff; box-shadow: 0 20px 55px rgba(22,32,43,.2); transition-duration: .18s; }
.modal-kicker { color: #6c7884; }.modal h2 { color: #202b35; }.modal > p { color: #707c88; font-size: 11px; }.modal label span { color: #465461; font-size: 11px; }.modal input,.modal select,.modal textarea { border-color: #d8dde3; border-radius: 5px; color: #2d3945; background: #fff; color-scheme: light; }.modal input:focus,.modal select:focus,.modal textarea:focus { border-color: #7ba0c8; box-shadow: 0 0 0 2px rgba(36,92,159,.08); }
.toast { background: #fff; border-color: #ced8d1; border-radius: 5px; box-shadow: 0 7px 25px rgba(22,32,43,.15); }.toast p { color: #34414d; font-size: 11px; }
.admin-only[hidden] { display: none !important; }
.manager-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; padding-top: 15px; border-top: 1px solid #e3e6e9; }
.manager-actions button { height: 34px; padding: 0 11px; border: 1px solid #d5dbe1; border-radius: 4px; color: #40505f; background: #fff; font-size: 10px; font-weight: 650; cursor: pointer; }
.manager-actions button:hover { background: #f4f6f8; }.manager-actions button.danger { color: #923d3d; border-color: #e5c8c8; background: #fffafa; }
.action-modal { width: min(640px,100%); }.action-modal .compact-form { max-height: 68vh; overflow-y: auto; padding-right: 3px; }
#actionModalBackdrop { z-index: 70; }
.danger-button { min-height: 39px; border: 1px solid #a34242; border-radius: 5px; color: #fff; background: #a34242; font-size: 12px; font-weight: 700; cursor: pointer; }

.admin-summary { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 12px; }
.admin-summary > div { min-height: 86px; padding: 16px; border: 1px solid #dfe3e8; border-radius: 6px; background: #fff; }
.admin-summary span { display: block; color: #707c87; font-size: 10px; }.admin-summary b { display: block; margin-top: 9px; color: #1f2a35; font-size: 24px; }
.admin-layout { display: grid; grid-template-columns: minmax(0,1fr) 350px; gap: 12px; margin-bottom: 12px; }
.admin-users-panel,.add-user-panel,.dictionary-panel,.queue-panel { padding: 0; overflow: hidden; }
.admin-users-panel .panel-head,.add-user-panel .panel-head,.dictionary-panel .panel-head,.queue-panel .panel-head { padding: 18px 20px 0; }
.admin-table-wrap { overflow-x: auto; }
.admin-table td { padding-top: 11px; padding-bottom: 11px; }.admin-table .person b,.admin-table .person small { display: block; }.admin-table .person b { color: #2d3944; font-size: 11px; }.admin-table .person small { margin-top: 2px; color: #7b8691; font-size: 9px; }.admin-table code { color: #465565; font-size: 10px; }
.row-disabled { opacity: .52; }
.inline-select { height: 32px; min-width: 105px; padding: 0 24px 0 8px; border: 1px solid #d8dde2; border-radius: 4px; color: #374551; background: #fff; font-size: 10px; }
.state-button { min-width: 78px; height: 29px; border: 1px solid; border-radius: 3px; font-size: 9px; font-weight: 700; cursor: pointer; }.state-button.on { color: #256146; border-color: #d4e7dc; background: #edf6f1; }.state-button.off { color: #8c3d3d; border-color: #ecd6d6; background: #faf0f0; }.state-button:disabled { cursor: default; opacity: .6; }
.compact-form { display: grid; gap: 12px; padding: 0 20px 20px; }.compact-form label > span { display: block; margin-bottom: 6px; color: #55626f; font-size: 10px; font-weight: 650; }.compact-form input,.compact-form select,.compact-form textarea { width: 100%; min-height: 38px; padding: 9px 10px; border: 1px solid #d8dde3; border-radius: 4px; outline: 0; color: #2e3a46; background: #fff; font-size: 11px; resize: vertical; }.compact-form input:focus,.compact-form select:focus,.compact-form textarea:focus { border-color: #7ba0c8; box-shadow: 0 0 0 2px rgba(36,92,159,.07); }.compact-form .primary-button { justify-content: center; margin-top: 2px; }.form-split { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.teams-panel,.dictionary-panel { padding-bottom: 18px; overflow: hidden; }
.dictionary-toolbar { display: grid; gap: 8px; min-width: 0; padding: 0 20px 14px; }
.dictionary-toolbar > select { width: 100%; min-width: 0; height: 38px; padding: 0 9px; border: 1px solid #d8dde3; border-radius: 4px; background: #fff; color: #34414d; font-size: 11px; }
.dictionary-toolbar form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; min-width: 0; }
.dictionary-toolbar input { width: 100%; min-width: 0; height: 38px; padding: 0 10px; border: 1px solid #d8dde3; border-radius: 4px; font-size: 11px; }
.dictionary-toolbar .secondary-button { min-width: 92px; justify-content: center; white-space: nowrap; }
.dictionary-list { display: flex; flex-wrap: wrap; gap: 7px; min-width: 0; padding: 0 20px; }
.dictionary-item { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 32px; padding: 0 5px 0 10px; border: 1px solid #dce1e6; border-radius: 4px; background: #f8f9fa; color: #3f4d59; font-size: 10px; }
.dictionary-item span { min-width: 0; overflow-wrap: anywhere; }
.dictionary-item button { flex: 0 0 auto; height: 23px; border: 0; border-left: 1px solid #dce1e6; color: #7c4c4c; background: transparent; font-size: 9px; cursor: pointer; }
.dictionary-item.disabled { opacity: .55; text-decoration: line-through; }.empty-inline { color: #7c8792; font-size: 11px; }
.queue-panel { margin-bottom: 12px; }.queue-layout { display: grid; grid-template-columns: 380px 1fr; gap: 18px; padding: 0 20px 18px; }.queue-form { display: grid; gap: 8px; align-content: start; }.queue-form input,.queue-form select { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #d8dde3; border-radius: 4px; background: #fff; color: #34414d; font-size: 11px; }.queue-form .primary-button { justify-content: center; }.queue-list { display: grid; gap: 6px; align-content: start; }.queue-row { display: grid; grid-template-columns: 105px 1fr auto; gap: 12px; align-items: center; min-height: 47px; padding: 7px 10px; border: 1px solid #e0e4e8; border-radius: 4px; }.queue-row code { color: #48627d; font-size: 9px; }.queue-row b,.queue-row small { display: block; }.queue-row b { color: #34414d; font-size: 10px; }.queue-row small { margin-top: 3px; color: #7a8590; font-size: 9px; }.queue-status { padding: 4px 6px; border-radius: 3px; font-size: 8px; font-style: normal; font-weight: 700; text-transform: uppercase; }.queue-status.NEW { color: #78591f; background: #faf5e9; }.queue-status.DISTRIBUTED { color: #256146; background: #edf6f1; }.queue-status.CANCELLED { color: #8c3d3d; background: #faf0f0; }

@keyframes reveal { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 760px) {
  .sidebar { width: 66px; padding: 22px 9px; }
  .main-shell { margin-left: 66px; }
  .nav-item.active::before { left: -9px; }
  .content { width: calc(100% - 28px); }
}

/* Component corrections */
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.brand-mark { flex: 0 0 auto; }
.sidebar,.main-shell { transition: width .18s ease, margin-left .18s ease; }
.sidebar-toggle {
  position: absolute; top: 29px; right: -13px; z-index: 3;
  display: grid; place-items: center; width: 26px; height: 26px;
  padding: 0; border: 1px solid #d8dde3; border-radius: 50%;
  color: #5f6c79; background: #fff; cursor: pointer;
  box-shadow: 0 1px 3px rgba(22,32,43,.1);
}
.sidebar-toggle:hover { color: #245c9f; border-color: #bfc8d1; }
.sidebar-toggle svg { width: 14px; height: 14px; transform: rotate(180deg); transition: transform .18s ease; }
.nav-icon { display: grid; place-items: center; width: 21px; height: 21px; flex: 0 0 21px; }
.nav-icon svg { width: 18px; height: 18px; }
.workspace-logo svg { width: 18px; height: 18px; }

body.sidebar-collapsed .sidebar { width: 72px; padding-left: 11px; padding-right: 11px; }
body.sidebar-collapsed .main-shell { margin-left: 72px; }
body.sidebar-collapsed .sidebar-toggle svg { transform: none; }
body.sidebar-collapsed .brand { justify-content: center; padding-left: 0; padding-right: 0; }
body.sidebar-collapsed .brand > span:last-child,
body.sidebar-collapsed .nav-item > span:nth-child(2),
body.sidebar-collapsed .nav-item b,
body.sidebar-collapsed .side-label,
body.sidebar-collapsed .workspace-card > div,
body.sidebar-collapsed .workspace-card > .live-dot,
body.sidebar-collapsed .help-button,
body.sidebar-collapsed .version { display: none; }
body.sidebar-collapsed .nav-item { justify-content: center; padding-left: 0; padding-right: 0; }
body.sidebar-collapsed .nav-item.active::before { left: -11px; }
body.sidebar-collapsed .workspace-card { justify-content: center; padding: 8px; }
body.sidebar-collapsed .sidebar-footer { min-height: 42px; }

.topbar { gap: 24px; }
.crumb { flex: 0 0 auto; }
.global-search {
  position: relative; display: flex; align-items: center;
  width: min(520px, 42vw); height: 38px; margin: 0 auto;
  border: 1px solid #d8dde3; border-radius: 5px; background: #f7f8fa;
  transition: border-color .12s ease, background .12s ease, box-shadow .12s ease;
}
.global-search:focus-within { background: #fff; border-color: #8eabc9; box-shadow: 0 0 0 2px rgba(36,92,159,.07); }
.global-search svg { width: 17px; height: 17px; margin-left: 12px; color: #7b8792; }
.global-search input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #2e3a46; padding: 0 10px; font-size: 12px; }
.global-search input::placeholder { color: #8d97a1; }
.global-search kbd { margin-right: 8px; padding: 3px 6px; border: 1px solid #d8dde3; border-bottom-color: #c9d0d7; border-radius: 3px; color: #7a8590; background: #fff; font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }
.top-actions { flex: 0 0 auto; }
.icon-button svg { width: 17px; height: 17px; margin: auto; }

.user-menu { position: relative; }
.user-switcher { min-width: 224px; border: 0; cursor: pointer; text-align: left; color: inherit; }
.user-switcher:focus-visible { outline: 2px solid rgba(36,92,159,.24); outline-offset: 2px; }
.chevron { width: 16px; height: 16px; color: #7b8692; transition: transform .14s ease; }
.user-menu.open .chevron { transform: rotate(180deg); }
.user-popover {
  position: absolute; z-index: 80; top: calc(100% + 9px); right: 0;
  width: 310px; padding: 7px;
  border: 1px solid #d6dce2; border-radius: 6px; background: #fff;
  box-shadow: 0 14px 38px rgba(22,32,43,.16);
  opacity: 0; visibility: hidden; transform: translateY(-4px);
  transition: opacity .12s ease, transform .12s ease, visibility .12s;
}
.user-menu.open .user-popover { opacity: 1; visibility: visible; transform: none; }
.popover-title { padding: 9px 10px 7px; color: #7a8590; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.user-option {
  display: grid; grid-template-columns: 34px 1fr 18px; align-items: center; gap: 10px;
  width: 100%; padding: 9px 10px; border: 0; border-radius: 4px;
  color: #2e3a45; background: transparent; cursor: pointer; text-align: left;
}
.user-option:hover { background: #f3f5f7; }
.user-option.active { background: #edf3f9; }
.user-option-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 4px; background: #e8edf2; color: #455b72; font-size: 9px; font-weight: 800; }
.user-option b,.user-option small { display: block; }.user-option b { font-size: 11px; }.user-option small { margin-top: 3px; color: #7b8691; font-size: 9px; }
.user-option-check { width: 15px; height: 15px; color: #245c9f; opacity: 0; }.user-option.active .user-option-check { opacity: 1; }

.content { width: 100%; max-width: none; margin: 0; padding: 22px 24px 36px; }
.page-head { margin-bottom: 18px; }
.metric-grid,.dashboard-grid { width: 100%; }
.panel,.metric-card,.table-panel { max-width: none; }
.filter-row { width: 100%; }
.bundles-grid { width: 100%; }

@media (max-width: 980px) {
  .global-search { width: min(360px, 36vw); }
  .user-switcher { min-width: 48px; }
  .user-copy,.user-switcher .chevron { display: none; }
  .admin-layout { grid-template-columns: 1fr; }
  .queue-layout { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .sidebar-toggle { display: none; }
  .global-search { flex: 1; width: auto; margin-left: 0; }
  .global-search kbd { display: none; }
  .topbar { gap: 10px; padding: 0 12px; }
  .content { width: 100%; padding: 18px 14px 30px; }
  body.sidebar-collapsed .sidebar { width: 66px; padding: 22px 9px; }
  body.sidebar-collapsed .main-shell { margin-left: 66px; }
  .admin-summary { grid-template-columns: repeat(2,1fr); }
  .dictionary-toolbar form { grid-template-columns: 1fr; }.dictionary-toolbar .secondary-button { width: 100%; }.form-split { grid-template-columns: 1fr; }
}