:root{
  --ds-bg:#f4f7fb;--ds-surface:#fff;--ds-surface-2:#f8fafc;--ds-surface-3:#eef4fa;
  --ds-text:#142033;--ds-muted:#66758a;--ds-border:#dce4ee;--ds-primary:#176fb0;
  --ds-primary-2:#0f5f9c;--ds-focus:#8ac7ff;--ds-shadow:0 8px 28px rgba(23,47,77,.08);
  --ds-success:#078b63;--ds-warning:#b66a00;--ds-danger:#d73549;--ds-radius:16px;
  color-scheme:light;
}
html[data-theme="dark"]{
  --ds-bg:#0c1420;--ds-surface:#121d2b;--ds-surface-2:#182536;--ds-surface-3:#223247;
  --ds-text:#edf4ff;--ds-muted:#9eb0c5;--ds-border:#2a3b50;--ds-primary:#55aaf0;
  --ds-primary-2:#75bdf5;--ds-focus:#3091de;--ds-shadow:0 12px 34px rgba(0,0,0,.28);
  --ds-success:#42d7a5;--ds-warning:#ffc36a;--ds-danger:#ff7181;color-scheme:dark;
}
html,body{background:var(--ds-bg)!important;color:var(--ds-text)!important}
body,.main,.content,.platform-admin .content{background:var(--ds-bg)!important}
.header{background:color-mix(in srgb,var(--ds-surface) 94%,transparent)!important;border-color:var(--ds-border)!important;box-shadow:0 4px 18px rgba(18,37,61,.06)!important}
.header h1,.top h2,.card h3,.box h2,.box h3,.stat strong,.kpi,.section-title h3{color:var(--ds-text)!important}
.header small,.muted,.top p,.card small,.box>p,.source,.progress-label{color:var(--ds-muted)!important}
.card,.box,.toolbar,.professional-filters,.ux-project-toolbar,.ux-portfolio-summary>div,.emg-project-tabs,.ux-wizard-actions,.user-chip,
.platform-kpi,.platform-panel,.emg-result-card,.insight-card,.profit-project-panel,.workflow-panel{
  background:var(--ds-surface)!important;border-color:var(--ds-border)!important;color:var(--ds-text)!important;box-shadow:var(--ds-shadow)!important
}
.card{transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.card:hover{border-color:color-mix(in srgb,var(--ds-primary) 35%,var(--ds-border))!important}
.login-card{background:var(--ds-surface)!important;border-color:var(--ds-border)!important;color:var(--ds-text)!important;box-shadow:0 28px 80px rgba(0,0,0,.32)!important}.login-card h1,.login-card label{color:var(--ds-text)!important}.login-card p{color:var(--ds-muted)!important}.login-card .mark{background:var(--ds-primary)!important;color:#fff!important}
.btn.ghost,.close{background:var(--ds-surface-3)!important;border-color:var(--ds-border)!important;color:var(--ds-text)!important}
input,select,textarea,.field input,.field select,.field textarea,.toolbar input,.toolbar select,.line input,.line select{
  background:var(--ds-surface)!important;border-color:var(--ds-border)!important;color:var(--ds-text)!important
}
input::placeholder,textarea::placeholder{color:var(--ds-muted)!important;opacity:.8}
:focus-visible{outline:3px solid color-mix(in srgb,var(--ds-focus) 55%,transparent)!important;outline-offset:2px}
th{background:var(--ds-surface-2)!important;color:var(--ds-muted)!important;border-color:var(--ds-border)!important}
td,.project{border-color:var(--ds-border)!important}tbody tr:hover{background:color-mix(in srgb,var(--ds-primary) 7%,var(--ds-surface))!important}
.bar,.ux-flow-track{background:var(--ds-surface-3)!important}.modal{background:rgba(2,8,15,.72)!important}
.emg-period-bar,.ux-wizard-steps,.modal-section{background:var(--ds-surface-2)!important;border-color:var(--ds-border)!important}
.emg-period-bar button{color:var(--ds-muted)!important}.emg-period-bar button.active{background:var(--ds-surface)!important;color:var(--ds-primary)!important}
.badge.gray{background:var(--ds-surface-3)!important;color:var(--ds-muted)!important}.save-status{background:color-mix(in srgb,var(--ds-success) 12%,var(--ds-surface))!important;color:var(--ds-success)!important}
.ds-theme-toggle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.ds-theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
.ds-settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ds-settings-tabs button{border:1px solid var(--ds-border);border-radius:999px;padding:8px 13px;background:var(--ds-surface);color:var(--ds-muted);font-weight:700}.ds-settings-tabs button.active{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff}
.ds-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ds-setting{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--ds-border);border-radius:13px;background:var(--ds-surface-2)}.ds-setting b,.ds-setting small{display:block}.ds-setting small{margin-top:3px;color:var(--ds-muted)}
.ds-switch{position:relative;width:44px;height:24px}.ds-switch input{position:absolute;opacity:0}.ds-switch span{display:block;width:44px;height:24px;border-radius:99px;background:var(--ds-border);transition:.2s}.ds-switch span:after{content:"";display:block;width:18px;height:18px;margin:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003;transition:.2s}.ds-switch input:checked+span{background:var(--ds-primary)}.ds-switch input:checked+span:after{transform:translateX(20px)}
.ds-project-controls{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px;padding:14px;border:1px solid var(--ds-border);border-radius:14px;background:var(--ds-surface)}.ds-project-controls .status-block{display:flex;align-items:center;gap:8px;padding-right:10px;border-right:1px solid var(--ds-border)}.ds-project-controls label{font-size:12px;font-weight:800;color:var(--ds-muted)}.ds-project-controls select{min-width:150px;padding:8px 10px;border:1px solid var(--ds-border);border-radius:9px}
.ds-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 4px;color:var(--ds-muted);font-size:13px}.ds-pagination .row{flex-wrap:wrap}.ds-pagination select{padding:7px 9px;border:1px solid var(--ds-border);border-radius:8px}
.ds-audit-note{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--ds-primary) 30%,var(--ds-border));border-radius:13px;background:color-mix(in srgb,var(--ds-primary) 7%,var(--ds-surface));color:var(--ds-text)}
html[data-density="compact"] .card{padding:14px}html[data-density="compact"] th,html[data-density="compact"] td{padding:9px 10px}html[data-density="compact"] .nav button{min-height:38px;padding:8px 11px}
html[data-motion="reduce"] *,html[data-motion="reduce"] *:before,html[data-motion="reduce"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:850px){.ds-settings-grid{grid-template-columns:1fr}.ds-project-controls{display:grid}.ds-project-controls .status-block{border-right:0;padding-right:0;justify-content:space-between}}
@media(max-width:700px){.ds-theme-toggle span{display:none}.ds-theme-toggle{padding:9px!important}.header .actions{gap:6px}.ds-pagination{align-items:flex-start;flex-direction:column}}
@media print{.side,.header,.mobile-nav,.btn,.ds-project-controls{display:none!important}.main{margin:0!important}.content{padding:0!important}.card{box-shadow:none!important}}
