*{box-sizing:border-box}:root{color-scheme:light;--font-ui: "Manrope", "Avenir Next", "SF Pro Text", "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;--font-display: "Syne", "Avenir Next", "PingFang SC", sans-serif;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-pill: 999px;--bg-base: #edf3ff;--bg-elevated: #e4ecff;--bg-ink: #dce7ff;--text-strong: #1a2756;--text-default: #2b3f79;--text-muted: #5f74a8;--text-secondary: var(--text-muted);--brand-1: #416dff;--brand-2: #3d56dc;--brand-3: #12baff;--good: #0db695;--danger: #d7487a;--glass-1: rgba(255, 255, 255, .73);--glass-2: rgba(244, 249, 255, .66);--glass-3: rgba(232, 242, 255, .84);--glass-pop: rgba(255, 255, 255, .88);--stroke-soft: rgba(86, 116, 191, .24);--stroke-strong: rgba(67, 118, 227, .48);--line-soft: var(--stroke-soft);--surface-shell: linear-gradient(152deg, rgba(255, 255, 255, .7) 0%, rgba(236, 245, 255, .61) 100%);--surface-panel: linear-gradient(140deg, rgba(255, 255, 255, .78) 0%, rgba(240, 248, 255, .62) 100%);--surface-card: linear-gradient(150deg, rgba(255, 255, 255, .84) 0%, rgba(237, 247, 255, .66) 100%);--surface-button: linear-gradient(140deg, rgba(255, 255, 255, .86) 0%, rgba(233, 245, 255, .72) 100%);--surface-input: rgba(248, 251, 255, .82);--surface-modal: linear-gradient(145deg, rgba(255, 255, 255, .92) 0%, rgba(238, 246, 255, .9) 100%), radial-gradient(circle at 10% -5%, rgba(77, 137, 255, .16) 0%, rgba(77, 137, 255, 0) 45%);--shadow-sm: 0 10px 24px rgba(74, 103, 170, .18);--shadow-md: 0 20px 48px rgba(62, 90, 150, .24);--shadow-lg: 0 34px 72px rgba(50, 77, 135, .28);--glow-brand: 0 0 0 1px rgba(97, 155, 255, .28), 0 20px 34px rgba(61, 105, 228, .3);--overlay: rgba(151, 174, 217, .42);--row-alt: rgba(87, 121, 191, .05);--row-hover: rgba(90, 146, 255, .18);--cell-focus: rgba(92, 149, 255, .18);--motion-fast: .18s;--motion-base: .28s;--motion-slow: .56s;--ease-snappy: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.25, 1.22, .4, 1);--glass-blur: 18px}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg-base: #070d1d;--bg-elevated: #0d1630;--bg-ink: #101e3d;--text-strong: #ebf0ff;--text-default: #c7d5ff;--text-muted: #93a6d7;--brand-1: #7c98ff;--brand-2: #5f74ff;--brand-3: #2de1ff;--good: #2dd5b2;--danger: #ff6d99;--glass-1: rgba(13, 24, 53, .72);--glass-2: rgba(11, 20, 45, .62);--glass-3: rgba(14, 25, 57, .84);--glass-pop: rgba(17, 29, 62, .92);--stroke-soft: rgba(153, 182, 246, .22);--stroke-strong: rgba(137, 176, 255, .52);--surface-shell: linear-gradient(152deg, rgba(20, 34, 70, .68) 0%, rgba(12, 22, 48, .62) 100%);--surface-panel: linear-gradient(140deg, rgba(21, 36, 74, .74) 0%, rgba(13, 24, 52, .63) 100%);--surface-card: linear-gradient(150deg, rgba(24, 40, 82, .78) 0%, rgba(13, 24, 50, .7) 100%);--surface-button: linear-gradient(140deg, rgba(32, 53, 98, .84) 0%, rgba(20, 34, 69, .72) 100%);--surface-input: rgba(12, 24, 53, .75);--surface-modal: linear-gradient(145deg, rgba(17, 30, 65, .94) 0%, rgba(11, 22, 48, .95) 100%), radial-gradient(circle at 10% -5%, rgba(107, 160, 255, .2) 0%, rgba(107, 160, 255, 0) 48%);--shadow-sm: 0 14px 26px rgba(4, 9, 24, .38);--shadow-md: 0 24px 54px rgba(2, 8, 24, .54);--shadow-lg: 0 36px 76px rgba(1, 6, 20, .62);--glow-brand: 0 0 0 1px rgba(140, 188, 255, .34), 0 20px 34px rgba(58, 104, 232, .44);--overlay: rgba(6, 11, 26, .65);--row-alt: rgba(255, 255, 255, .02);--row-hover: rgba(102, 165, 255, .14);--cell-focus: rgba(99, 170, 255, .14)}}:root[data-theme=dark]{color-scheme:dark;--bg-base: #070d1d;--bg-elevated: #0d1630;--bg-ink: #101e3d;--text-strong: #ebf0ff;--text-default: #c7d5ff;--text-muted: #93a6d7;--brand-1: #7c98ff;--brand-2: #5f74ff;--brand-3: #2de1ff;--good: #2dd5b2;--danger: #ff6d99;--glass-1: rgba(13, 24, 53, .72);--glass-2: rgba(11, 20, 45, .62);--glass-3: rgba(14, 25, 57, .84);--glass-pop: rgba(17, 29, 62, .92);--stroke-soft: rgba(153, 182, 246, .22);--stroke-strong: rgba(137, 176, 255, .52);--surface-shell: linear-gradient(152deg, rgba(20, 34, 70, .68) 0%, rgba(12, 22, 48, .62) 100%);--surface-panel: linear-gradient(140deg, rgba(21, 36, 74, .74) 0%, rgba(13, 24, 52, .63) 100%);--surface-card: linear-gradient(150deg, rgba(24, 40, 82, .78) 0%, rgba(13, 24, 50, .7) 100%);--surface-button: linear-gradient(140deg, rgba(32, 53, 98, .84) 0%, rgba(20, 34, 69, .72) 100%);--surface-input: rgba(12, 24, 53, .75);--surface-modal: linear-gradient(145deg, rgba(17, 30, 65, .94) 0%, rgba(11, 22, 48, .95) 100%), radial-gradient(circle at 10% -5%, rgba(107, 160, 255, .2) 0%, rgba(107, 160, 255, 0) 48%);--shadow-sm: 0 14px 26px rgba(4, 9, 24, .38);--shadow-md: 0 24px 54px rgba(2, 8, 24, .54);--shadow-lg: 0 36px 76px rgba(1, 6, 20, .62);--glow-brand: 0 0 0 1px rgba(140, 188, 255, .34), 0 20px 34px rgba(58, 104, 232, .44);--overlay: rgba(6, 11, 26, .65);--row-alt: rgba(255, 255, 255, .02);--row-hover: rgba(102, 165, 255, .14);--cell-focus: rgba(99, 170, 255, .14)}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);color:var(--text-default);background:radial-gradient(circle at 13% 18%,#5995ff47,#5995ff00 42%),radial-gradient(circle at 84% 10%,#2ad3ff33,#2ad3ff00 34%),radial-gradient(circle at 82% 82%,#616dff33,#616dff00 38%),linear-gradient(145deg,var(--bg-base) 0%,var(--bg-elevated) 44%,var(--bg-ink) 100%);background-attachment:fixed;transition:background var(--motion-slow) var(--ease-snappy),color var(--motion-base) ease}body:before,body:after{content:"";position:fixed;border-radius:999px;pointer-events:none;filter:blur(22px);z-index:-1;opacity:.8}body:before{width:380px;height:380px;left:-120px;top:25vh;background:radial-gradient(circle,#74aaff6b,#74aaff00 70%);animation:aura-drift-a 18s ease-in-out infinite}body:after{width:320px;height:320px;right:-100px;top:8vh;background:radial-gradient(circle,#3cddff4d,#3cddff00 72%);animation:aura-drift-b 20s ease-in-out infinite}.app-shell,.layout{min-height:100vh;display:grid;grid-template-columns:minmax(272px,320px) minmax(0,1fr);gap:18px;padding:18px;animation:shell-in .78s var(--ease-snappy) both}.layout.detail-layout{grid-template-columns:minmax(0,1fr)}.project-rail,.sidebar{position:relative;overflow:auto;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--stroke-soft);background:var(--surface-shell);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%);backdrop-filter:blur(var(--glass-blur)) saturate(170%);animation:rail-in .78s var(--ease-snappy) both}.workspace,.content{position:relative;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:2px;animation:workspace-in .86s var(--ease-snappy) both}.project-rail h2,.sidebar h2,.workspace h1,.workspace h2,.workspace h3,.content h1,.content h2,.content h3,.workspace-header h1,.header h1{margin:0;color:var(--text-strong);letter-spacing:.01em}.project-rail h2,.sidebar h2{font-family:var(--font-display);font-size:clamp(1.18rem,1.1rem + .5vw,1.44rem);margin-bottom:12px}.project-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}.project-button{position:relative;width:100%;display:grid;gap:3px;text-align:left;padding:11px 12px;border:1px solid var(--stroke-soft);border-radius:14px;color:var(--text-default);background:var(--surface-card);box-shadow:var(--shadow-sm);overflow:hidden;cursor:pointer;transition:transform var(--motion-base) var(--ease-bounce),border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,color var(--motion-base) ease}.project-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#fff0,#fff3,#fff0);transform:translate(-120%);opacity:0;transition:transform .52s var(--ease-snappy),opacity var(--motion-base) ease;pointer-events:none}.project-button small{color:var(--text-muted);font-size:12px}.project-button:hover{transform:translateY(-3px) scale(1.01);border-color:var(--stroke-strong);box-shadow:var(--shadow-md);color:var(--text-strong)}.project-button:hover:after{opacity:1;transform:translate(118%)}.project-button.active{color:var(--text-strong);border-color:#81b8ffd1;background:linear-gradient(140deg,#5f96ff6b,#4a61d657 54%,#2dc8ff33),var(--surface-card);box-shadow:var(--glow-brand)}.workspace-header,.header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--stroke-soft);border-radius:var(--radius-lg);background:var(--surface-panel);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(170%);backdrop-filter:blur(var(--glass-blur)) saturate(170%);overflow:hidden;isolation:isolate}.workspace-header:before,.header:before{content:"";position:absolute;inset:-60% -10% auto;height:72%;background:radial-gradient(circle,#75adff33,#75adff00 72%);pointer-events:none;animation:bar-shift 12s ease-in-out infinite}.workspace-header>*,.header>*{position:relative;z-index:1}.workspace-header p,.header p{margin:8px 0 0;color:var(--text-muted);font-size:13px}.preference-controls{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.pref-field{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--stroke-soft);background:var(--glass-1)}.pref-field>span{font-size:12px;color:var(--text-muted)}.pref-field select{min-width:96px;border:1px solid transparent;background:transparent;padding:3px 6px;box-shadow:none}.preference-controls.compact .pref-field{padding:2px 6px}.preference-controls.compact .pref-field>span{font-size:11px}.preference-controls.compact .pref-field select{min-width:82px;font-size:12px}.detail-page-nav{width:100%;justify-content:flex-start;transition:gap var(--motion-fast) var(--ease-snappy)}.detail-nav-tools{margin-left:auto}.detail-page-nav>.detail-nav-tools{min-width:0;padding:0;border:0;background:transparent;box-shadow:none}.detail-page-nav>.detail-nav-tools:hover,.detail-page-nav>.detail-nav-tools:active{transform:none;background:transparent}.detail-sticky-nav{position:sticky;top:8px;z-index:24;padding:8px;border-color:color-mix(in srgb,var(--stroke-soft) 84%,transparent);background:linear-gradient(130deg,color-mix(in srgb,var(--glass-pop) 78%,transparent),color-mix(in srgb,var(--glass-3) 82%,transparent));box-shadow:0 14px 28px #2a4c9633;-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(185%);backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(185%);transition:top var(--motion-fast) var(--ease-snappy),padding var(--motion-fast) var(--ease-snappy),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}.detail-sticky-nav:hover,.detail-sticky-nav:active,.card.detail-sticky-nav:hover,.card.detail-sticky-nav:active{transform:none}.detail-sticky-nav.is-scrolled{top:4px;padding:6px;border-color:color-mix(in srgb,var(--stroke-strong) 78%,transparent);background:linear-gradient(128deg,color-mix(in srgb,var(--glass-pop) 92%,transparent),color-mix(in srgb,var(--glass-3) 96%,transparent));box-shadow:0 18px 34px #284a9347}.detail-page-nav.is-scrolled>*.active,.detail-page-nav.is-scrolled>*[aria-selected=true]{box-shadow:0 16px 28px #3a66dc6b,0 0 0 1px #87c1ff6b}.detail-page-nav[data-page-tabs]>*{transition:min-width var(--motion-fast) var(--ease-snappy),padding var(--motion-fast) var(--ease-snappy),transform var(--motion-fast) var(--ease-bounce),box-shadow var(--motion-fast) ease}.detail-sticky-nav.is-scrolled .detail-page-nav{gap:6px}.detail-sticky-nav.is-scrolled .detail-page-nav[data-page-tabs]>*{min-width:82px;padding:5px 10px}.detail-page-nav .detail-back-button{min-width:84px;color:var(--text-strong);border-color:color-mix(in srgb,var(--stroke-strong) 72%,transparent);background:color-mix(in srgb,var(--glass-1) 80%,transparent)}.header-actions,.actions,.meta-row,.provider-toggle,.tab-list,.tabs,[role=tablist],.page-tabs,[data-page-tabs]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.route-breadcrumb{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;min-height:34px;border-radius:var(--radius-pill);border:1px solid var(--stroke-soft);color:var(--text-muted);background:var(--glass-1);box-shadow:inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12px;letter-spacing:.01em}.route-breadcrumb a{color:var(--text-default);text-decoration:none;transition:color var(--motion-fast) ease,text-shadow var(--motion-fast) ease}.route-breadcrumb a:hover{color:var(--brand-1);text-shadow:0 0 14px rgba(92,151,255,.42)}.workspace-nav{position:relative;display:grid;gap:6px;margin-bottom:14px;padding:8px;border-radius:16px;border:1px solid var(--stroke-soft);background:var(--glass-2);box-shadow:inset 0 1px #fff3;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}.workspace-nav-link{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:12px;border:1px solid transparent;color:var(--text-muted);text-decoration:none;overflow:hidden;transition:transform var(--motion-base) var(--ease-bounce),color var(--motion-fast) ease,border-color var(--motion-base) ease,background var(--motion-base) ease,box-shadow var(--motion-base) ease}.workspace-nav-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#78b7ff38,#78b7ff00);transform:translate(-24%);opacity:0;transition:transform var(--motion-base) var(--ease-snappy),opacity var(--motion-base) ease}.workspace-nav-link:after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand-3),var(--brand-1));transform:scaleX(.14);transform-origin:left;opacity:0;transition:transform var(--motion-base) var(--ease-snappy),opacity var(--motion-base) ease}.workspace-nav-link:hover{color:var(--text-strong);border-color:#79abff80;background:#76aaff24;transform:translate(5px)}.workspace-nav-link:hover:before{opacity:1;transform:translate(10%)}.workspace-nav-link:hover:after{opacity:.9;transform:scaleX(1)}.workspace-nav-link.active{color:var(--text-strong);border-color:#7fb8ffd1;background:linear-gradient(130deg,#5995ffeb,#4f69e8e6 54%,#34beffdb);box-shadow:0 14px 26px #2f52c857;transform:translate(8px)}.workspace-nav-link.active:before{opacity:.88;transform:translate(0)}.workspace-nav-link.active:after{opacity:1;transform:scaleX(1);animation:nav-spark 2.4s ease-in-out infinite}.page-panel,.card{position:relative;padding:15px;border-radius:var(--radius-md);border:1px solid var(--stroke-soft);background:var(--surface-card);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(160%);backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(160%);transition:transform var(--motion-base) var(--ease-bounce),border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,background var(--motion-base) ease;will-change:transform}.page-panel:hover,.card:hover{transform:translateY(-4px);border-color:var(--stroke-strong);box-shadow:var(--shadow-md)}.page-panel:active,.card:active{transform:translateY(-1px) scale(.995)}.page-panel>h3,.card>h3{margin:0 0 10px;color:var(--text-strong)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stats-grid>*{border-radius:14px;border:1px solid var(--stroke-soft);background:var(--glass-2);box-shadow:inset 0 1px #ffffff2e;padding:11px;transition:transform var(--motion-base) var(--ease-bounce),border-color var(--motion-base) ease}.stats-grid>*:hover{transform:translateY(-3px);border-color:var(--stroke-strong)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.82fr);gap:12px}.entry-form,.language-tools,.table-header,.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;align-items:center}.settings-grid{padding:10px;border-radius:14px;border:1px solid var(--stroke-soft);background:var(--glass-2)}.entry-form button,.language-tools button,.table-header button{width:fit-content;min-width:96px}.export-config,.export-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}.quick-add-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(150px,.7fr) auto;gap:8px;align-items:center}.quick-add-row>*{min-width:0}.quick-add-row button{justify-self:end}.create-project-panel{display:grid;gap:14px}.create-project-heading p{margin:6px 0 0;color:var(--text-muted);font-size:13px}.create-project-form{display:grid;gap:12px}.create-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.create-form-wide{grid-column:1 / -1}.create-locale-catalog{border-radius:16px;padding:12px;background:linear-gradient(140deg,#6ca0ff29,#6ca0ff14),var(--glass-2);border:1px solid color-mix(in srgb,var(--stroke-soft) 88%,transparent)}.create-quick-row{grid-template-columns:minmax(200px,1fr) auto}.preset-locale-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:300px;overflow:auto;padding-right:2px}.create-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.create-form-footer .locale-pill-list{margin:0;max-width:100%}.project-wall-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.project-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.project-tile{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--stroke-soft);background:linear-gradient(140deg,#7bb4ff21,#7bb4ff05),var(--surface-card);box-shadow:var(--shadow-sm);transition:transform var(--motion-base) var(--ease-bounce),border-color var(--motion-base) ease,box-shadow var(--motion-base) ease}.project-tile:hover{transform:translateY(-4px);border-color:var(--stroke-strong);box-shadow:var(--shadow-md)}.project-tile-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.project-tile-head h4{margin:0;color:var(--text-strong);font-size:1.03rem}.project-tile p{margin:0;color:var(--text-muted);font-size:13px}.project-tile-locales{display:flex;flex-wrap:wrap;gap:6px}.project-tile .primary{justify-self:flex-start}button,input,select,textarea{font:inherit;color:var(--text-default);border-radius:var(--radius-sm);border:1px solid var(--stroke-soft)}button{position:relative;overflow:hidden;cursor:pointer;padding:8px 14px;color:var(--text-strong);background:var(--surface-button);box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--ease-bounce),border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,background var(--motion-base) ease,color var(--motion-base) ease}button:before{content:"";position:absolute;inset:-50% auto -50% -30%;width:46%;transform:translate(-120%) rotate(20deg);background:linear-gradient(90deg,#fff0,#ffffff70,#fff0);opacity:0;transition:transform .62s var(--ease-snappy),opacity var(--motion-base) ease;pointer-events:none}button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--stroke-strong);box-shadow:var(--shadow-md)}button:hover:not(:disabled):before{opacity:1;transform:translate(350%) rotate(20deg)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button.primary{color:#f8fbff;border-color:#95c4ffeb;background:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 52%,var(--brand-3) 100%);text-shadow:0 1px 0 rgba(0,0,0,.24)}button.primary:hover:not(:disabled){box-shadow:0 18px 30px #2958ce6b}button.ghost{border-color:#7b9de861;background:var(--glass-2);box-shadow:inset 0 1px #fff3}button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}input,select,textarea{width:100%;padding:9px 11px;background:var(--surface-input);box-shadow:inset 0 1px #fff3;transition:border-color var(--motion-fast) ease,box-shadow var(--motion-base) ease,background var(--motion-base) ease,transform var(--motion-fast) ease}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 80%,transparent)}textarea{min-height:80px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,color-mix(in srgb,var(--brand-1) 72%,white) 50%),linear-gradient(135deg,color-mix(in srgb,var(--brand-1) 72%,white) 50%,transparent 50%);background-position:calc(100% - 17px) calc(50% - 1px),calc(100% - 12px) calc(50% - 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}input:hover,select:hover,textarea:hover{border-color:#7aa9ff7a}:where(button,input,select,textarea,.upload-button,.locale-chip,.workspace-nav-link):focus-visible{outline:none;border-color:color-mix(in srgb,var(--brand-1) 72%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-1) 28%,transparent),var(--shadow-sm)}input:focus,select:focus,textarea:focus{transform:translateY(-1px);border-color:var(--stroke-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-1) 22%,transparent),inset 0 1px #ffffff38}.badge{position:relative;display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:var(--radius-pill);border:1px solid rgba(123,166,246,.46);color:var(--text-strong);font-size:12px;font-weight:600;background:linear-gradient(130deg,#5a96ff2e,#4e75dc21);overflow:hidden}.badge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--progress, 0%);border-radius:inherit;background:linear-gradient(90deg,#29d9bc80,#478bff85);opacity:.35;pointer-events:none}.language-row,.locale-pill-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.locale-catalog{border:1px solid var(--stroke-soft);border-radius:16px;padding:12px;background:var(--surface-panel);box-shadow:inset 0 1px #fff3,var(--shadow-sm)}.locale-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:8px}.locale-chip{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;width:100%;padding:8px 10px;border-radius:12px;border:1px solid var(--stroke-soft);background:var(--glass-2);color:var(--text-default);cursor:pointer;box-shadow:inset 0 1px #ffffff38;transition:transform var(--motion-fast) var(--ease-bounce),border-color var(--motion-base) ease,background var(--motion-base) ease,box-shadow var(--motion-base) ease}.locale-chip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(118deg,#79b5ff3d,#79b5ff00);opacity:0;transition:opacity var(--motion-base) ease}.locale-chip:hover{transform:translateY(-2px);border-color:var(--stroke-strong);box-shadow:var(--shadow-sm)}.locale-chip:hover:before{opacity:1}.locale-chip.active,.locale-chip[aria-selected=true],.locale-chip[aria-pressed=true]{border-color:#85bcffe0;color:var(--text-strong);background:linear-gradient(140deg,#5c9aff85,#4b60d570 56%,#2dc4ff47),var(--glass-3);box-shadow:var(--glow-brand)}.locale-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);border:1px solid rgba(129,174,255,.54);color:var(--text-strong);font-size:12px;font-weight:600;background:linear-gradient(130deg,#5896ff47,#3f6cd257)}.locale-pill>button,.locale-pill [data-action=remove]{width:18px;height:18px;border-radius:50%;border:1px solid rgba(135,174,243,.52);padding:0;background:var(--glass-pop);box-shadow:none}.quick-add-select{min-width:170px}.language-progress,.language-progress-list,.locale-progress-list{display:grid;gap:9px}.language-progress-item,.locale-progress-item{display:grid;gap:6px}.language-progress-meta,.locale-progress-meta{display:flex;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:12px}.language-progress-track,.locale-progress-track,.progress-track{height:8px;border-radius:var(--radius-pill);border:1px solid var(--stroke-soft);background:color-mix(in srgb,var(--surface-input) 80%,transparent);overflow:hidden}.language-progress-fill,.locale-progress-fill,.progress-fill{width:var(--progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#36dfbf,#5f99ff 54%,#93abff);box-shadow:0 0 14px #5aa5ff6b;transition:width .52s var(--ease-snappy)}.entries-table,.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--stroke-soft);background:var(--glass-1);box-shadow:inset 0 1px #ffffff3d}.entries-table table,.table-wrap table,table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0}.entries-table th,.entries-table td,th,td{padding:10px;border-right:1px solid color-mix(in srgb,var(--stroke-soft) 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--stroke-soft) 95%,transparent);vertical-align:top}.entries-table th:last-child,.entries-table td:last-child,th:last-child,td:last-child{border-right:none}.entries-table th,th{position:sticky;top:0;z-index:2;text-transform:uppercase;letter-spacing:.07em;font-size:11px;color:var(--text-muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,color-mix(in srgb,var(--glass-pop) 96%,transparent),color-mix(in srgb,var(--glass-3) 90%,transparent))}tbody tr{transition:transform var(--motion-fast) ease,background var(--motion-fast) ease}tbody tr:nth-child(2n){background:var(--row-alt)}tbody tr:hover{transform:translate(4px);background:var(--row-hover)}td{color:var(--text-default)}td:focus-within{background:var(--cell-focus);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-1) 48%,white)}.cell-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.cell-actions button{padding:6px 10px;border-radius:10px;font-size:12px}.upload-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--stroke-soft);color:var(--text-strong);background:var(--glass-2);box-shadow:inset 0 1px #fff3;cursor:pointer;transition:transform var(--motion-fast) var(--ease-bounce),border-color var(--motion-base) ease,box-shadow var(--motion-base) ease}.upload-button:hover{transform:translateY(-2px);border-color:var(--stroke-strong);box-shadow:var(--shadow-sm)}.upload-button input{display:none}.toast,.error-banner{position:fixed;right:18px;z-index:60;max-width:min(88vw,460px);border-radius:14px;border:1px solid var(--stroke-soft);padding:11px 13px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));animation:toast-in .42s var(--ease-snappy)}.toast{bottom:18px;color:var(--text-strong);background:linear-gradient(130deg,color-mix(in srgb,var(--glass-pop) 86%,transparent),color-mix(in srgb,var(--glass-3) 92%,transparent))}.error-banner{bottom:72px;border-color:color-mix(in srgb,var(--danger) 64%,transparent);color:color-mix(in srgb,var(--danger) 72%,white);background:linear-gradient(130deg,#d74a7d38,#ab2c6457),var(--glass-pop)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;padding:16px;display:flex;align-items:center;justify-content:center;background:var(--overlay);-webkit-backdrop-filter:blur(10px) saturate(145%);backdrop-filter:blur(10px) saturate(145%);z-index:50;animation:modal-fade var(--motion-base) ease both}.modal-card{width:min(980px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;border-radius:24px;border:1px solid var(--stroke-soft);padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--surface-modal);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 2px)) saturate(180%);backdrop-filter:blur(calc(var(--glass-blur) + 2px)) saturate(180%);animation:modal-rise .46s var(--ease-snappy) both}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.modal-header h3{margin:0;font-size:1.15rem;color:var(--text-strong)}.meta-row{justify-content:flex-start;color:var(--text-muted);font-size:12px}.meta-row span{padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--stroke-soft);background:var(--glass-2)}.provider-toggle,.tabs,.tab-list,[role=tablist],.page-tabs,[data-page-tabs]{width:fit-content;max-width:100%;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--stroke-soft);background:var(--glass-2)}.provider-toggle button,.tabs button,.tab-list button,.tab,[role=tab],.page-tab,[data-page-tabs]>*{min-width:90px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-muted);box-shadow:none;text-decoration:none;transform:none}.provider-toggle button:hover,.tabs button:hover,.tab-list button:hover,.tab:hover,[role=tab]:hover,.page-tab:hover,[data-page-tabs]>*:hover{color:var(--text-strong);background:#6fa9ff33;transform:translateY(-1px)}.provider-toggle button.active,.provider-toggle button[aria-selected=true],.tabs button.active,.tab-list button.active,.tab.active,[role=tab][aria-selected=true],.page-tab.active,.page-tab[aria-selected=true],[data-page-tabs]>*.active,[data-page-tabs]>*[aria-selected=true]{color:#f8fbff;border-color:#83beffbd;background:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 54%,var(--brand-3) 100%);box-shadow:0 10px 18px #3a66dc57}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:12px;color:var(--text-muted)}.embed-box{position:relative;min-height:290px;border:1px solid var(--stroke-soft);border-radius:16px;overflow:hidden;background:linear-gradient(155deg,#2746823d,#0e1e4257)}.embed-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,#79b6ff1f,#79b6ff00,#43d9ff1f)}.embed-box iframe{width:100%;min-height:380px;border:0;background:#fff}.hint,.fallback{padding:14px;color:var(--text-muted)}.fallback{display:grid;gap:10px}.fallback p{margin:0}.actions{justify-content:flex-end}.download-page details,.download-panel,.download-collapse,details.download-block,details.collapse-block,.accordion details{border-radius:14px;border:1px solid var(--stroke-soft);background:var(--glass-2);overflow:hidden;transition:border-color var(--motion-base) ease,box-shadow var(--motion-base) ease,transform var(--motion-fast) ease}.download-page details:hover,.download-panel:hover,.download-collapse:hover,details.download-block:hover,details.collapse-block:hover,.accordion details:hover{border-color:var(--stroke-strong);transform:translateY(-1px)}.download-page details[open],details.download-block[open],details.collapse-block[open],.accordion details[open]{background:var(--glass-3);box-shadow:var(--shadow-sm)}.download-page summary,.download-collapse>summary,details.download-block>summary,details.collapse-block>summary,.accordion details>summary{position:relative;list-style:none;cursor:pointer;padding:12px 44px 12px 14px;color:var(--text-strong);font-weight:600}.download-page summary::-webkit-details-marker,.download-collapse>summary::-webkit-details-marker,details.download-block>summary::-webkit-details-marker,details.collapse-block>summary::-webkit-details-marker,.accordion details>summary::-webkit-details-marker{display:none}.download-page summary:after,.download-collapse>summary:after,details.download-block>summary:after,details.collapse-block>summary:after,.accordion details>summary:after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid color-mix(in srgb,var(--brand-1) 72%,white);border-bottom:2px solid color-mix(in srgb,var(--brand-1) 72%,white);transform:translateY(-62%) rotate(45deg);transition:transform var(--motion-base) ease}.download-page details[open]>summary:after,details.download-block[open]>summary:after,details.collapse-block[open]>summary:after,.accordion details[open]>summary:after{transform:translateY(-36%) rotate(225deg)}.download-page details>:not(summary),.download-panel>:not(summary),.download-collapse>:not(summary),details.download-block>:not(summary),details.collapse-block>:not(summary),.accordion details>:not(summary){padding:12px 14px;border-top:1px solid color-mix(in srgb,var(--stroke-soft) 90%,transparent)}@keyframes shell-in{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rail-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes workspace-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes nav-spark{0%,to{filter:brightness(1)}50%{filter:brightness(1.32)}}@keyframes bar-shift{0%,to{transform:translate(-8%) translateY(0)}50%{transform:translate(8%) translateY(4%)}}@keyframes aura-drift-a{0%,to{transform:translateZ(0)}50%{transform:translate3d(46px,-24px,0)}}@keyframes aura-drift-b{0%,to{transform:translateZ(0)}50%{transform:translate3d(-54px,22px,0)}}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1120px){.app-shell,.layout{grid-template-columns:1fr}.workspace-header,.header{flex-direction:column;align-items:flex-start}.quick-add-row,.editor-layout,.create-form-grid,.project-wall,.create-quick-row{grid-template-columns:1fr}.create-form-footer{flex-direction:column;align-items:stretch}.create-form-footer .primary{width:100%}.detail-nav-tools{margin-left:0;width:100%}.detail-nav-tools .preference-controls{width:100%}.quick-add-row button{justify-self:stretch}}@media (max-width: 720px){.app-shell,.layout{padding:10px;gap:10px}.project-rail,.sidebar,.workspace-header,.header,.page-panel,.card,.modal-card{border-radius:15px}.project-rail,.sidebar,.workspace-header,.header,.page-panel,.card,.modal-card,.modal-mask{padding:12px}.locale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast,.error-banner{left:12px;right:12px;max-width:none}.error-banner{bottom:66px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
