:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#090d14;color:#edf4ff;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(0,113,186,.22),transparent 320px),radial-gradient(circle at 92% 8%,rgba(237,28,36,.16),transparent 290px),linear-gradient(180deg,#0d1420,#090d14 52%,#070a10)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.topbar{display:flex;align-items:center;gap:22px;padding:10px 0 24px}.brand-logo{width:clamp(180px,20vw,260px);height:auto;filter:drop-shadow(0 10px 28px rgba(0,113,186,.24))}.account-panel{display:flex;align-items:center;gap:10px;margin-left:auto}.account-chip,.account-action{display:inline-flex;align-items:center;min-height:40px;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#0f172ad1;color:#e5eefb}.account-chip{gap:9px;padding:4px 12px 4px 5px;font-weight:800}.account-chip img,.avatar-fallback{width:30px;height:30px;border-radius:50%}.account-chip img{object-fit:cover;background:#0b1220}.avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0071ba,#ed1c24);color:#fff}.account-action{gap:8px;padding:0 12px;font-weight:900}.account-action.primary{border-color:#0071ba;background:#0071ba;color:#fff}.title-block{border-left:1px solid rgba(148,163,184,.28);padding-left:22px}.eyebrow{margin:0 0 3px;color:#35a8ff;font-size:.78rem;font-weight:800;text-transform:uppercase}h1{margin:0;font-size:1.75rem;line-height:1.1}.controls,.summary-bar,.alert,.translation-row,.empty-state,.loading-state,.pager{border:1px solid rgba(148,163,184,.22);background:#0d1420e0;box-shadow:0 18px 45px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.controls{border-top:4px solid var(--project-color, #0071ba);padding:18px;border-radius:8px}.project-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.project-tab{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:92px;min-height:40px;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#111827;color:#cbd5e1;font-weight:800}.project-icon{width:24px;height:24px;object-fit:contain}.project-tab.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,#111827);color:#fff;box-shadow:inset 0 -3px 0 var(--accent)}.field-row{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:14px;align-items:end}.field{display:grid;gap:7px;color:#536175;color:#9fb0c8;font-size:.82rem;font-weight:800}select,input,textarea{width:100%;border:1px solid rgba(148,163,184,.32);border-radius:8px;background:#0b1220;color:#edf4ff;outline:none}select option{background:#0b1220;color:#edf4ff}select,input{min-height:42px;padding:0 12px}select:focus,input:focus,textarea:focus{border-color:#0071ba;box-shadow:0 0 0 3px #0071ba40}.search-form{display:grid;grid-template-columns:1fr 42px 42px;gap:8px;align-items:end}.search-box{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid rgba(148,163,184,.32);border-radius:8px;background:#0b1220}.search-box input{min-height:38px;padding:0;border:0;box-shadow:none}.icon-button,.submit-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:8px;background:#111827;color:#e5eefb}.icon-button{width:42px;height:42px}.icon-button.primary,.submit-button{border-color:#0071ba;background:#0071ba;color:#fff}.alert{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:8px;font-weight:700}.alert.error{border-color:#f8717180;background:#7f1d1d59;color:#fecaca}.alert.success{border-color:#4ade806b;background:#14532d57;color:#bbf7d0}.alert.info{border-color:#35a8ff6b;background:#07598542;color:#d6efff}.summary-bar{display:flex;align-items:center;gap:18px;margin-top:16px;padding:14px 16px;border-radius:8px}.summary-bar div{display:grid;gap:2px}.summary-bar strong{font-size:1.2rem}.summary-bar span{color:#667085;color:#9fb0c8;font-size:.82rem;font-weight:700}.submit-button{gap:8px;min-height:42px;margin-left:auto;padding:0 16px;font-weight:800}.translation-list{display:grid;gap:10px;margin-top:16px}.translation-row{border-radius:8px;overflow:hidden}.row-head{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid rgba(148,163,184,.18)}.row-head h2{margin:0;overflow-wrap:anywhere;font-size:1rem;line-height:1.35}.row-head p{margin:6px 0 0;color:#667085;color:#9fb0c8}.badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:130px}.badge{display:inline-flex;align-items:center;height:24px;border-radius:999px;background:#eaf4fb;color:#bae6fd;background:#0e749057;padding:0 9px;font-size:.75rem;font-weight:800}.badge.warn{background:#9a341257;color:#fed7aa}.badge.muted{background:#4755696b;color:#d1d9e6}.translation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(280px,1fr)}.translation-cell,.suggestion-cell{display:grid;align-content:start;gap:6px;min-height:86px;padding:12px 16px;border-right:1px solid rgba(148,163,184,.18)}.suggestion-cell{border-right:0}.cell-label{color:#667085;color:#9fb0c8;font-size:.78rem;font-weight:900;text-transform:uppercase}.translation-cell p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.35}textarea{min-height:104px;resize:vertical;padding:10px 12px;line-height:1.5}.suggestion-cell input{min-height:40px}.loading-state,.empty-state{display:grid;place-items:center;gap:10px;min-height:220px;margin-top:16px;border-radius:8px;color:#667085;color:#9fb0c8;font-weight:800}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;padding:12px;border-radius:8px;color:#536175;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#02060eb8}.staff-panel{width:min(1040px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#0b1220;box-shadow:0 24px 70px #0000007a}.staff-head,.staff-actions,.staff-login{display:flex;align-items:center;gap:10px}.staff-head{justify-content:space-between;padding:18px;border-bottom:1px solid rgba(148,163,184,.18)}.staff-head h2{margin:0}.staff-login,.staff-review{padding:18px}.staff-login{align-items:stretch}.staff-actions{flex-wrap:wrap;margin-bottom:14px}.staff-request{border:1px solid rgba(148,163,184,.22);border-radius:8px;margin-top:10px;overflow:hidden}.staff-request summary{display:grid;grid-template-columns:1.2fr 1.2fr auto auto;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;font-weight:800}.staff-submitter{display:inline-flex;align-items:center;min-width:0;gap:8px}.staff-submitter img,.staff-submitter .avatar-fallback{width:28px;height:28px;flex:0 0 28px;object-fit:cover}.staff-submitter span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-items{border-top:1px solid rgba(148,163,184,.18)}.staff-item{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 14px;border-top:1px solid rgba(148,163,184,.12)}.staff-item:first-child{border-top:0}.staff-item.reviewed{opacity:.58}.staff-item strong,.staff-item span,.staff-item p{display:block;margin:0 0 4px;overflow-wrap:anywhere}.staff-item span{color:#9fb0c8;font-size:.8rem;font-weight:800;text-transform:uppercase}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column;gap:14px}.account-panel{width:100%;margin-left:0;justify-content:space-between}.title-block{border-left:0;padding-left:0}.field-row,.translation-grid{grid-template-columns:1fr}.translation-cell,.suggestion-cell{min-height:auto;border-right:0;border-bottom:1px solid rgba(148,163,184,.18)}.suggestion-cell{border-bottom:0}}@media(max-width:620px){.shell{width:min(100% - 20px,1440px);padding-top:14px}.search-form{grid-template-columns:1fr 42px 42px}.summary-bar,.row-head{align-items:stretch;flex-direction:column}.submit-button{width:100%;margin-left:0}.badges{justify-content:flex-start}.staff-login,.staff-actions,.staff-request summary{grid-template-columns:1fr;flex-direction:column;align-items:stretch}}
