:root{--ink: #172127;--muted: #5f6b73;--line: rgba(23, 33, 39, .12);--panel: rgba(255, 255, 255, .76);--panel-strong: rgba(255, 255, 255, .92);--accent: #0b8f79;--accent-strong: #086d5d;--accent-warm: #f2aa4c;--surface: linear-gradient(145deg, #f2efe7 0%, #e3eef0 48%, #f8fbfb 100%);--shadow: 0 24px 60px rgba(23, 33, 39, .12);font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:#eef3f2}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(11,143,121,.18),transparent 32%),var(--surface)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(260px,320px) 1fr}.rail{padding:40px 28px;border-right:1px solid var(--line);background:#f8fbfbb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-block h1{font-size:2.25rem;margin:8px 0 10px;letter-spacing:-.05em}.brand-block p,.page-header p,.muted,.item-handle{color:var(--muted)}.brand-kicker,.page-kicker,.summary-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--muted)}.route-nav{display:grid;gap:10px;margin-top:28px}.route-link{padding:14px 16px;border-radius:18px;background:transparent;border:1px solid transparent;transition:transform .16s ease,background .16s ease,border-color .16s ease}.route-link:hover,.route-link-active{background:var(--panel-strong);border-color:#0b8f7933;transform:translate(4px)}.content{padding:36px}.page-header{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header h2{font-size:2rem;margin:10px 0 8px;letter-spacing:-.05em}.page-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card+.card,.inline-message+.card,.card+.inline-message{margin-top:18px}.card-split{display:grid;gap:20px}.filter-grid,.settings-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}label{display:grid;gap:8px;font-weight:600}input,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffffe6}.toggle-row{display:flex;align-items:center;gap:10px;font-weight:600}.toggle-row input{width:auto}.summary-strip{display:flex;gap:18px;flex-wrap:wrap}.summary-strip>div{min-width:110px;padding:12px 14px;border-radius:18px;background:#ffffffc7;border:1px solid var(--line)}.primary-button,.ghost-button{border-radius:999px;border:1px solid transparent;padding:12px 18px;font-weight:700}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-strong)}.accent-button{background:var(--accent-warm);color:var(--ink)}.accent-button:hover{background:#da9238}.ghost-button{background:#ffffffc7;border-color:var(--line)}.inline-message{padding:14px 18px;border-radius:18px;background:#f2aa4c2e;border:1px solid rgba(242,170,76,.35)}.resource-table{width:100%;border-collapse:collapse}.resource-table th,.resource-table td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.resource-table tbody tr:last-child td{border-bottom:0}.item-title{font-weight:800}.language-status-list{display:grid;gap:8px}.language-status-row{display:flex;align-items:center;gap:10px}.status-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.84rem;font-weight:700;background:#17212714}.status-queued{background:#f2aa4c38}.status-in_progress{background:#0b8f7938}.status-translated{background:#0b8f7929}.status-failed{background:#c73e1d2e}.status-outdated{background:#7655a82e}.glossary-list{margin-top:16px;display:grid;gap:12px}.glossary-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffffb8}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.content{padding:24px 18px 40px}.page-header{flex-direction:column}}