:root {
  color-scheme: dark;
  --bg: #090f1b;
  --paper: #111c2e;
  --ink: #edf3ff;
  --muted: #9baac2;
  --line: #23324b;
  --olive: #60a5fa;
  --lime: #162e50;
}
body { background: radial-gradient(ellipse at 85% 0%, #14295266, transparent 55%), var(--bg); }
::selection { background: #60a5fa; color: #081329; }
.sidebar { background: #0c1423; border-color: var(--line); }
.brand { color: #f1f6ff; }
.brand-mark { background: linear-gradient(145deg, #60a5fa, #2563eb); color: #fff; box-shadow: 0 0 24px #60a5fa0c; }
.brand-sub { color: #90a4c5; }
.nav { color: #a1b1cb; border: 1px solid transparent; }
.nav.active { background: #60a5fa10; color: #a5ceff; border-color: #60a5fa29; }
.nav.active small { color: #a5ceff; }
.nav:hover { background: #172740; color: #e0edff; }
.sidebar-bottom { color: #94a7c4; }
.sidebar-bottom p { color: #8195b4; }
.live-dot { background: #60a5fa; box-shadow: 0 0 9px #60a5fa35; }
header { background: #0c1423e8; border-color: var(--line); }
.project-control select { background: #142137; border-color: #2d4261; color: #e1ebfa; }
.workspace-label { color: #91a5c4; }
.avatar { background: #1b3357; color: #a7cfff; border: 1px solid #315886; }
.eyebrow,.nav-label { color: #91a7c9; }
.intro h1 { color: #f2f6ff; font-weight: 600; }
.project-stamp { border-color: #2c4160; }
.project-stamp strong { color: #dae9ff; }
.project-stamp small { color: #78b4ff; }
.stats { background: #111d30; border-color: #263a57; box-shadow: 0 4px 24px #00000012; }
.stat:last-child { background: linear-gradient(120deg, #17365d, #142642); }
.stat strong { color: #f0f5ff; }
.stat:last-child strong { color: #93c5fd; }
.stat small { color: #9aadc9; }
.content { background: #101b2d; border-color: #263a57; box-shadow: 0 12px 32px #00000018; }
h2 span { color: #9ecbff; background: #1a3457; border-color: #2e5080; }
.search { background: #0b1525; border-color: #2b3e5a; color: #9bafd0; }
.search input { color: #ecf3ff; }
input::placeholder,textarea::placeholder { color: #8fa4c3; opacity: 1; }
.record-note { color: #91a6c4; }
.toolbar select { color: #dce9ff; background: #15243a; border-color: #304867; }
th { background: #0c1626; color: #9db3d2; border-color: #263a55; }
td { border-color: #20314b; }
tbody tr:hover { background: #15243a; }
.position { color: #91a9ca; }
.item-name { color: #e7efff; }
.item-sub { color: #9eafcb; }
.chip { background: #162e4e; border-color: #294d77; color: #abd0ff; }
.chip.muted { background: #302c23; border-color: #494131; color: #d5c29a; }
.text-button { color: #8ec1ff; }
.text-button:hover { color: #c3e0ff; }
.primary { background: #2563eb; border-color: #4b88f8; color: #fff; font-weight: 650; box-shadow: 0 2px 8px #0002; }
.primary:hover { background: #3478f6; border-color: #71a5ff; }
.secondary { background: #172940; border-color: #375576; color: #d7e8ff; }
.secondary:hover { background: #213957; }
.supplier-card { background: #142238; border-color: #2a405f; }
.supplier-card h3 { color: #e5efff; }
.supplier-card p { color: #a6b6cf; }
.pipeline { border-color: #2b4362; }
.stage { background: #0e1b2e; color: #a1b4cf; border-color: #2b4362; }
.stage strong { color: #97c5ff; }
.stage:hover,.stage.selected { background: #1b385d; color: #e0eeff; }
.stage.selected { box-shadow: inset 0 -2px #60a5fa; }
.empty .symbol { color: #78b4ff; }
footer { color: #8ca1c0; }
dialog { background: #111f34; border-color: #36557c; color: #edf3ff; box-shadow: 0 32px 100px #0009; }
dialog::backdrop { background: #030817b8; backdrop-filter: blur(6px); }
.icon-button { background: #203450; color: #c3daff; }
.icon-button:hover { background: #2b4870; }
dialog p,dialog li { color: #afc0d9; }
.detail-label,.field { color: #a8bddb; }
.notice { background: #332d20; border-color: #584b2d; color: #e0ca93; }
.field input,.field select,.field textarea,.price-row input { background: #0b1627; border-color: #344d6f; color: #edf3ff; }
.field input:hover,.field select:hover,.field textarea:hover,.price-row input:hover { border-color: #5586be; }
.checkboxes label { color: #bcd0eb; }
input[type="checkbox"] { accent-color: #60a5fa; }
.price-head { color: #9eb5d3; }
#error,.form-error { color: #ffbcad; background: #3a2524; border: 1px solid #69403a; }
#toast { background: #60a5fa; color: #081b35; box-shadow: 0 6px 30px #0006; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-color: #60a5fa; }
* { scrollbar-color: #355070 #0c1423; }
/* Minimal workspace: neutral navy surfaces, blue reserved for actions. */
.language-select { background: #151c27; color: #dce5f2; border: 1px solid #293343; border-radius: 7px; padding: 10px 12px; font-size: 12px; max-width: 150px; margin-inline-start: 16px; }
.source-language-note { font-size: 11px; color: var(--muted); }
[dir="rtl"] .sidebar { left: auto; right: 0; border-right: 0; border-left: 1px solid var(--line); }
[dir="rtl"] .workspace { margin-left: 0; margin-right: 210px; }
[dir="rtl"] .nav { text-align: right; }
[dir="rtl"] .nav small { margin-left: 0; margin-right: auto; }
[dir="rtl"] table { text-align: right; }
[dir="rtl"] .stat:first-child { padding-left: 24px; padding-right: 0; }
[dir="rtl"] .price-row output { text-align: left; }
[dir="rtl"] .requirement-list { padding-left: 0; padding-right: 19px; }
[dir="rtl"] input[type="email"],[dir="rtl"] input[type="number"],[dir="rtl"] input[type="datetime-local"],[dir="rtl"] .qty { direction: ltr; }
@media(max-width:1100px) { [dir="rtl"] .workspace { margin-right: 184px; } }
@media(max-width:720px) { [dir="rtl"] .workspace { margin-right: 0; } header { gap: 8px; } .project-control label { display: none; } .project-control { min-width: 0; } .language-select { max-width: 112px; margin-inline-start: 0; } }
:root {
  --bg: #0d1118;
  --paper: #121821;
  --ink: #e7edf5;
  --muted: #98a4b5;
  --line: #232c39;
  --olive: #82afff;
  --lime: #1b2940;
}
body { background: var(--bg); }
.sidebar { width: 210px; padding: 30px 20px; background: #10151d; border-color: #202834; }
.workspace { margin-left: 210px; }
.brand { font-size: 22px; letter-spacing: -.8px; gap: 10px; }
.brand-mark { width: 32px; height: 32px; border-radius: 8px; font-size: 25px; background: #3577ee; box-shadow: none; }
.brand-sub,.nav-label,.sidebar-bottom p,.workspace-label,.project-stamp,.record-note,#section-label,footer>span:first-child { display: none; }
nav { margin-top: 48px; }
.nav { padding: 11px 12px; margin-bottom: 5px; border: 0; border-radius: 6px; font-size: 13px; color: #97a4b7; }
.nav>span { font-size: 17px; }
.nav.active { background: #1b2940; color: #c0d5ff; font-weight: 500; }
.nav:hover { background: #1a2330; }
.nav small { color: #91a4c2; }
.sidebar-bottom { padding-left: 8px; color: #8996a8; }
.live-dot { width: 5px; height: 5px; background: #6d9eea; box-shadow: none; }
header { height: 72px; background: transparent; padding: 0 40px; border-color: #202834; }
.project-control { gap: 18px; }
.project-control label { letter-spacing: .5px; text-transform: capitalize; font-size: 11px; }
.project-control select { background: #151c27; border: 1px solid #293343; border-radius: 7px; padding: 10px 32px 10px 12px; color: #dce5f2; }
main { max-width: 1440px; padding: 38px 40px 24px; }
.intro { margin-bottom: 28px; }
#breadcrumb { color: #8d9bb0; font-size: 10px; font-weight: 500; letter-spacing: .7px; }
.intro h1 { font-size: 30px; font-weight: 550; letter-spacing: -1px; margin: 12px 0 9px; }
.intro p { font-size: 13px; color: #93a0b3; }
.stats { border: 0; border-bottom: 1px solid var(--line); background: transparent; box-shadow: none; border-radius: 0; margin-bottom: 32px; }
.stat { padding: 12px 24px 26px; border: 0; }
.stat:first-child { padding-left: 0; }
.stat:last-child { background: transparent; }
.stat strong,.stat:last-child strong { font-size: 29px; color: #e8eef7; font-weight: 500; margin: 10px 0 6px; }
.stat-label { color: #acb7c7; font-size: 12px; }
.stat small { color: #8897ac; font-size: 11px; }
.content { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.section-top { padding: 0 0 20px; }
h2 { font-size: 19px; font-weight: 550; letter-spacing: -.4px; }
h2 span { background: #1c2533; color: #a3b4cd; border: 0; border-radius: 5px; font-size: 11px; }
.toolbar { padding: 0 0 22px; }
.search { background: #121923; border-color: #283242; border-radius: 7px; width: 290px; padding: 7px 11px; }
.search span { color: #8392a7; }
.search input { font-size: 12px; }
.table-wrap { border: 1px solid var(--line); border-radius: 9px; background: #101720; }
th { background: #141c27; color: #97a7bd; padding: 13px 18px; font-size: 10px; font-weight: 500; letter-spacing: .4px; text-transform: none; border-top: 0; border-bottom-color: #283242; }
td { padding: 17px 18px; border-color: #202a37; }
th:first-child,td:first-child { padding-left: 21px; }
tbody tr:hover { background: #161f2c; }
.position { color: #7f92ad; }
.item-name { font-size: 13px; font-weight: 500; color: #dfe7f4; }
.item-sub { color: #93a2b7; font-size: 11px; margin-top: 5px; }
.qty { color: #c0ccde; font-size: 11px; }
.chip { background: #1a2535; color: #b3c2d9; border: 0; border-radius: 4px; padding: 4px 7px; }
.chip.muted { background: #292723; color: #c7b994; border: 0; }
.text-button { color: #94b9f6; font-size: 11px; }
.primary { background: #3474e6; border-color: #3474e6; box-shadow: none; border-radius: 7px; font-weight: 500; }
.primary:hover { background: #4585f3; border-color: #4585f3; }
.secondary,.toolbar select { background: #192231; border-color: #303e53; color: #c7d3e5; border-radius: 7px; }
.supplier-grid { padding: 0; gap: 14px; }
.supplier-card { background: #121a25; border-color: #273242; border-radius: 9px; padding: 22px; }
.supplier-card .eyebrow { color: #8f9fb6; font-size: 10px; letter-spacing: .5px; font-weight: 500; }
.supplier-card h3 { font-size: 15px; font-weight: 550; }
.supplier-card p { color: #99a9bf; }
.pipeline { margin: 0 0 22px; border-color: #293649; border-radius: 8px; }
.stage { background: #131d2a; border-color: #293649; color: #9fadc2; }
.stage strong { color: #c7d6ec; font-size: 21px; font-weight: 500; }
.stage:hover,.stage.selected { background: #1c2d47; color: #dbe9ff; }
.stage.selected { box-shadow: inset 0 -2px #528eeb; }
dialog { background: #141c28; border-color: #334159; border-radius: 12px; box-shadow: 0 24px 100px #0008; }
.dialog-top .eyebrow { color: #8799b3; letter-spacing: .8px; font-weight: 500; }
dialog h2 { font-size: 25px; }
dialog p,dialog li { color: #abb9ce; }
.icon-button { background: #222e40; color: #bacce5; }
.field input,.field select,.field textarea,.price-row input { background: #0f1723; border-color: #30405a; border-radius: 7px; }
.detail-label,.field { color: #a5b5cd; }
.empty { padding: 54px 20px; }
.empty h3 { font-size: 21px; }
.empty .symbol { font-size: 29px; color: #7ca7ed; }
footer { justify-content: flex-end; color: #788aa4; padding-top: 22px; }
#toast { background: #20385b; color: #d6e8ff; border: 1px solid #3c5c87; }
* { scrollbar-color: #334159 #10151d; }
@media(min-width:1500px) { main { padding-top: 42px; } .intro { margin-bottom: 28px; } td { padding-top: 19px; padding-bottom: 19px; } }
@media(max-width:1100px) { .sidebar { width: 184px; padding: 28px 16px; } .workspace { margin-left: 184px; } main { padding: 30px 26px 22px; } header { padding: 0 26px; } .stat { padding-right: 12px; padding-left: 12px; } .intro h1 { font-size: 28px; } }
@media(max-width:720px) { .sidebar { width: auto; padding: 17px 20px; } .workspace { margin-left: 0; } nav { margin-top: 20px; } .nav { padding: 10px; } main { padding: 25px 18px; } header { padding: 0 20px; height: 66px; } .intro h1 { font-size: 25px; } .stat,.stat:first-child { padding: 12px 12px 20px; } .stat:nth-child(odd) { padding-left: 0; } .stat strong { font-size: 26px; } .stats { margin-bottom: 26px; } .search { width: 100%; } .section-top { padding-bottom: 18px; } .supplier-grid { padding: 0; } .pipeline { margin: 0 0 20px; } }
@media (prefers-reduced-motion: no-preference) {
  button,.supplier-card,input,select,textarea { transition: background-color .16s ease, border-color .16s ease, color .16s ease; }
}