:root{font-family:Avenir Next,Avenir,"Source Sans 3",Segoe UI,Helvetica,Arial,sans-serif;line-height:1.45;font-weight:400;color:#515151;background:radial-gradient(circle at 4% -8%,#d9f2f5,#eef6f7 36%,#fbfbfb);--ns-cyan-50: #e8f7f9;--ns-cyan-100: #d6f0f3;--ns-cyan-200: #c3e8ed;--ns-cyan-300: #6dd4e0;--ns-cyan-500: #0aa5b6;--ns-cyan-700: #087a87;--ns-green-100: #def5e9;--ns-green-500: #54c78d;--ns-green-700: #3ba56f;--ns-orange-100: #fde6de;--ns-orange-500: #e96e49;--ns-orange-700: #d15530;--ns-yellow-500: #f4cb50;--ns-blue-500: #4a7bc8;--ns-text: #515151;--ns-text-strong: #404040;--ns-text-muted: #7f7f7f;--ns-text-disabled: #999999;--ns-border: #d6d6d6;--ns-border-subtle: #e8e8e8;--ns-bg: #fbfbfb;--ns-surface: #ffffff;--ns-shadow: 7px 7px 7px rgba(0, 0, 0, .1);--radius-card: 20px;--radius-button: 20px;--radius-keypad: 8px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:inherit;background:linear-gradient(180deg,#f8fbfb,#fbfbfb 30%,#fbfbfb)}.page{min-height:100vh;padding:2.5rem 1rem;display:flex;justify-content:center;align-items:flex-start}.card{width:min(1320px,100%);background:var(--ns-surface);border:1.6px solid var(--ns-border);border-radius:var(--radius-card);padding:1.5rem;box-shadow:var(--ns-shadow)}.stack-lg{display:grid;gap:1.2rem}.stack-sm{display:grid;gap:.7rem}h1{margin:0 0 .35rem;font-size:clamp(1.35rem,2.8vw,1.9rem);color:var(--ns-text-strong);font-weight:800}h2{margin:0;font-size:1.05rem;color:var(--ns-text-strong);font-weight:700}h3,h4,p{margin:0}.lead{color:var(--ns-text-muted)}.muted{color:var(--ns-text-muted);font-size:.92rem}.compact{margin-top:.2rem}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.app-brand{display:flex;align-items:center;gap:.85rem;min-width:0}.app-logo{width:clamp(2.75rem,6vw,4rem);height:auto;flex-shrink:0}.app-brand .lead{margin-top:.15rem}.section{border-top:1px solid var(--ns-border-subtle);padding-top:1rem;display:grid;gap:.75rem}.status{display:block;border-radius:14px;padding:.65rem .85rem;background:var(--ns-cyan-50);border:1px solid var(--ns-cyan-200);font-size:.92rem;color:var(--ns-cyan-700)}.status.ok{background:var(--ns-green-100);border-color:#b8e6cf;color:var(--ns-green-700)}.status.warn{background:#fff3ed;border-color:#f4c8b8;color:var(--ns-orange-700)}.status.error{background:var(--ns-orange-100);border-color:#f1b6a2;color:var(--ns-orange-700)}.mode-toggle{display:inline-flex;border:1px solid var(--ns-border);border-radius:var(--radius-button);width:fit-content;overflow:hidden}.mode-toggle button{border:0;border-right:1px solid var(--ns-border);background:#f2f9fa;color:var(--ns-text);padding:.45rem .95rem;border-radius:0;box-shadow:none}.mode-toggle button:last-child{border-right:0}.mode-toggle button.active{background:var(--ns-surface);color:var(--ns-cyan-700);font-weight:600}.app-tabs{display:inline-flex;border:1px solid var(--ns-border);border-radius:var(--radius-button);overflow:hidden;background:#f2f9fa;width:fit-content}.app-tabs button{border:0;background:transparent;color:var(--ns-text);padding:.45rem 1.05rem;border-right:1px solid var(--ns-border);border-radius:0;box-shadow:none}.app-tabs button:last-child{border-right:0}.app-tabs button.active{background:var(--ns-surface);color:var(--ns-cyan-700);font-weight:700}.console-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.project-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}button.tile-card,.tile-card{text-align:left;border:1.6px solid var(--ns-border);border-radius:var(--radius-card);padding:.95rem 1rem;background:var(--ns-surface);color:inherit;display:grid;gap:.35rem;box-shadow:var(--ns-shadow);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button.tile-card:hover,.tile-card:hover{transform:translateY(-1px);box-shadow:8px 8px 9px #0000001f;border-color:var(--ns-cyan-300)}.tile-card strong{font-size:.98rem;color:var(--ns-text-strong)}.tile-card .muted{font-size:.88rem}.tile-top{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.tile-meta{display:flex;flex-wrap:wrap;gap:.35rem}.tile-disabled{cursor:not-allowed;opacity:.7;box-shadow:none;background:var(--ns-bg)}.tile-disabled:hover{transform:none;box-shadow:none;border-color:var(--ns-border)}.console-head{display:flex;align-items:center;gap:.8rem}.console-head button{border-radius:var(--radius-button);padding:.5rem .85rem}.console-actions{display:flex;flex-wrap:wrap;gap:.65rem}.console-actions-split{width:100%;justify-content:space-between;align-items:center}.console-actions-group{display:flex;flex-wrap:wrap;gap:.65rem}.console-actions-group-right{justify-content:flex-end}.preview-controls{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:flex-end}.preview-controls label{min-width:unset}.form-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label,.form-inline label,.workspace-toolbar label,.source-sync-form label{display:grid;gap:.3rem;font-size:.88rem;color:var(--ns-text)}.form-grid .full-row{grid-column:1 / -1}.form-inline{display:flex;gap:.65rem;align-items:flex-end;flex-wrap:wrap}.form-inline label{min-width:min(320px,100%);flex:1}input,select,textarea,button,code{font:inherit}input,select,textarea{width:100%;padding:.62rem .76rem;border-radius:12px;border:1.4px solid var(--ns-border);background:var(--ns-surface);color:var(--ns-text-strong)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(10,165,182,.22);outline-offset:1px;border-color:var(--ns-cyan-500)}button{border:1.6px solid var(--ns-cyan-500);background:var(--ns-cyan-500);color:#fff;border-radius:var(--radius-button);padding:.58rem 1rem;font-weight:600;cursor:pointer;min-height:44px;box-shadow:var(--ns-shadow);transition:transform .12s ease,background-color .12s ease,border-color .12s ease}button:hover:not(:disabled){background:var(--ns-cyan-700);border-color:var(--ns-cyan-700);transform:translateY(-1px)}button:active:not(:disabled){background:var(--ns-cyan-700);border-color:var(--ns-cyan-700);transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.button-danger{background:var(--ns-orange-500);border-color:var(--ns-orange-500)}.button-danger:hover:not(:disabled),.button-danger:active:not(:disabled){background:var(--ns-orange-700);border-color:var(--ns-orange-700)}.search-select{position:relative}.search-select-trigger{width:100%;min-height:44px;border:1.4px solid var(--ns-border);border-radius:12px;background:var(--ns-surface);color:var(--ns-text-strong);padding:.62rem .76rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;box-shadow:none;font-weight:500}.search-select-trigger:hover:not(:disabled),.search-select-trigger:active:not(:disabled){background:var(--ns-surface);border-color:var(--ns-border);color:var(--ns-text-strong);transform:none}.search-select-trigger.open{border-color:var(--ns-cyan-500);box-shadow:0 0 0 2px #0aa5b638}.search-select-placeholder{color:var(--ns-text-muted)}.search-select-caret{color:var(--ns-text-muted);font-size:.82rem}.search-select-menu{position:absolute;top:calc(100% + .34rem);left:0;right:0;z-index:1400;border:1px solid var(--ns-border);border-radius:12px;background:var(--ns-surface);box-shadow:0 14px 26px #060f182e;padding:.44rem;display:grid;gap:.34rem}.search-select-options{max-height:240px;overflow:auto;display:grid;gap:.24rem}.search-select-option{width:100%;min-height:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ns-text);padding:.4rem .52rem;box-shadow:none;text-align:left;font-weight:500}.search-select-option:hover:not(:disabled),.search-select-option:active:not(:disabled){background:var(--ns-cyan-50);border-color:var(--ns-cyan-200);color:var(--ns-text-strong);transform:none}.search-select-option.active{background:var(--ns-cyan-100);border-color:var(--ns-cyan-300);color:var(--ns-cyan-700)}.search-select-empty{padding:.25rem .34rem}.search-select.disabled .search-select-trigger{background:#f5f5f5;color:var(--ns-text-muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--ns-border-subtle);padding:.6rem .45rem;font-size:.92rem;vertical-align:top}th{color:var(--ns-text-strong);font-weight:600}.table-wrap{overflow-x:auto}.invite-item{border:1px solid var(--ns-border);border-radius:14px;padding:.7rem .8rem;display:flex;justify-content:space-between;align-items:center;gap:.7rem;background:var(--ns-surface)}code{display:inline-block;margin-left:.35rem;background:#f5fbfc;border:1px solid var(--ns-border);border-radius:6px;padding:.15rem .3rem;font-size:.82rem;word-break:break-all;color:var(--ns-cyan-700)}.check-row{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--ns-text)}.check-row input{width:auto}.workspace-focus-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.workspace-focus-actions{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.workspace-guidance-message{max-width:76ch}.workspace-toolbar{display:grid;grid-template-columns:minmax(260px,1.5fr) auto auto auto;gap:.7rem;align-items:end}.workspace-controls-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0b151f7a;display:flex;align-items:flex-start;justify-content:center;padding:1.1rem;overflow:auto}.workspace-controls-panel{width:min(1080px,100%);max-height:calc(100vh - 2.2rem);overflow:auto;border:1px solid var(--ns-border);border-radius:var(--radius-card);background:var(--ns-bg);box-shadow:0 18px 42px #060f1842;padding:.85rem;display:grid;gap:.75rem}.queue-toggle{align-self:end}.queue-toggle button{min-width:7.5rem}.source-sync-card{border:1px solid var(--ns-border);border-radius:var(--radius-card);background:#f7fbfc;padding:.75rem .8rem;display:grid;gap:.6rem}.source-sync-form{display:grid;grid-template-columns:1.3fr 1fr auto auto;gap:.7rem;align-items:end}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem}.kpi-card{border:1px solid var(--ns-border);border-radius:var(--radius-card);background:#f7fbfc;padding:.65rem .8rem;display:grid;gap:.25rem}.kpi-card span{color:var(--ns-text-muted);font-size:.85rem}.kpi-card strong{font-size:1.25rem;color:var(--ns-text-strong)}.workspace-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);gap:.85rem;align-items:start}.workspace-detail-screen{display:grid;gap:.85rem}.workspace-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.workspace-detail-heading{display:grid;gap:.35rem;min-width:0}.workspace-detail-heading h3{margin:0}.workspace-detail-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}.workspace-detail-meta{display:inline-flex;align-items:center;gap:.6rem}.workspace-detail-nav{display:inline-flex;align-items:center;gap:.4rem}.workspace-drawer.workspace-detail-card{max-height:none;overflow:visible}.translator-queue,.translator-detail{display:grid;gap:.85rem}.translator-source-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem}.translator-source-header h3{margin:0}.translation-entry-label{font-weight:700}.translator-save-row{display:flex;justify-content:flex-end}.review-flag-button{min-height:30px;padding:.3rem .72rem;border-radius:999px;box-shadow:none;font-size:.8rem;border-width:1px}.review-flag-button.off{background:#f4f4f4;border-color:var(--ns-border);color:var(--ns-text-muted)}.review-flag-button.off:hover:not(:disabled),.review-flag-button.off:active:not(:disabled){background:#ececec;border-color:#d8d8d8;color:var(--ns-text)}.review-flag-button.on{background:#fff0e8;border-color:#f4c8b8;color:var(--ns-orange-700)}.review-flag-button.on:hover:not(:disabled),.review-flag-button.on:active:not(:disabled){background:#ffe4d8;border-color:#efb19b;color:var(--ns-orange-700)}.translator-video-card{display:grid;gap:.45rem}.translator-video-wrap{display:grid;gap:.4rem;justify-items:start}.translator-video-link{font-size:.82rem;color:var(--ns-cyan-700)}.translator-video-frame{width:min(100%,860px);aspect-ratio:16 / 9;min-height:0;height:auto;border:1px solid var(--ns-border);border-radius:10px;background:#0a0f14}.advanced-options{border:1px solid var(--ns-border);border-radius:var(--radius-card);padding:.55rem .65rem;background:var(--ns-surface)}.advanced-options summary{cursor:pointer;display:flex;align-items:center;justify-content:flex-start;gap:.6rem;color:var(--ns-cyan-700);font-weight:600;list-style:none}.advanced-options summary::-webkit-details-marker{display:none}.advanced-options summary:after{content:"▾";margin-left:auto;color:var(--ns-text-muted);font-weight:700}.advanced-options[open] summary:after{content:"▴"}.translator-video{width:min(100%,860px);height:auto;object-fit:contain;border-radius:10px;background:#0a0f14}.queue-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.queue-head-actions{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}.dashboard-search{min-width:min(280px,100%)}.project-create-actions{display:flex;flex-wrap:wrap;gap:.65rem}.workspace-table-wrap{max-height:760px;overflow:auto;border:1px solid var(--ns-border);border-radius:var(--radius-card);background:var(--ns-surface)}.workspace-table-wrap.compact{max-height:340px}.workspace-table tbody tr{cursor:pointer}.workspace-table tbody tr:hover{background:var(--ns-cyan-50)}.workspace-table tbody tr.active{background:var(--ns-cyan-100)}.source-cell{display:grid;gap:.3rem}.source-cell strong{font-size:.88rem;color:var(--ns-text-strong)}.source-cell span{color:var(--ns-text)}.chips{display:flex;flex-wrap:wrap;gap:.3rem}.chip{display:inline-flex;border-radius:999px;padding:.18rem .48rem;font-size:.76rem;border:1px solid var(--ns-border);color:var(--ns-text);background:#f5fbfc}.chip.on{background:var(--ns-green-100);border-color:#b8e6cf;color:var(--ns-green-700)}.chip.off{background:#f4f4f4;border-color:var(--ns-border);color:var(--ns-text-muted)}.chip.warn{background:#fff0e8;border-color:#f4c8b8;color:var(--ns-orange-700)}.chip.decision{background:#f3f9fa;border-color:var(--ns-border);color:var(--ns-cyan-700)}.chip.decision-needs-rectify{background:#fff0e8;border-color:#f1b6a2;color:var(--ns-orange-700)}.chip.decision-ready-finalize{background:var(--ns-cyan-50);border-color:var(--ns-cyan-200);color:var(--ns-cyan-700)}.chip.decision-finalized{background:var(--ns-green-100);border-color:#b8e6cf;color:var(--ns-green-700)}.rectify-note-card{border-color:#f1b6a2;background:#fff4ef}.rectify-permission-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--ns-border);border-radius:8px;padding:.45rem .6rem;background:var(--ns-surface)}.workspace-drawer{border:1px solid var(--ns-border);border-radius:var(--radius-card);background:var(--ns-bg);padding:.8rem;min-height:420px;max-height:760px;overflow:auto}.drawer-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:.75rem}.drawer-main{display:grid;gap:.75rem}.drawer-side{display:grid;gap:.75rem;align-content:start}.side-block{border:1px solid var(--ns-border);border-radius:var(--radius-card);padding:.6rem;display:grid;gap:.5rem;background:#f7fbfc}.diff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.diff-grid article,.compare-card{border:1px solid var(--ns-border);border-radius:var(--radius-card);padding:.65rem;background:var(--ns-surface);display:grid;gap:.35rem}.diff-grid h4,.compare-card h4{font-size:.9rem;color:var(--ns-text-strong)}.json-block{margin:0;white-space:pre-wrap;word-break:break-word;background:#f6fbfc;border:1px solid var(--ns-border);border-radius:8px;padding:.55rem;font-size:.82rem;color:var(--ns-text)}.request-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}.request-card{gap:.55rem}.everything-summary-card{border-color:var(--ns-border);background:linear-gradient(165deg,#fbfdfd,#f2f9f9)}.everything-summary-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.rectify-alert{border:1px solid #f1b6a2;border-radius:10px;background:#fff4ef;padding:.55rem .65rem;display:grid;gap:.25rem}.everything-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.review-source-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.review-heading-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.review-heading-button{border:none;background:transparent;color:var(--ns-text-strong);padding:0;min-height:unset;box-shadow:none;font-size:1.05rem;font-weight:700;border-radius:0;text-align:left}.review-heading-button:hover:not(:disabled),.review-heading-button:active:not(:disabled){background:transparent;border-color:transparent;color:var(--ns-cyan-700);transform:none}.review-heading-button-forward{color:var(--ns-green-700)}.review-heading-button-forward:hover:not(:disabled),.review-heading-button-forward:active:not(:disabled){color:var(--ns-green-500)}.review-heading-button-back{color:var(--ns-blue-500)}.review-heading-button-back:hover:not(:disabled),.review-heading-button-back:active:not(:disabled){color:var(--ns-blue-500)}.review-heading-open-button{min-height:32px;padding:.25rem .65rem;border-radius:999px;border-width:1.3px;box-shadow:none;font-size:.82rem}.review-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.review-columns.single{grid-template-columns:minmax(0,1fr)}.source-related-details{display:grid;gap:.15rem;margin-top:.5rem;padding-top:.45rem;border-top:1px solid var(--ns-border)}.source-related-details p{margin:0}.review-rectify-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.65rem}.stage-card{align-content:start}.translation-list{display:grid;gap:.45rem;max-height:220px;overflow:auto;padding-right:.15rem}.translation-list.translation-list-tall{max-height:420px}.translation-ai-section{display:grid;gap:.35rem}.translation-ai-cards{display:grid;gap:.5rem}.translation-ai-card{border:1px solid var(--ns-border);border-radius:12px;background:var(--ns-surface);padding:.65rem .7rem;display:grid;gap:.35rem}.translation-entry{border:1px solid var(--ns-border);border-radius:8px;background:#fbfdfd;padding:.5rem .55rem;display:grid;gap:.25rem}.translation-entry-detail{gap:.5rem}.translation-entry-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.translation-open-button{min-height:28px;padding:.2rem .62rem;border-radius:999px;border-width:1.2px;box-shadow:none;font-size:.78rem}.translation-entry .translation-open-button,.translation-ai-card .translation-open-button{justify-self:start}.metadata-details{margin-top:.55rem}.metadata-details summary{cursor:pointer;font-size:.84rem;color:var(--ns-text-strong)}.metadata-details>.table-wrap{margin-top:.35rem}.translation-entry.primary{border-color:var(--ns-cyan-500);background:var(--ns-cyan-50);box-shadow:0 0 0 2px #0aa5b638}.everything-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.65rem}.video{width:100%;border-radius:8px;border:1px solid var(--ns-border);background:#000}@media(max-width:1180px){.workspace-shell{grid-template-columns:1fr}.workspace-drawer{max-height:none}}@media(max-width:900px){.workspace-focus-header,.workspace-detail-topbar{flex-direction:column;align-items:stretch}.workspace-detail-actions{justify-content:space-between}.workspace-controls-modal{padding:.55rem}.workspace-controls-panel{max-height:calc(100vh - 1.1rem);padding:.7rem}.workspace-toolbar,.source-sync-form,.drawer-layout,.diff-grid,.kpi-grid,.everything-grid,.review-columns{grid-template-columns:1fr}.console-actions-split{flex-direction:column;align-items:stretch}.console-actions-group-right{justify-content:flex-start}}@media(max-width:760px){.page{padding:.9rem}.card{padding:1rem;border-radius:12px}.topbar{flex-direction:column;align-items:stretch}.app-logo{width:2.9rem}.form-grid{grid-template-columns:1fr}.invite-item{align-items:stretch;flex-direction:column}}
