:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bg: #07101f; --sidebar: #071527; --panel: rgba(13,27,48,.88); --line: rgba(126,170,219,.16);
  --muted: #8ca1ba; --text: #edf5ff; --blue: #3599ff; --cyan: #33c6db; --green: #39d39f;
  --amber: #f2b65d; --red: #ff7182; --purple: #9a7cff; --shadow: 0 18px 46px rgba(0,0,0,.24);
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { min-height: 100vh; margin: 0; color: var(--text); background: radial-gradient(circle at 75% -15%, rgba(27,116,204,.2), transparent 34rem), linear-gradient(145deg,#08111f,#091728 58%,#07101d); }
button,input,select,textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: .62; }
h1,h2,h3,p { margin-top: 0; }
h1 { margin-bottom: .15rem; font-size: clamp(1.55rem,2.4vw,2rem); }
h2 { margin-bottom: 0; font-size: 1.18rem; }
a { color: #78c5ff; }
[hidden] { display: none !important; }
.shell { min-height: 100vh; }
.login-card { width: min(430px,calc(100% - 2rem)); margin: 8vh auto; padding: 2rem; border: 1px solid var(--line); border-radius: 22px; background: var(--panel); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.login-card::before { content:"Z"; display:grid; width:3.2rem; height:3.2rem; margin-bottom:1.2rem; place-items:center; color:#031421; font-weight:900; font-size:1.4rem; border-radius:14px; background:linear-gradient(135deg,var(--green),var(--cyan)); box-shadow:0 12px 30px rgba(51,198,219,.22); }
.app-layout { min-height: 100vh; }
.erp-sidebar { position:fixed; inset:0 auto 0 0; z-index:30; display:flex; width:258px; padding:1.35rem 1rem; flex-direction:column; background:linear-gradient(180deg,rgba(7,22,39,.99),rgba(5,16,30,.99)); border-right:1px solid rgba(119,171,219,.13); box-shadow:14px 0 40px rgba(0,0,0,.18); }
.sidebar-brand { display:flex; align-items:center; gap:.78rem; padding:.15rem .45rem 1.55rem; }
.brand-mark { display:grid; width:2.7rem; height:2.7rem; flex:0 0 auto; place-items:center; color:#04201d; font-weight:950; font-size:1.16rem; border-radius:12px; background:linear-gradient(135deg,#59e1af,#35aed9); box-shadow:0 9px 22px rgba(52,194,183,.22); }
.sidebar-brand strong,.sidebar-brand span { display:block; }
.sidebar-brand strong { font-size:1.05rem; }
.sidebar-brand span { margin-top:.08rem; color:var(--muted); font-size:.76rem; }
.sidebar-nav { display:grid; gap:.3rem; }
.sidebar-caption { margin:1rem .6rem .35rem; color:#5f7894; font-size:.64rem; font-weight:850; letter-spacing:.16em; }
.sidebar-nav button { display:flex; width:100%; min-height:2.75rem; align-items:center; gap:.78rem; padding:.65rem .75rem; color:#91a6bf; text-align:left; font-weight:680; border:1px solid transparent; border-radius:10px; background:transparent; transition:.18s ease; }
.sidebar-nav button span { display:grid; width:1.35rem; color:#6d8aa7; place-items:center; font-size:1.05rem; }
.sidebar-nav button:hover { color:#e8f5ff; background:rgba(62,130,190,.09); }
.sidebar-nav button[aria-current="page"] { color:#e9fbff; border-color:rgba(59,212,177,.18); background:linear-gradient(90deg,rgba(47,201,164,.17),rgba(42,126,197,.1)); box-shadow:inset 3px 0 0 var(--green); }
.sidebar-nav button[aria-current="page"] span { color:var(--green); }
.sidebar-footer { margin-top:auto; padding-top:1rem; border-top:1px solid var(--line); }
.sidebar-user { display:flex; align-items:center; gap:.7rem; padding:.55rem .45rem; }
.user-avatar { display:grid; width:2rem; height:2rem; place-items:center; color:#c9fff0; border-radius:50%; background:rgba(57,211,159,.13); border:1px solid rgba(57,211,159,.25); font-size:.75rem; font-weight:900; }
.sidebar-user strong,.sidebar-user small { display:block; }
.sidebar-user strong { font-size:.8rem; }
.sidebar-user small { margin-top:.08rem; color:var(--muted); font-size:.66rem; }
.sidebar-exit { width:100%; margin-top:.45rem; padding:.55rem; color:#8499b0; border:0; background:transparent; font-size:.75rem; }
.sidebar-exit:hover { color:#ffb1ba; }
.sidebar-backdrop { display:none; }
.workspace { min-height:100vh; margin-left:258px; padding:1.4rem clamp(1rem,2.7vw,2.5rem) 3rem; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:4.6rem; margin-bottom:1.25rem; }
.topbar > div:first-child { display:flex; align-items:center; gap:.8rem; }
.topbar-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:.6rem; }
.menu-toggle { display:none; width:2.6rem; min-height:2.6rem; padding:0; place-items:center; font-size:1.15rem; }
.page-subtitle { margin:.25rem 0 0; color:var(--muted); font-size:.78rem; }
.eyebrow { margin-bottom:.35rem; color:var(--cyan); font-size:.66rem; font-weight:850; letter-spacing:.14em; }
.muted { color:var(--muted); }
.small { font-size:.8rem; line-height:1.5; }
.stack,.grid { display:grid; gap:1rem; }
.content-narrow { width:min(980px,100%); }
.page-view { display:grid; gap:1rem; animation:page-in .22s ease both; }
@keyframes page-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.dashboard-welcome { position:relative; overflow:hidden; display:flex; min-height:150px; padding:1.55rem 1.7rem; align-items:center; justify-content:space-between; gap:1rem; border:1px solid rgba(60,182,202,.18); border-radius:17px; background:linear-gradient(110deg,rgba(15,44,69,.96),rgba(16,54,73,.74)); box-shadow:var(--shadow); }
.dashboard-welcome::after { content:""; position:absolute; width:270px; height:270px; right:-70px; top:-120px; border:46px solid rgba(64,214,177,.06); border-radius:50%; }
.dashboard-welcome > * { position:relative; z-index:1; }
.dashboard-welcome h2 { margin-bottom:.48rem; font-size:clamp(1.25rem,2.5vw,1.72rem); }
.dashboard-welcome p:last-child { max-width:680px; margin:0; color:#a4b8cc; font-size:.88rem; }
.dashboard-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; padding:.15rem .1rem .25rem; }
.dashboard-heading h2 { margin-bottom:.25rem; font-size:clamp(1.55rem,2.6vw,2rem); letter-spacing:-.035em; }
.dashboard-heading p:last-child { margin:0; color:var(--muted); font-size:.82rem; }
.date-chip { padding:.65rem .85rem; color:#dceaff; border:1px solid var(--line); border-radius:10px; background:rgba(10,23,40,.8); font-size:.76rem; font-weight:750; text-transform:capitalize; }
.stats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.78rem; }
.stats article { position:relative; overflow:hidden; min-height:112px; padding:1rem; border:1px solid var(--line); border-radius:14px; background:linear-gradient(150deg,rgba(17,36,61,.92),rgba(11,26,46,.88)); box-shadow:0 10px 28px rgba(0,0,0,.15); }
.stats article::after { content:""; position:absolute; inset:auto -18px -28px auto; width:72px; height:72px; border-radius:50%; background:rgba(53,153,255,.07); }
.stats span { display:block; color:var(--muted); font-size:.72rem; line-height:1.3; }
.stats strong { display:block; margin-top:.55rem; color:#f4f9ff; font-size:1.45rem; }
.stats small { display:block; margin-top:.3rem; color:#7189a2; font-size:.64rem; line-height:1.25; }
.stats .credit-balance { border-color:rgba(57,211,159,.24); background:linear-gradient(150deg,rgba(20,61,64,.74),rgba(11,31,48,.9)); }
.stats .credit-balance strong { color:#6aebbc; }
.stats .warning strong { color:var(--amber); }
.stats article.green { border-color:rgba(57,211,159,.2); }
.stats article.blue { border-color:rgba(53,153,255,.22); }
.stats article.blue strong { color:#75baff; }
.stats article.purple { border-color:rgba(154,124,255,.22); }
.stats article.purple strong { color:#b7a5ff; }
.stats article.cyan { border-color:rgba(51,198,219,.22); }
.stats article.cyan strong { color:#79deeb; }
.management-kpis article { min-height:132px; }
.management-kpis strong { font-size:clamp(1.15rem,1.6vw,1.55rem); }
.dashboard-data-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr); gap:1rem; }
.dashboard-tables { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.dashboard-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.dashboard-card-head h2 { font-size:1rem; }
.dashboard-card-head p { margin:.3rem 0 0; color:var(--muted); font-size:.72rem; }
.dashboard-link { padding:.15rem 0; color:#64b6ff; border:0; background:transparent; font-size:.75rem; }
.revenue-chart { min-height:230px; }
.revenue-chart svg { display:block; width:100%; height:230px; overflow:visible; }
.chart-axis { stroke:rgba(126,170,219,.2); stroke-width:1; }
.chart-bar { fill:#3599ff; opacity:.78; }
.chart-label { fill:#859ab2; font-size:11px; text-anchor:middle; text-transform:capitalize; }
.chart-value { fill:#cfe6fb; font-size:9px; font-weight:700; text-anchor:middle; }
.portfolio-metrics { display:grid; gap:.6rem; }
.portfolio-metrics > div { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.78rem .85rem; border:1px solid rgba(126,170,219,.11); border-radius:10px; background:rgba(7,19,34,.42); }
.portfolio-metrics span { color:var(--muted); font-size:.75rem; }
.portfolio-metrics strong { font-size:1rem; }
.quick-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.78rem; }
.quick-actions button { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:.8rem; padding:.9rem; color:var(--text); text-align:left; border:1px solid var(--line); border-radius:13px; background:rgba(12,28,48,.78); }
.quick-actions button:hover { border-color:rgba(53,153,255,.38); transform:translateY(-1px); }
.quick-actions strong,.quick-actions small { display:block; }
.quick-actions strong { font-size:.82rem; }
.quick-actions small { grid-column:2; margin-top:.18rem; color:var(--muted); font-size:.68rem; }
.quick-icon { grid-row:span 2; display:grid; width:2.35rem; height:2.35rem; place-items:center; border-radius:10px; font-size:1.1rem; }
.quick-icon.green { color:#72efc0; background:rgba(57,211,159,.12); }
.quick-icon.blue { color:#7bc2ff; background:rgba(53,153,255,.13); }
.quick-icon.purple { color:#b7a5ff; background:rgba(154,124,255,.13); }
.quick-icon.amber { color:#ffd18a; background:rgba(242,182,93,.13); }
.panel { min-width:0; padding:1.25rem; background:var(--panel); border:1px solid var(--line); border-radius:15px; box-shadow:var(--shadow); }
.panel .panel { padding:0; border:0; background:transparent; box-shadow:none; }
.panel-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:.8rem; margin-bottom:.85rem; }
.configuration-banner,.notice { margin:0 0 1rem; padding:.8rem 1rem; border-radius:11px; border:1px solid rgba(53,153,255,.32); color:#cce9ff; background:rgba(27,93,140,.18); font-size:.82rem; }
.notice.error { border-color:rgba(255,113,130,.42); color:#ffd6da; background:rgba(145,33,49,.2); }
.notice.success { border-color:rgba(57,211,159,.38); color:#d1ffea; background:rgba(31,127,84,.18); }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.82rem; }
.wide { grid-column:1 / -1; }
label { display:grid; gap:.4rem; color:#c8d7e7; font-size:.79rem; font-weight:650; }
input,select,textarea { width:100%; min-height:2.65rem; padding:.57rem .67rem; color:#eff7ff; background:#081728; border:1px solid #28445f; border-radius:9px; outline:none; }
textarea { min-height:5.6rem; resize:vertical; line-height:1.42; }
input:focus,select:focus,textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(53,153,255,.13); }
.field-hint { color:var(--muted); font-size:.75rem; font-weight:500; line-height:1.4; }
button { padding:.65rem 1rem; color:#041421; font-weight:800; border:0; border-radius:9px; background:linear-gradient(135deg,#69dfb8,#3eb6dd); }
button.secondary { color:#cfe7fb; background:transparent; border:1px solid #31516f; }
button.secondary:hover { border-color:var(--blue); background:rgba(53,153,255,.08); }
.form-actions { display:flex; justify-content:flex-end; margin-top:.15rem; }
.form-section { display:grid; gap:.8rem; padding:1rem; border:1px solid rgba(126,170,219,.14); border-radius:12px; background:rgba(6,18,33,.42); }
.form-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; }
.form-section-heading h3 { margin:0; color:#e7f4ff; font-size:.96rem; }
.generated-access-info { display:flex; align-items:flex-start; gap:.8rem; padding:.85rem; color:#d8f9ed; border:1px solid rgba(57,211,159,.22); border-radius:10px; background:rgba(57,211,159,.07); }
.generated-access-info > span { display:grid; width:2rem; height:2rem; flex:0 0 auto; place-items:center; color:var(--green); border-radius:9px; background:rgba(57,211,159,.12); }
.generated-access-info strong { font-size:.82rem; }
.generated-access-info p { margin:.25rem 0 0; color:var(--muted); font-size:.74rem; line-height:1.45; }
.operators-grid { display:grid; grid-template-columns:minmax(320px,.75fr) minmax(460px,1.25fr); gap:1rem; align-items:start; }
.profile-grid { gap:.68rem; }
.profile-summary { padding:.75rem .85rem; min-height:3rem; color:#c8e6fb; border:1px solid rgba(57,211,159,.2); border-radius:9px; background:rgba(57,211,159,.06); font-size:.82rem; line-height:1.5; }
.profile-summary strong { color:#dcfff0; }
.tag,.status { display:inline-flex; align-items:center; white-space:nowrap; width:fit-content; padding:.28rem .55rem; border-radius:999px; color:#cdeaff; background:rgba(53,153,255,.14); border:1px solid rgba(53,153,255,.24); font-size:.72rem; font-weight:750; }
.status.applied,.status.active,.status.paid,.status.open { color:#c9ffe6; border-color:rgba(57,211,159,.3); background:rgba(57,211,159,.1); }
.status.needs_review,.status.manual_review,.status.issue_unknown { color:#ffe0ad; border-color:rgba(242,182,93,.32); background:rgba(242,182,93,.1); }
.status.failed,.status.blocked,.status.provisioning_failed { color:#ffd4d9; border-color:rgba(255,113,130,.34); background:rgba(255,113,130,.09); }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; font-size:.81rem; }
th,td { padding:.76rem .62rem; text-align:left; vertical-align:top; border-bottom:1px solid rgba(126,170,219,.1); }
th { color:#7f9fbd; font-size:.66rem; letter-spacing:.07em; text-transform:uppercase; }
td { color:#d8e8f7; }
td small { display:block; margin-top:.22rem; color:var(--muted); }
.copy-text { max-width:240px; overflow-wrap:anywhere; color:#b8d8ef; font-size:.72rem; }
.row-action { padding:.38rem .55rem; font-size:.72rem; }
.empty { color:var(--muted); text-align:center; padding:1.1rem; }
.modal-dialog { width:min(520px,calc(100vw - 2rem)); max-height:min(720px,calc(100vh - 2rem)); margin:auto; padding:0; color:var(--text); border:1px solid rgba(53,153,255,.34); border-radius:16px; background:#0d1d31; box-shadow:0 28px 80px rgba(0,0,0,.55); }
.modal-dialog::backdrop { background:rgba(2,8,17,.76); backdrop-filter:blur(3px); }
.modal-dialog form { padding:1.3rem; }
.credentials-content { display:grid; gap:.9rem; padding:1.35rem; }
.credentials-content h2,.credentials-content p { margin-bottom:0; }
.modal-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:.8rem; }
.icon-button { display:inline-grid; width:2.15rem; min-height:2.15rem; place-items:center; padding:0; font-size:1.35rem; }
.modal-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:.65rem; }

/* Temas iNET: Zyntra e Bruma Orbital */
.app-layout { position:relative; isolation:isolate; }
.erp-sidebar,.workspace { position:relative; z-index:2; }
.erp-sidebar { position:fixed; }
.theme-ambient { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.ambient-orbit { position:absolute; border:1px solid rgba(202,128,255,.15); border-radius:50%; box-shadow:0 0 70px rgba(146,38,255,.08),inset 0 0 55px rgba(197,103,255,.05); animation:orbit-drift 18s ease-in-out infinite alternate; }
.orbit-one { width:510px; height:510px; top:-245px; right:-115px; transform:rotate(-18deg); }
.orbit-two { width:330px; height:330px; left:31%; bottom:-230px; animation-duration:24s; animation-direction:alternate-reverse; }
.ambient-glow { position:absolute; width:44vw; height:44vw; min-width:420px; min-height:420px; right:3%; top:8%; border-radius:50%; background:radial-gradient(circle,rgba(147,28,255,.1),transparent 66%); filter:blur(8px); }
.ambient-particle { position:absolute; width:5px; height:5px; border-radius:50%; background:#d79bff; box-shadow:0 0 16px 4px rgba(195,91,255,.45); animation:particle-pulse 4s ease-in-out infinite; }
.particle-one { left:33%; top:18%; }
.particle-two { right:8%; top:47%; animation-delay:-1.5s; }
.particle-three { left:55%; bottom:9%; animation-delay:-2.7s; }
@keyframes orbit-drift { to { transform:translate3d(18px,20px,0) rotate(9deg) scale(1.04); } }
@keyframes particle-pulse { 50% { opacity:.28; transform:scale(.6); } }

.theme-switch { display:flex; min-height:2.45rem; padding:.25rem .35rem .25rem .65rem; grid-template-columns:auto 1fr; align-items:center; gap:.45rem; color:#d9b7ff; border:1px solid rgba(192,106,255,.27); border-radius:10px; background:rgba(24,10,46,.74); font-size:.78rem; }
.theme-switch > span { color:#c879ff; font-size:1rem; }
.theme-switch select { width:auto; min-width:132px; min-height:1.9rem; padding:.2rem 1.7rem .2rem .35rem; color:inherit; border:0; background:transparent; box-shadow:none; font-weight:750; }

html[data-theme="zyntra"] {
  color-scheme:dark;
  --bg:#090014; --sidebar:#100824; --panel:rgba(22,11,43,.86); --line:rgba(193,109,255,.2);
  --muted:#ad95c4; --text:#f7efff; --blue:#a64cff; --cyan:#d06fff; --green:#8ce7c8;
  --purple:#ca70ff; --shadow:0 20px 52px rgba(5,0,14,.38);
}
html[data-theme="zyntra"] body { background:radial-gradient(circle at 14% 8%,rgba(184,77,255,.17),transparent 19rem),radial-gradient(circle at 92% 13%,rgba(126,28,255,.15),transparent 27rem),linear-gradient(145deg,#0b0318,#120724 56%,#080012); }
html[data-theme="zyntra"] .erp-sidebar { border-color:rgba(180,80,255,.22); background:radial-gradient(circle at 14% 8%,rgba(184,77,255,.17),transparent 12rem),radial-gradient(circle at 90% 16%,rgba(139,28,255,.15),transparent 15rem),linear-gradient(180deg,rgba(17,9,35,.985),rgba(10,6,23,.995)); box-shadow:18px 0 54px rgba(4,0,12,.32); }
html[data-theme="zyntra"] .brand-mark,html[data-theme="zyntra"] .login-card::before { color:#fff; background:linear-gradient(135deg,#7c16ef,#d05fff); box-shadow:0 10px 30px rgba(171,54,255,.35),inset 0 1px 0 rgba(255,255,255,.25); }
html[data-theme="zyntra"] .sidebar-nav button[aria-current="page"] { color:#fff; border-color:rgba(202,105,255,.28); background:linear-gradient(90deg,rgba(146,28,255,.28),rgba(198,82,255,.08)); box-shadow:inset 3px 0 0 #c25fff,0 8px 24px rgba(78,5,145,.12); }
html[data-theme="zyntra"] .sidebar-nav button[aria-current="page"] span,html[data-theme="zyntra"] .eyebrow { color:#d590ff; }
html[data-theme="zyntra"] .panel,html[data-theme="zyntra"] .login-card { background:linear-gradient(150deg,rgba(28,14,52,.93),rgba(15,8,32,.9)); border-color:rgba(190,102,255,.2); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.025); backdrop-filter:blur(18px); }
html[data-theme="zyntra"] .stats article { background:linear-gradient(150deg,rgba(31,16,57,.94),rgba(18,9,38,.9)); border-color:rgba(184,98,255,.18); box-shadow:0 12px 34px rgba(6,0,18,.25); }
html[data-theme="zyntra"] .stats article::after { background:radial-gradient(circle,rgba(202,102,255,.18),transparent 68%); }
html[data-theme="zyntra"] .stats .credit-balance { border-color:rgba(119,231,196,.25); background:linear-gradient(150deg,rgba(21,61,64,.65),rgba(20,11,43,.92)); }
html[data-theme="zyntra"] .stats article.purple strong,html[data-theme="zyntra"] .chart-value { color:#d8a4ff; }
html[data-theme="zyntra"] .quick-actions button,html[data-theme="zyntra"] .portfolio-metrics > div,html[data-theme="zyntra"] .form-section { background:rgba(18,8,38,.68); border-color:rgba(187,101,255,.16); }
html[data-theme="zyntra"] .quick-actions button:hover { border-color:rgba(207,108,255,.44); box-shadow:0 10px 28px rgba(93,17,160,.18); }
html[data-theme="zyntra"] input,html[data-theme="zyntra"] select,html[data-theme="zyntra"] textarea { color:#f8efff; background:#110723; border-color:#44265e; }
html[data-theme="zyntra"] input:focus,html[data-theme="zyntra"] select:focus,html[data-theme="zyntra"] textarea:focus { border-color:#b250ff; box-shadow:0 0 0 3px rgba(180,72,255,.15); }
html[data-theme="zyntra"] button { color:#fff; background:linear-gradient(135deg,#8b1cff,#c45fff); box-shadow:0 8px 20px rgba(111,17,194,.17); }
html[data-theme="zyntra"] button.secondary { color:#e7cfff; border-color:#51306c; background:rgba(27,12,50,.42); box-shadow:none; }
html[data-theme="zyntra"] .chart-bar { fill:#b350ff; }
html[data-theme="zyntra"] .date-chip,html[data-theme="zyntra"] .modal-dialog { color:var(--text); border-color:rgba(189,99,255,.25); background:#170b2d; }
html[data-theme="zyntra"] .configuration-banner,html[data-theme="zyntra"] .notice { color:#ecd8ff; border-color:rgba(185,92,255,.34); background:rgba(102,30,161,.19); }

html[data-theme="bruma-orbital"] {
  color-scheme:light;
  --bg:#e5eef9; --panel:rgba(250,252,255,.92); --line:rgba(96,120,173,.30);
  --muted:#5f708a; --text:#14243f; --blue:#356cff; --cyan:#168dbb; --green:#16966e;
  --amber:#b96f14; --red:#ce4154; --purple:#7359cf; --shadow:0 18px 46px rgba(56,79,123,.14);
}
html[data-theme="bruma-orbital"] body { background:radial-gradient(circle at top left,rgba(76,118,221,.2),transparent 24rem),radial-gradient(circle at top right,rgba(83,178,228,.16),transparent 22rem),linear-gradient(180deg,#eef3fa 0%,#e3ebf7 42%,#d8e4f3 100%); }
html[data-theme="bruma-orbital"] .ambient-orbit { border-color:rgba(59,104,204,.13); box-shadow:0 0 70px rgba(72,121,216,.07),inset 0 0 55px rgba(62,128,215,.05); }
html[data-theme="bruma-orbital"] .ambient-glow { background:radial-gradient(circle,rgba(55,118,220,.1),transparent 66%); }
html[data-theme="bruma-orbital"] .ambient-particle { background:#4988dc; box-shadow:0 0 14px 3px rgba(65,129,220,.28); }
html[data-theme="bruma-orbital"] .erp-sidebar { color:#f3f7ff; border-color:rgba(139,178,242,.22); background:radial-gradient(circle at top right,rgba(118,205,255,.2),transparent 18rem),linear-gradient(180deg,rgba(16,48,121,.99),rgba(9,31,86,.99)); box-shadow:15px 0 42px rgba(26,51,102,.2); }
html[data-theme="bruma-orbital"] .sidebar-brand span,html[data-theme="bruma-orbital"] .sidebar-user small { color:#9eb5da; }
html[data-theme="bruma-orbital"] .sidebar-caption { color:#7898cb; }
html[data-theme="bruma-orbital"] .sidebar-nav button { color:#b3c7e7; }
html[data-theme="bruma-orbital"] .sidebar-nav button span { color:#8eadda; }
html[data-theme="bruma-orbital"] .sidebar-nav button:hover { color:#fff; background:rgba(147,194,255,.1); }
html[data-theme="bruma-orbital"] .sidebar-nav button[aria-current="page"] { color:#fff; border-color:rgba(126,202,255,.26); background:linear-gradient(90deg,rgba(72,154,255,.28),rgba(60,197,225,.1)); box-shadow:inset 3px 0 0 #6ad5ff; }
html[data-theme="bruma-orbital"] .sidebar-nav button[aria-current="page"] span { color:#75d8ff; }
html[data-theme="bruma-orbital"] .sidebar-footer { border-color:rgba(177,204,244,.17); }
html[data-theme="bruma-orbital"] .sidebar-exit { color:#a8bfe1; }
html[data-theme="bruma-orbital"] .brand-mark,html[data-theme="bruma-orbital"] .login-card::before { color:#fff; background:linear-gradient(135deg,#356cff,#39b8dd); box-shadow:0 9px 24px rgba(42,104,202,.25); }
html[data-theme="bruma-orbital"] .panel,html[data-theme="bruma-orbital"] .login-card { background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(243,248,255,.9)); border-color:rgba(96,120,173,.3); box-shadow:var(--shadow),inset 0 1px 0 #fff; backdrop-filter:blur(16px); }
html[data-theme="bruma-orbital"] .stats article { background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,245,253,.92)); border-color:rgba(99,125,177,.25); box-shadow:0 10px 28px rgba(61,84,125,.1); }
html[data-theme="bruma-orbital"] .stats strong { color:#182d4e; }
html[data-theme="bruma-orbital"] .stats small { color:#71829b; }
html[data-theme="bruma-orbital"] .stats .credit-balance { border-color:rgba(22,150,110,.28); background:linear-gradient(145deg,#f8fffc,#eaf8f4); }
html[data-theme="bruma-orbital"] .stats .credit-balance strong { color:#137b5c; }
html[data-theme="bruma-orbital"] .date-chip,html[data-theme="bruma-orbital"] .quick-actions button,html[data-theme="bruma-orbital"] .portfolio-metrics > div,html[data-theme="bruma-orbital"] .form-section { color:var(--text); background:rgba(255,255,255,.72); border-color:rgba(96,120,173,.24); }
html[data-theme="bruma-orbital"] .quick-actions button:hover { border-color:rgba(53,108,255,.42); box-shadow:0 10px 24px rgba(50,87,155,.12); }
html[data-theme="bruma-orbital"] label { color:#3e526e; }
html[data-theme="bruma-orbital"] input,html[data-theme="bruma-orbital"] select,html[data-theme="bruma-orbital"] textarea { color:#172b49; background:rgba(255,255,255,.92); border-color:#b8c7da; }
html[data-theme="bruma-orbital"] input:focus,html[data-theme="bruma-orbital"] select:focus,html[data-theme="bruma-orbital"] textarea:focus { border-color:#4778e3; box-shadow:0 0 0 3px rgba(53,108,255,.12); }
html[data-theme="bruma-orbital"] button { color:#fff; background:linear-gradient(135deg,#356cff,#32a7d5); box-shadow:0 7px 18px rgba(48,103,201,.14); }
html[data-theme="bruma-orbital"] button.secondary { color:#315173; background:rgba(255,255,255,.6); border-color:#aebfd4; box-shadow:none; }
html[data-theme="bruma-orbital"] .theme-switch { color:#294b72; border-color:#afc1d8; background:rgba(255,255,255,.68); }
html[data-theme="bruma-orbital"] .theme-switch > span { color:#356fbd; }
html[data-theme="bruma-orbital"] .theme-switch select { border:0; background:transparent; }
html[data-theme="bruma-orbital"] .form-section-heading h3,html[data-theme="bruma-orbital"] td { color:#203858; }
html[data-theme="bruma-orbital"] th { color:#617591; }
html[data-theme="bruma-orbital"] th,html[data-theme="bruma-orbital"] td { border-color:rgba(96,120,173,.17); }
html[data-theme="bruma-orbital"] .copy-text { color:#416484; }
html[data-theme="bruma-orbital"] .chart-axis { stroke:rgba(73,98,145,.22); }
html[data-theme="bruma-orbital"] .chart-bar { fill:#4b7de2; }
html[data-theme="bruma-orbital"] .chart-label { fill:#63758d; }
html[data-theme="bruma-orbital"] .chart-value { fill:#294766; }
html[data-theme="bruma-orbital"] .tag { color:#315d9b; background:rgba(53,108,255,.09); border-color:rgba(53,108,255,.2); }
html[data-theme="bruma-orbital"] .modal-dialog { color:var(--text); border-color:#adbed6; background:#f8fbff; box-shadow:0 28px 80px rgba(36,57,92,.3); }
html[data-theme="bruma-orbital"] .configuration-banner,html[data-theme="bruma-orbital"] .notice { color:#24517c; border-color:rgba(53,108,255,.27); background:rgba(228,240,255,.88); }
html[data-theme="bruma-orbital"] .notice.error { color:#9d2638; border-color:rgba(206,65,84,.28); background:#fff0f2; }
html[data-theme="bruma-orbital"] .notice.success { color:#126a50; border-color:rgba(22,150,110,.27); background:#eaf9f3; }

@media (prefers-reduced-motion:reduce) { .ambient-orbit,.ambient-particle { animation:none; } }
@media (max-width:1180px) { .stats { grid-template-columns:repeat(3,minmax(0,1fr)); } .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); } .operators-grid { grid-template-columns:1fr; } .dashboard-data-grid { grid-template-columns:1fr; } }
@media (max-width:860px) {
  .erp-sidebar { transform:translateX(-105%); transition:transform .22s ease; }
  body.sidebar-open .erp-sidebar { transform:none; }
  .sidebar-backdrop { position:fixed; inset:0; z-index:25; display:block; pointer-events:none; opacity:0; border:0; border-radius:0; background:rgba(2,8,16,.68); transition:opacity .22s ease; }
  body.sidebar-open .sidebar-backdrop { pointer-events:auto; opacity:1; }
  .workspace { margin-left:0; }
  .menu-toggle { display:grid; }
}
@media (max-width:620px) {
  .workspace { padding:.8rem .65rem 2rem; }
  .topbar { align-items:flex-start; }
  .topbar-actions #user-label,.topbar-actions #logout-button { display:none; }
  .theme-switch select { min-width:112px; }
  .dashboard-welcome { align-items:flex-start; flex-direction:column; padding:1.25rem; }
  .dashboard-heading { align-items:flex-start; flex-direction:column; }
  .dashboard-tables { grid-template-columns:1fr; }
  .stats,.quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .form-grid { grid-template-columns:1fr; }
  .wide { grid-column:auto; }
  .form-section-heading { flex-direction:column; }
  .panel { padding:1rem; border-radius:13px; }
}
@media (max-width:400px) { .stats,.quick-actions { grid-template-columns:1fr; } }