:root {
  --bg: #03070a;
  --bg-soft: #071018;
  --panel: rgba(7, 17, 24, .82);
  --panel-solid: #09141c;
  --line: rgba(143, 227, 255, .13);
  --line-strong: rgba(143, 227, 255, .28);
  --cyan: #31d7ff;
  --cyan-soft: #8fe3ff;
  --amber: #f3b54a;
  --green: #70e7a0;
  --red: #ff6f83;
  --violet: #b996ff;
  --text: #edf8fb;
  --muted: #8da5b1;
  --shadow: 0 28px 80px rgba(0, 0, 0, .38);
  --radius: 22px;
  color-scheme: dark;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

* { 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 72% 12%, rgba(49, 215, 255, .07), transparent 30%), var(--bg); }
body::before { position: fixed; z-index: -1; inset: 0; background-image: linear-gradient(rgba(49,215,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(49,215,255,.025) 1px, transparent 1px); background-size: 44px 44px; content: ""; mask-image: linear-gradient(to bottom, black, transparent 78%); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }

.eyebrow { display: inline-block; color: var(--cyan-soft); font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 18px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(10, 23, 31, .82); color: white; cursor: pointer; font-size: 12px; font-weight: 800; letter-spacing: .03em; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.btn:hover { transform: translateY(-1px); border-color: var(--cyan); }
.btn.primary { border-color: rgba(49,215,255,.54); background: linear-gradient(135deg, #0ba9cb, #1274a3); box-shadow: 0 12px 35px rgba(49, 215, 255, .14); }
.btn.danger { border-color: rgba(255,111,131,.5); background: rgba(114, 26, 40, .74); }
.alert { margin: 0 0 18px; padding: 14px 17px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); font-size: 13px; }
.alert.danger { border-color: rgba(255,111,131,.42); color: #ffc0ca; }
.alert.success { border-color: rgba(112,231,160,.42); color: #baf5ce; }

/* Access */
.auth-page { display: grid; min-height: 100vh; place-items: center; padding: 32px; background: linear-gradient(90deg, rgba(2,7,11,.98), rgba(2,7,11,.73)), url("../images/ai-robotica-industrial.jpg") center / cover fixed; }
.auth-page::after { position: fixed; inset: 0; background: radial-gradient(circle at 70% 40%, rgba(49,215,255,.12), transparent 27%); content: ""; pointer-events: none; }
.auth-shell { position: relative; z-index: 1; display: grid; width: min(1160px, 100%); min-height: 680px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); overflow: hidden; border: 1px solid var(--line-strong); border-radius: 32px; background: rgba(3, 9, 13, .86); box-shadow: 0 50px 150px rgba(0,0,0,.66); backdrop-filter: blur(22px); }
.auth-panel { display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 6vw, 72px); }
.auth-logo { width: 240px; margin-bottom: 38px; }
.auth-panel h1 { margin: 18px 0 16px; font-family: "Arial Narrow", "Segoe UI", sans-serif; font-size: clamp(42px, 5vw, 66px); line-height: .98; letter-spacing: -.045em; }
.auth-panel > p { max-width: 560px; margin: 0 0 26px; color: #acc0ca; line-height: 1.7; }
.auth-panel > small { margin-top: 20px; color: #647d88; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
.auth-actions { display:flex; flex-wrap:wrap; gap:18px; margin-top:18px; }
.auth-actions a { color:var(--cyan-soft); font-size:11px; font-weight:800; }
.auth-vision { display: flex; flex-direction: column; justify-content: flex-end; padding: 64px; border-left: 1px solid var(--line); background: linear-gradient(180deg, transparent 20%, rgba(3,9,13,.93)), url("../images/ai-industria40-digital-twin.jpg") center / cover; }
.auth-vision blockquote { max-width: 610px; margin: 20px 0; font-family: "Arial Narrow", "Segoe UI", sans-serif; font-size: clamp(30px, 3.3vw, 48px); font-weight: 700; line-height: 1.06; letter-spacing: -.03em; }
.auth-vision > p { color: #b4c9d2; line-height: 1.7; }
.vision-signature { display: grid; grid-template-columns: auto 1fr; gap: 3px 10px; margin-top: 26px; }
.vision-signature strong { color: white; font-size: 12px; }.vision-signature span { color: var(--cyan-soft); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.stack-form { display: grid; gap: 15px; }
.stack-form label, .form-grid label { display: grid; gap: 8px; color: #b9cbd3; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 12px; outline: none; background: rgba(4, 11, 16, .88); color: white; }
input, select { min-height: 48px; padding: 0 14px; }
textarea { min-height: 105px; padding: 14px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(49,215,255,.08); }

/* Application shell */
.app-page { min-height: 100vh; }
.sidebar { position: fixed; z-index: 20; top: 0; bottom: 0; left: 0; display: flex; width: 264px; flex-direction: column; border-right: 1px solid var(--line); background: rgba(3, 9, 13, .94); backdrop-filter: blur(22px); }
.portal-brand { display: flex; align-items: center; gap: 14px; min-height: 92px; padding: 20px 25px; border-bottom: 1px solid var(--line); }
.portal-brand img { width: 125px; }.portal-brand > span { color: var(--cyan-soft); font-size: 11px; font-weight: 900; letter-spacing: .14em; }.portal-brand small { display: block; margin-top: 4px; color: #617983; font-size: 8px; letter-spacing: .07em; }
.side-nav { display: grid; gap: 6px; padding: 24px 15px; overflow-y: auto; }
.side-nav a { position:relative; display: grid; min-height: 50px; grid-template-columns: 32px 1fr; align-items: center; padding: 0 12px; border: 1px solid transparent; border-radius: 12px; color: #91a8b2; font-size: 12px; font-weight: 700; }
.nav-count { position:absolute; right:10px; display:grid; min-width:22px; height:22px; place-items:center; padding:0 6px; border:1px solid rgba(255,111,131,.38); border-radius:999px; background:rgba(255,111,131,.13); color:#ffafbb; font-size:8px; }
.side-nav a i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: rgba(49,215,255,.06); color: var(--cyan-soft); font-size: 12px; font-style: normal; }
.side-nav a:hover, .side-nav a.active { border-color: var(--line); background: linear-gradient(90deg, rgba(49,215,255,.11), rgba(49,215,255,.025)); color: white; }
.side-nav a.active { box-shadow: inset 2px 0 var(--cyan); }
.sidebar-values { margin: auto 20px 20px; padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: rgba(49,215,255,.035); }.sidebar-values span { color: var(--amber); font-size: 8px; font-weight: 900; letter-spacing: .15em; }.sidebar-values p { margin: 8px 0 0; color: #718993; font-size: 10px; line-height: 1.55; }
.logout-link { padding: 17px 25px; border-top: 1px solid var(--line); color: #7e959f; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-home-link { margin:0 15px 12px; padding:12px; border:1px solid rgba(49,215,255,.18); border-radius:10px; color:var(--cyan-soft); font-size:9px; font-weight:900; letter-spacing:.08em; text-align:center; text-transform:uppercase; }
.site-home-link:hover { border-color:var(--cyan); background:rgba(49,215,255,.06); }
.app-main { min-height: 100vh; margin-left: 264px; padding: 0 clamp(22px, 4vw, 58px) 90px; }
.topbar { display: flex; min-height: 118px; align-items: center; justify-content: space-between; gap: 30px; border-bottom: 1px solid var(--line); }
.topbar h1 { margin: 8px 0 0; font-family: "Arial Narrow", "Segoe UI", sans-serif; font-size: clamp(32px, 4vw, 52px); line-height: 1; letter-spacing: -.04em; }
.user-chip { display: flex; align-items: center; gap: 12px; }.user-chip > span { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: radial-gradient(circle, rgba(49,215,255,.18), rgba(49,215,255,.02)); color: var(--cyan-soft); font-weight: 900; }.user-chip div { display: grid; gap: 3px; }.user-chip strong { font-size: 12px; }.user-chip small { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .07em; }

.hero-panel { position: relative; display: grid; min-height: 300px; grid-template-columns: minmax(0, 1fr) 300px; align-items: center; margin: 30px 0 22px; overflow: hidden; padding: clamp(30px, 5vw, 58px); border: 1px solid var(--line-strong); border-radius: 28px; background: linear-gradient(90deg, rgba(4,12,17,.97), rgba(4,12,17,.64)), url("../images/ai-industria40-digital-twin.jpg") center / cover; box-shadow: var(--shadow); }
.hero-panel::before { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(125deg, rgba(49,215,255,.09), transparent 42%); content: ""; pointer-events: none; }
.hero-panel > div { position: relative; z-index: 1; }.hero-panel h2, .section-intro h2, .project-hero h2 { max-width: 820px; margin: 14px 0 18px; font-family: "Arial Narrow", "Segoe UI", sans-serif; font-size: clamp(36px, 5vw, 64px); line-height: .98; letter-spacing: -.04em; }.hero-panel p, .section-intro p { max-width: 760px; color: #a8bec8; font-size: 15px; line-height: 1.75; }
.radar-orb { position: relative; width: 210px; aspect-ratio: 1; justify-self: center; border: 1px solid rgba(49,215,255,.23); border-radius: 50%; background: radial-gradient(circle, rgba(49,215,255,.22), rgba(49,215,255,.035) 32%, transparent 33%), repeating-radial-gradient(circle, transparent 0 24px, rgba(49,215,255,.1) 25px 26px); box-shadow: 0 0 80px rgba(49,215,255,.13); animation: orb-pulse 4s ease-in-out infinite; }.radar-orb::after { position: absolute; inset: 10%; border: 1px solid rgba(49,215,255,.23); border-radius: 50%; border-top-color: var(--cyan); content: ""; animation: spin 5s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } } @keyframes orb-pulse { 50% { transform: scale(1.03); box-shadow: 0 0 110px rgba(49,215,255,.2); } }

.kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin: 22px 0; }
.kpi { position: relative; min-height: 148px; overflow: hidden; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(49,215,255,.055), transparent 42%), var(--panel); }.kpi::after { position: absolute; right: -24px; bottom: -35px; width: 100px; height: 100px; border: 1px solid rgba(49,215,255,.08); border-radius: 50%; content: ""; }.kpi > span { color: #8aa1ab; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.kpi strong { display: block; margin: 22px 0 4px; color: white; font-family: "Arial Narrow", "Segoe UI", sans-serif; font-size: clamp(28px, 3vw, 42px); letter-spacing: -.04em; }.kpi small { color: #718992; font-size: 10px; }
.content-grid { display: grid; gap: 18px; margin-top: 18px; }.content-grid.two-one { grid-template-columns: minmax(0, 1.5fr) minmax(300px, .75fr); }
.panel { min-width: 0; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: 0 18px 55px rgba(0,0,0,.18); backdrop-filter: blur(16px); }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }.panel-head h2 { margin: 7px 0 0; font-size: 23px; letter-spacing: -.025em; }.panel-head > a { color: var(--cyan-soft); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.project-list { display: grid; gap: 8px; }.project-row { display: grid; grid-template-columns: 82px minmax(0,1fr) minmax(80px,150px) 42px; align-items: center; gap: 14px; padding: 16px 12px; border-bottom: 1px solid var(--line); }.project-row:hover { background: rgba(49,215,255,.035); }.project-row div { min-width: 0; }.project-row strong { display: block; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.project-row small { display: block; margin-top: 5px; color: var(--muted); font-size: 9px; }.project-code { color: var(--cyan-soft); font-size: 10px; font-weight: 900; letter-spacing: .08em; }.project-row > b { color: white; font-size: 11px; }
.mini-progress, .progress-track { overflow: hidden; height: 6px; border-radius: 999px; background: rgba(142,180,195,.12); }.mini-progress i, .progress-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0ea7c9, var(--cyan)); box-shadow: 0 0 12px rgba(49,215,255,.45); }
.pulse-panel blockquote { margin: 26px 0 14px; color: white; font-family: "Arial Narrow", "Segoe UI", sans-serif; font-size: 26px; font-weight: 700; line-height: 1.25; letter-spacing: -.025em; }.pulse-panel > small { color: var(--amber); font-size: 9px; font-weight: 900; letter-spacing: .12em; }.pulse-panel h3 { margin: 24px 0 6px; font-size: 22px; }.pulse-panel > p { color: var(--muted); font-size: 12px; }
.live-dot { display: inline-flex; align-items: center; gap: 8px; color: #9eeeba; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.live-dot::before { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px var(--green); content: ""; animation: blink 1.4s ease-in-out infinite; } @keyframes blink { 50% { opacity: .4; } }
.timer-display { margin: 20px 0; color: var(--cyan-soft); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: clamp(34px, 4vw, 54px); font-weight: 800; letter-spacing: -.05em; }.timer-display.small { margin: 0; font-size: 20px; }
.empty-state { display: grid; min-height: 160px; place-content: center; justify-items: start; color: var(--muted); font-size: 12px; }.empty-state strong { color: white; font-size: 16px; }.empty-state p { max-width: 420px; line-height: 1.6; }.empty-state .btn { margin-top: 12px; }

.section-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding: 46px 0 26px; }.section-intro h2 { margin-bottom: 10px; font-size: clamp(38px, 4.5vw, 58px); }.section-intro p { margin: 0; }.section-intro .btn { flex: none; }
.project-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }.project-card { display: flex; min-height: 315px; flex-direction: column; padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(150deg, rgba(49,215,255,.075), transparent 40%), var(--panel); transition: transform .25s ease, border-color .25s ease; }.project-card:hover { transform: translateY(-4px); border-color: var(--line-strong); }.project-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.project-card-top > span { color: var(--cyan-soft); font-size: 10px; font-weight: 900; letter-spacing: .12em; }.project-card h3 { margin: 42px 0 9px; font-size: 23px; line-height: 1.1; }.project-card > p { margin: 0; color: var(--muted); font-size: 11px; }.project-card .progress-block { margin-top: auto; }.progress-block > div:first-child { display: flex; justify-content: space-between; margin-bottom: 9px; color: #8fa6b0; font-size: 9px; text-transform: uppercase; }.project-card footer { display: flex; justify-content: space-between; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); color: #718993; font-size: 9px; }
.status { display: inline-flex; min-height: 24px; align-items: center; padding: 0 9px; border: 1px solid var(--line); border-radius: 999px; background: rgba(119,139,148,.08); color: #a8bac2; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }.status.success { border-color: rgba(112,231,160,.3); background: rgba(112,231,160,.08); color: #9aefb8; }.status.active { border-color: rgba(49,215,255,.32); background: rgba(49,215,255,.08); color: var(--cyan-soft); }.status.danger { border-color: rgba(255,111,131,.3); background: rgba(255,111,131,.08); color: #ff9cac; }

.project-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 46px 0 28px; }.project-hero h2 { margin: 12px 0; font-size: clamp(38px, 5vw, 62px); }.project-hero p { color: var(--muted); }.back-link { display: block; margin-bottom: 22px; color: #718993; font-size: 10px; font-weight: 800; text-transform: uppercase; }.project-score { display: grid; min-width: 170px; justify-items: end; }.project-score strong { color: var(--cyan-soft); font-family: "Arial Narrow", "Segoe UI", sans-serif; font-size: 68px; line-height: 1; }.project-score span { color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }.client-summary { margin-bottom: 18px; padding: 20px 24px; border: 1px solid rgba(243,181,74,.25); border-radius: 16px; background: rgba(243,181,74,.05); }.client-summary p { margin: 8px 0 0; color: #d5c49f; line-height: 1.65; }
.project-actions, .header-actions, .task-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.project-actions { margin: 0 0 20px; }
.members-panel { margin-top: 18px; }
.member-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.member-grid article { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); }
.member-grid article > span { display: grid; width: 36px; height: 36px; flex: none; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; background: rgba(49,215,255,.07); color: var(--cyan-soft); font-weight: 900; }
.member-grid article div { min-width: 0; }.member-grid strong, .member-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.member-grid strong { font-size: 11px; }.member-grid small { margin-top: 4px; color: var(--muted); font-size: 8px; }
.phase-list { display: grid; }.phase-item { display: grid; grid-template-columns: 14px minmax(0,1fr); gap: 18px; padding: 20px 0; border-bottom: 1px solid var(--line); }.phase-marker { width: 9px; height: 9px; margin-top: 7px; border: 2px solid var(--area-color); border-radius: 50%; box-shadow: 0 0 16px var(--area-color); }.phase-main header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }.phase-main header small { color: var(--cyan-soft); font-size: 8px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }.phase-main h3 { margin: 5px 0 14px; font-size: 16px; }.phase-main footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 10px; color: #708790; font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.task-stack { display: grid; gap: 5px; margin-top: 16px; }.task-stack a { display: grid; grid-template-columns: minmax(0,1fr) auto 38px; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.018); font-size: 10px; }.task-stack a:hover { background: rgba(49,215,255,.045); }.task-stack small { color: var(--muted); font-size: 8px; }.task-stack b { color: var(--cyan-soft); }
.timeline { display: grid; gap: 18px; }.timeline article { display: grid; grid-template-columns: 12px minmax(0,1fr); gap: 13px; }.timeline article > span { width: 8px; height: 8px; margin-top: 5px; border: 1px solid var(--cyan); border-radius: 50%; box-shadow: 0 0 12px rgba(49,215,255,.4); }.timeline article div { padding-bottom: 16px; border-bottom: 1px solid var(--line); }.timeline small { color: #718992; font-size: 8px; }.timeline strong { display: block; margin: 5px 0; font-size: 12px; }.timeline p { margin: 0; color: #9fb2bb; font-size: 10px; line-height: 1.55; }.timeline.compact { max-height: 520px; overflow: auto; }

.task-board { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }.task-card { display: flex; min-height: 330px; flex-direction: column; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); }.task-card.running { border-color: rgba(112,231,160,.28); box-shadow: inset 0 0 45px rgba(112,231,160,.025); }.task-card header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.task-card header > span { color: var(--cyan-soft); font-size: 8px; font-weight: 900; letter-spacing: .08em; }.task-card h3 { margin: 28px 0 10px; font-size: 21px; }.task-card > p { margin: 0 0 22px; color: var(--muted); font-size: 11px; line-height: 1.6; }.task-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: auto; }.task-metrics span { padding: 10px; border: 1px solid var(--line); border-radius: 10px; color: white; font-size: 10px; }.task-metrics small { display: block; margin-bottom: 5px; color: #677f89; font-size: 7px; text-transform: uppercase; }.task-card .progress-track { margin-top: 15px; }.task-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }.task-card footer > a { color: var(--cyan-soft); font-size: 9px; font-weight: 800; }

.data-table-wrap { width: 100%; overflow-x: auto; }.data-table { width: 100%; border-collapse: collapse; }.data-table th { padding: 12px 14px; border-bottom: 1px solid var(--line-strong); color: #77909a; font-size: 8px; letter-spacing: .09em; text-align: left; text-transform: uppercase; white-space: nowrap; }.data-table td { padding: 16px 14px; border-bottom: 1px solid var(--line); color: #aabdc5; font-size: 11px; }.data-table td strong { display: block; color: white; }.data-table td small { display: block; margin-top: 4px; color: #718992; }
.inline-control { display: grid; min-width: 390px; grid-template-columns: minmax(120px,1fr) minmax(95px,.7fr) auto auto; gap: 7px; }.inline-control select { min-height: 38px; padding-inline: 9px; font-size: 9px; }.inline-control .btn { min-height: 38px; padding-inline: 12px; }
.quality-control { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }.quality-control select { width: auto; min-width: 118px; min-height: 36px; padding: 0 9px; font-size: 9px; }.quality-control .btn { min-height: 36px; padding: 0 12px; font-size: 9px; }
.quality-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-bottom: 18px; }.issue-list { display: grid; }.issue-list article { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--line); }.issue-list div small { color: #6f8790; font-size: 8px; }.issue-list div strong { display: block; margin: 5px 0; font-size: 12px; }.issue-list div p { margin: 0; color: var(--muted); font-size: 10px; }.priority { align-self: start; padding: 5px; border-radius: 6px; background: rgba(255,255,255,.04); color: #9eb0b8; font-size: 7px; text-align: center; text-transform: uppercase; }.priority.critical { background: rgba(255,111,131,.13); color: #ff9cac; }.priority.high { background: rgba(243,181,74,.12); color: #f8ca72; }.lesson-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.lesson-grid article { padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.018); }.lesson-grid span { color: var(--cyan-soft); font-size: 8px; font-weight: 900; }.lesson-grid h3 { margin: 14px 0; font-size: 15px; }.lesson-grid p { color: #98adb6; font-size: 10px; line-height: 1.55; }.lesson-grid small { color: #637b85; font-size: 8px; }

.modal { width: min(760px, calc(100% - 30px)); max-height: calc(100vh - 30px); padding: 0; overflow: auto; border: 1px solid var(--line-strong); border-radius: 24px; background: #071118; color: white; box-shadow: 0 40px 120px rgba(0,0,0,.72); }.modal::backdrop { background: rgba(0,0,0,.7); backdrop-filter: blur(8px); }.modal-card { position: relative; padding: 34px; }.modal-card h2 { margin: 10px 0 28px; font-size: 30px; }.modal-close { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }.form-grid .full { grid-column: 1/-1; }.modal-card > .btn { margin-top: 20px; }
.check-field { grid-template-columns: auto minmax(0,1fr) !important; align-items: center; text-transform: none !important; letter-spacing: 0 !important; }.check-field input { width: 19px; min-height: 19px; margin: 0; accent-color: var(--cyan); }
.finance-cinematic, .training-cinematic, .improvements-cinematic, .modules-cinematic { position: relative; min-height: 330px; align-items: flex-end; margin: 28px 0 22px; overflow: hidden; padding: clamp(28px,5vw,58px); border: 1px solid var(--line-strong); border-radius: 28px; box-shadow: var(--shadow); }
.finance-cinematic { background: linear-gradient(90deg,rgba(3,10,15,.97),rgba(3,10,15,.68)),url("../images/ai-industria40-digital-twin.jpg") center/cover; }
.training-cinematic { background: linear-gradient(90deg,rgba(3,10,15,.97),rgba(3,10,15,.62)),url("../images/ai-robotica-industrial.jpg") center/cover; }
.improvements-cinematic { background: linear-gradient(90deg,rgba(3,10,15,.97),rgba(3,10,15,.66)),url("../images/ai-industria40-digital-twin.jpg") center/cover; }
.modules-cinematic { background: linear-gradient(90deg,rgba(3,10,15,.97),rgba(3,10,15,.64)),url("../images/ai-robotica-industrial.jpg") center/cover; }
.finance-cinematic::before, .training-cinematic::before, .improvements-cinematic::before, .modules-cinematic::before { position: absolute; inset: 0; background: linear-gradient(125deg,rgba(49,215,255,.11),transparent 42%); content:""; pointer-events:none; }
.finance-cinematic > *, .training-cinematic > *, .improvements-cinematic > *, .modules-cinematic > * { position: relative; z-index: 1; }
.finance-cinematic .header-actions { max-width: 560px; justify-content: flex-end; }
.training-score { min-width: 180px; text-align: right; }.training-score strong { display:block; color:var(--cyan-soft); font-family:"Arial Narrow","Segoe UI",sans-serif; font-size:68px; line-height:1; }.training-score span { display:block; margin-top:8px; color:#a9bec7; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:22px 0; }.module-grid > article { position:relative; min-height:235px; overflow:hidden; padding:25px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(145deg,rgba(49,215,255,.055),transparent 42%),var(--panel); }.module-grid > article::after { position:absolute; right:-35px; bottom:-35px; width:120px; height:120px; border:1px solid rgba(49,215,255,.08); border-radius:50%; content:""; }.module-grid article > span, .module-card header > span { color:var(--cyan-soft); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; font-weight:900; letter-spacing:.1em; }.module-grid h3 { margin:34px 0 12px; font-size:21px; }.module-grid p { color:#98adb6; font-size:11px; line-height:1.65; }.module-card header { display:flex; align-items:center; justify-content:space-between; gap:12px; }.module-card footer { position:absolute; right:25px; bottom:20px; left:25px; padding-top:13px; border-top:1px solid var(--line); color:#6e8791; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.module-card.planned { opacity:.76; }
.quiz-panel { margin:22px 0; }.quiz-form { display:grid; gap:15px; }.quiz-form fieldset { margin:0; padding:20px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.018); }.quiz-form legend { display:flex; align-items:center; gap:11px; padding:0 8px; color:white; font-size:13px; font-weight:800; }.quiz-form legend span { display:grid; width:28px; height:28px; place-items:center; border:1px solid var(--line-strong); border-radius:50%; color:var(--cyan-soft); font-size:10px; }.quiz-form fieldset label { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:10px; margin:10px 0 0; color:#9fb3bb; font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }.quiz-form input[type="radio"] { width:18px; min-height:18px; margin:0; accent-color:var(--cyan); }.quiz-form > .btn { justify-self:start; margin-top:8px; }
.certificate-panel { margin:22px 0; padding:34px; border:1px solid rgba(112,231,160,.28); border-radius:22px; background:linear-gradient(135deg,rgba(112,231,160,.075),rgba(49,215,255,.035)),var(--panel); }.certificate-panel.owner { border-color:rgba(243,181,74,.3); }.certificate-panel h2 { margin:10px 0; font-size:34px; }.certificate-panel p { color:#9fb3bb; }.certificate-panel .btn { margin-top:12px; }
.suggestion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }.suggestion-card { padding:25px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }.suggestion-card > header,.suggestion-card > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }.suggestion-card > small { display:block; margin:18px 0 8px; color:#6f8791; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.suggestion-card h3 { margin:0 0 22px; font-size:22px; }.suggestion-card dl { margin:0; }.suggestion-card dt { margin-top:14px; color:var(--cyan-soft); font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.suggestion-card dd { margin:6px 0 0; color:#9db2bb; font-size:11px; line-height:1.65; }.suggestion-card > footer { margin-top:22px; padding-top:16px; border-top:1px solid var(--line); color:#6f8791; font-size:9px; }.owner-note { margin-top:16px; padding:14px; border:1px solid rgba(243,181,74,.2); border-radius:12px; background:rgba(243,181,74,.05); }.owner-note strong { color:#f5cb7b; font-size:9px; text-transform:uppercase; }.owner-note p { margin:7px 0 0; color:#c4b391; font-size:10px; line-height:1.55; }.ai-brief { margin-top:14px; padding:14px; border:1px solid rgba(49,215,255,.2); border-radius:12px; }.ai-brief summary { cursor:pointer; color:var(--cyan-soft); font-size:9px; font-weight:900; text-transform:uppercase; }.ai-brief textarea { min-height:230px; margin:12px 0; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9px; line-height:1.5; }
.integration-map { margin:22px 0; }.integration-flow { display:flex; align-items:center; justify-content:space-between; gap:10px; overflow-x:auto; padding:18px 0; }.integration-flow span { min-width:145px; padding:16px; border:1px solid var(--line-strong); border-radius:13px; background:rgba(49,215,255,.04); color:white; font-size:10px; font-weight:800; text-align:center; }.integration-flow i { color:var(--cyan); font-style:normal; }.integration-map > p { color:#8ea6b0; font-size:11px; line-height:1.65; }
/* Guidance center and cross-device rollout */
.context-guide { margin:18px 0 0; overflow:hidden; border:1px solid rgba(49,215,255,.2); border-radius:16px; background:linear-gradient(100deg,rgba(49,215,255,.065),rgba(7,17,24,.72)); }
.context-guide summary { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 18px; cursor:pointer; list-style:none; }.context-guide summary::-webkit-details-marker { display:none; }.context-guide summary > span { display:grid; gap:3px; }.context-guide summary b { font-size:12px; }.context-guide summary small { color:var(--muted); font-size:9px; }.context-guide summary em { color:#78a0ae; font-size:9px; font-style:normal; letter-spacing:.04em; text-align:right; }.context-guide summary::after { color:var(--cyan); content:"+"; font-size:19px; }.context-guide[open] summary::after { content:"−"; }.context-guide > div { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:0 18px 18px; border-top:1px solid var(--line); }.context-guide ol { display:flex; flex-wrap:wrap; gap:10px 30px; margin:15px 0 0; padding-left:20px; color:#a6bbc4; font-size:10px; line-height:1.6; }.context-guide a { flex:none; color:var(--cyan-soft); font-size:9px; font-weight:900; text-transform:uppercase; }
.rollout-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:24px; margin:22px 0; padding:22px 26px; border:1px solid rgba(49,215,255,.24); border-radius:20px; background:linear-gradient(120deg,rgba(49,215,255,.075),rgba(7,17,24,.88)); }.rollout-progress { --value:calc(var(--rollout) * 1%); display:grid; width:92px; aspect-ratio:1; place-content:center; justify-items:center; border-radius:50%; background:radial-gradient(circle closest-side,#071118 76%,transparent 77%),conic-gradient(var(--cyan) var(--value),rgba(49,215,255,.1) 0); }.rollout-progress strong { color:var(--cyan-soft); font-size:21px; }.rollout-progress span { color:var(--muted); font-size:7px; text-transform:uppercase; }.rollout-card h2 { margin:7px 0; font-size:21px; }.rollout-card p { margin:0 0 7px; color:#9eb3bc; font-size:11px; }.rollout-card small { color:#66818c; font-size:8px; }.rollout-actions { display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-end; }
.help-hero { position:relative; display:grid; min-height:320px; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:30px; margin:28px 0 22px; overflow:hidden; padding:clamp(30px,5vw,58px); border:1px solid var(--line-strong); border-radius:28px; background:linear-gradient(90deg,rgba(3,10,15,.98),rgba(3,10,15,.62)),url("../images/ai-industria40-digital-twin.jpg") center/cover; box-shadow:var(--shadow); }.help-hero::before { position:absolute; inset:0; background:linear-gradient(130deg,rgba(49,215,255,.13),transparent 46%); content:""; }.help-hero > * { position:relative; z-index:1; }.help-hero h2 { max-width:880px; margin:14px 0 16px; font-family:"Arial Narrow","Segoe UI",sans-serif; font-size:clamp(40px,5vw,66px); line-height:.98; letter-spacing:-.045em; }.help-hero p { max-width:760px; margin:0; color:#abc0c9; font-size:14px; line-height:1.7; }.help-progress { display:grid; min-width:150px; justify-items:end; }.help-progress strong { color:var(--cyan-soft); font-size:62px; line-height:1; }.help-progress span { margin-top:7px; color:#91a9b3; font-size:9px; text-transform:uppercase; }
.sync-badge { display:inline-flex; min-height:34px; align-items:center; padding:0 13px; border:1px solid rgba(112,231,160,.28); border-radius:999px; background:rgba(112,231,160,.08); color:#9aefb8; font-size:9px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }.sync-explainer { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; margin:20px 0; padding:22px; border:1px solid rgba(112,231,160,.22); border-radius:18px; background:linear-gradient(120deg,rgba(112,231,160,.07),rgba(7,17,24,.7)); }.sync-icon { display:grid; width:48px; height:48px; place-items:center; border:1px solid rgba(112,231,160,.3); border-radius:50%; color:#9aefb8; font-size:24px; }.sync-explainer strong { display:block; margin-bottom:5px; font-size:14px; }.sync-explainer p { margin:0; color:#91aab4; font-size:10px; line-height:1.6; }
.quickstart-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 24px; }.quickstart-grid > article,.quickstart-grid > a { display:block; min-height:210px; padding:23px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(49,215,255,.055),transparent 45%),var(--panel); transition:transform .2s ease,border-color .2s ease; }.quickstart-grid > a:hover { transform:translateY(-3px); border-color:var(--line-strong); }.quickstart-grid span { color:var(--cyan-soft); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; font-weight:900; }.quickstart-grid h3 { margin:30px 0 10px; font-size:18px; }.quickstart-grid p { color:#92aab4; font-size:10px; line-height:1.6; }.quickstart-grid b { display:block; margin-top:20px; color:var(--cyan-soft); font-size:8px; text-transform:uppercase; }.help-notice { margin-top:22px; }.help-notice > span { color:var(--cyan-soft); font-size:9px; font-weight:900; letter-spacing:.12em; }.help-notice h2 { margin:10px 0; }.help-notice p { max-width:820px; color:#9bb0b9; line-height:1.7; }.help-notice .btn { margin-top:10px; }
.workflow-panel { margin:24px 0; }.workflow-map { display:flex; align-items:center; justify-content:space-between; gap:10px; overflow:auto; }.workflow-map > span { min-width:145px; padding:16px; border:1px solid var(--line-strong); border-radius:13px; background:rgba(49,215,255,.04); font-size:10px; font-weight:800; text-align:center; }.workflow-map small { display:block; margin-top:6px; color:var(--muted); font-size:8px; font-weight:500; }.workflow-map i { color:var(--cyan); font-style:normal; }
.checklist-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:24px; }.checklist-card { padding:23px; border:1px solid var(--line); border-radius:19px; background:var(--panel); }.checklist-card.in_progress { border-color:rgba(49,215,255,.3); box-shadow:inset 3px 0 var(--cyan); }.checklist-card.done { border-color:rgba(112,231,160,.25); background:linear-gradient(140deg,rgba(112,231,160,.05),transparent 45%),var(--panel); }.checklist-card > header,.checklist-card > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }.checklist-card > header > span { color:var(--cyan-soft); font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.checklist-card h3 { margin:22px 0 8px; font-size:20px; }.checklist-card > p { min-height:50px; margin:0 0 18px; color:#94abb5; font-size:10px; line-height:1.65; }.checklist-card form { display:grid; gap:11px; padding-top:16px; border-top:1px solid var(--line); }.checklist-card label { display:grid; gap:6px; color:#8299a3; font-size:8px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.checklist-card select { min-height:40px; font-size:10px; }.checklist-card textarea { min-height:76px; font-size:10px; }.checklist-card .btn { justify-self:start; min-height:39px; font-size:9px; }.checklist-card > footer { align-items:flex-end; margin-top:17px; padding-top:14px; border-top:1px solid var(--line); }.checklist-card footer a { color:var(--cyan-soft); font-size:8px; font-weight:900; text-transform:uppercase; }.checklist-card footer small { max-width:48%; color:#607a85; font-size:7px; text-align:right; }.step-note { padding:13px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.018); }.step-note strong { color:var(--cyan-soft); font-size:8px; text-transform:uppercase; }.step-note p { margin:7px 0 0; color:#a0b4bd; font-size:10px; line-height:1.6; }
.faq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0; }.faq-grid details { padding:18px; border:1px solid var(--line); border-radius:15px; background:rgba(7,17,24,.68); }.faq-grid summary { cursor:pointer; color:white; font-size:12px; font-weight:800; }.faq-grid p { margin:13px 0 0; color:#91a8b2; font-size:10px; line-height:1.65; }

/* Stella Nexus public registration and administrative approval */
.auth-switch { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:20px; padding:15px 0; border-top:1px solid var(--line); color:#7f99a4; font-size:10px; }.auth-switch a { color:var(--cyan-soft); font-weight:900; letter-spacing:.04em; }
.register-page { padding:24px; }.register-shell { width:min(1260px,100%); min-height:760px; grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr); }.register-panel { justify-content:flex-start; padding:clamp(30px,4vw,58px); }.register-panel .auth-logo { width:200px; margin-bottom:28px; }.register-panel h1 { margin-bottom:12px; }.registration-form { margin-top:4px; }.registration-form > .btn { justify-self:start; min-width:240px; }.registration-form .check-field { color:#9db2bb; line-height:1.55; }.registration-form .check-field a { color:var(--cyan-soft); text-decoration:underline; }.honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }.register-vision { background:linear-gradient(180deg,rgba(3,9,13,.28),rgba(3,9,13,.96)),url("../images/ai-industria40-digital-twin.jpg") center/cover; }.security-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:22px; }.security-points span { padding:11px 12px; border:1px solid var(--line); border-radius:10px; background:rgba(49,215,255,.04); color:#a7bdc6; font-size:9px; font-weight:800; }.registration-success { display:flex; max-width:680px; flex-direction:column; align-items:flex-start; }.registration-success > span { display:grid; width:64px; height:64px; place-items:center; border:1px solid rgba(112,231,160,.38); border-radius:50%; background:rgba(112,231,160,.08); color:#a5f2bf; font-size:28px; }.registration-success h1 { margin:25px 0 12px; }.registration-success p { color:#9eb3bc; line-height:1.7; }.registration-success .btn { margin-top:10px; }.approval-flow { display:grid; width:100%; gap:8px; margin:18px 0; }.approval-flow b { padding:13px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.018); color:#a8bcc4; font-size:10px; }
.admin-notice { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:20px; margin:22px 0; padding:22px 25px; border:1px solid rgba(243,181,74,.3); border-radius:18px; background:linear-gradient(110deg,rgba(243,181,74,.08),rgba(7,17,24,.82)); }.admin-notice-icon { display:grid; width:58px; height:58px; place-items:center; border:1px solid rgba(243,181,74,.38); border-radius:50%; color:#f8ca72; font-size:22px; font-weight:900; }.admin-notice h2 { margin:7px 0 5px; font-size:19px; }.admin-notice p { margin:0; color:#9cb1b9; font-size:10px; }
.registration-queue { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:30px; }.registration-queue > .empty-state { grid-column:1/-1; }.registration-request { padding:24px; border:1px solid rgba(49,215,255,.22); border-radius:19px; background:linear-gradient(145deg,rgba(49,215,255,.055),transparent 45%),var(--panel); }.registration-request > header,.registration-request > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }.registration-request > header span { color:var(--cyan-soft); font-size:8px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.registration-request > header b { color:#6f8791; font-size:8px; }.registration-request h3 { margin:22px 0 17px; font-size:23px; }.registration-request dl { display:grid; grid-template-columns:105px minmax(0,1fr); gap:7px 12px; margin:0; }.registration-request dt { color:#6d8791; font-size:8px; font-weight:900; text-transform:uppercase; }.registration-request dd { margin:0; overflow-wrap:anywhere; color:#b3c4ca; font-size:10px; }.request-message { margin-top:18px; padding:14px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.018); }.request-message strong { color:var(--cyan-soft); font-size:8px; text-transform:uppercase; }.request-message p { margin:7px 0 0; color:#9eb1ba; font-size:10px; line-height:1.6; }.registration-request > footer { justify-content:flex-start; margin-top:20px; padding-top:17px; border-top:1px solid var(--line); }.modal-guidance { margin:-14px 0 24px; color:#91a8b2; font-size:11px; line-height:1.65; }.approval-warning { margin:18px 0 0; padding:13px; border:1px solid rgba(243,181,74,.25); border-radius:11px; background:rgba(243,181,74,.06); color:#d9c291; font-size:9px; line-height:1.55; }
/* Stella Nexus CRM comercial e programa de indicações */
.sales-hero { position:relative; display:flex; min-height:300px; align-items:flex-end; justify-content:space-between; gap:30px; margin:28px 0 22px; overflow:hidden; padding:clamp(32px,5vw,58px); border:1px solid var(--line-strong); border-radius:28px; background:linear-gradient(90deg,rgba(3,10,15,.97),rgba(3,10,15,.46)),url("../images/ai-robotica-industrial.jpg") center/cover; box-shadow:var(--shadow); }.sales-hero::after { position:absolute; inset:0; background:linear-gradient(125deg,rgba(49,215,255,.15),transparent 48%); content:""; pointer-events:none; }.sales-hero > * { position:relative; z-index:1; }.sales-hero h2 { max-width:900px; margin:13px 0; font-family:"Arial Narrow","Segoe UI",sans-serif; font-size:clamp(38px,5vw,66px); line-height:.98; letter-spacing:-.045em; }.sales-hero p { max-width:790px; margin:0; color:#aec1c9; font-size:13px; line-height:1.7; }.sales-hero.detail { min-height:255px; }.sales-probability { display:grid; min-width:180px; justify-items:end; }.sales-probability strong { color:var(--cyan-soft); font-size:68px; line-height:1; }.sales-probability span { margin-top:8px; color:#8ea8b2; font-size:8px; text-transform:uppercase; }
.sales-kpis .kpi-text { max-width:100%; font-size:21px; line-height:1.05; }.sales-kpis .kpi-money { font-size:clamp(19px,2.15vw,31px); }.sales-policy { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)) auto; align-items:stretch; gap:9px; margin:0 0 22px; }.sales-policy > div { min-height:112px; padding:17px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(49,215,255,.055),transparent),var(--panel); }.sales-policy span,.score-line span,.commission-preview span { display:block; color:#6f8893; font-size:7px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.sales-policy strong { display:block; margin:16px 0 5px; color:var(--cyan-soft); font-size:23px; }.sales-policy .policy-text { font-size:15px; }.sales-policy small { color:#7e98a3; font-size:8px; }.sales-policy > .btn { min-height:112px; align-self:stretch; }
.sales-board { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-bottom:28px; }.sales-board > .empty-state { grid-column:1/-1; }.sales-card { display:block; min-height:260px; padding:23px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(145deg,rgba(49,215,255,.05),transparent 46%),var(--panel); transition:border-color .2s ease,transform .2s ease; }.sales-card:hover { transform:translateY(-3px); border-color:var(--line-strong); }.sales-card header,.sales-card footer { display:flex; align-items:center; justify-content:space-between; gap:12px; }.sales-card header > span { color:var(--cyan-soft); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:9px; font-weight:900; }.sales-card h3 { margin:38px 0 8px; font-size:22px; }.sales-card > p { min-height:18px; color:#8da4ae; font-size:10px; }.sales-meter { height:5px; margin:27px 0 17px; overflow:hidden; border-radius:999px; background:rgba(49,215,255,.08); }.sales-meter i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),#a0f2ff); box-shadow:0 0 18px rgba(49,215,255,.45); }.sales-card footer span { color:#768f99; font-size:8px; }.sales-card footer strong { max-width:50%; overflow:hidden; color:#c0d1d7; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.sales-flow { display:flex; gap:8px; margin:0 0 22px; overflow-x:auto; padding:2px 0 8px; }.sales-flow span { display:flex; min-width:145px; flex:1; align-items:center; gap:9px; padding:13px; border:1px solid var(--line); border-radius:12px; color:#667f8a; font-size:8px; font-weight:900; text-transform:uppercase; }.sales-flow i { display:grid; width:25px; height:25px; flex:none; place-items:center; border:1px solid var(--line); border-radius:50%; color:#748f9a; font-style:normal; }.sales-flow span.done { border-color:rgba(112,231,160,.25); color:#8fdba9; }.sales-flow span.done i { border-color:rgba(112,231,160,.32); color:#9aefb8; }.sales-flow span.current { border-color:rgba(49,215,255,.38); background:rgba(49,215,255,.07); color:var(--cyan-soft); }.sales-flow span.current i { border-color:var(--cyan); color:var(--cyan); box-shadow:0 0 16px rgba(49,215,255,.2); }
.sales-role-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin:0 0 22px; }.sales-role-grid > .empty-state { grid-column:1/-1; }.sales-role-card { position:relative; overflow:hidden; padding:24px; border:1px solid var(--line); border-radius:20px; background:var(--panel); }.sales-role-card::before { position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,var(--cyan),transparent); content:""; }.sales-role-card.full_cycle::before { background:linear-gradient(90deg,#f3b54a,var(--cyan),#70e7a0); }.sales-role-card > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }.sales-role-card > header > span { color:var(--cyan-soft); font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.sales-role-card h3 { margin:25px 0 5px; font-size:23px; }.sales-role-card > small { color:#78919b; font-size:9px; }.sales-role-card > p { min-height:44px; margin:18px 0; color:#95aab3; font-size:10px; line-height:1.6; }.sales-role-card > .btn { margin-right:7px; }.score-line { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:18px; }.score-line > div,.commission-preview { padding:13px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.018); }.score-line strong { display:block; margin-top:7px; color:#d0dde2; font-size:15px; }.commission-preview { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:8px; border-color:rgba(112,231,160,.2); background:rgba(112,231,160,.04); }.commission-preview strong { color:#9aefb8; font-size:17px; }.sales-add-participant { margin-bottom:22px; }.sales-add-participant .form-grid > .btn { align-self:end; justify-self:start; }.sales-history-grid { align-items:start; }.sales-timeline { display:grid; gap:0; }.sales-timeline article { position:relative; padding:4px 0 24px 26px; border-left:1px solid rgba(49,215,255,.18); }.sales-timeline article::before { position:absolute; top:5px; left:-5px; width:9px; height:9px; border:1px solid var(--cyan); border-radius:50%; background:#071118; box-shadow:0 0 12px rgba(49,215,255,.35); content:""; }.sales-timeline article > span { color:#6f8994; font-size:8px; }.sales-timeline h3 { margin:7px 0; font-size:15px; }.sales-timeline p { margin:0 0 8px; color:#9aafb8; font-size:10px; line-height:1.65; }.sales-timeline small { color:#68818b; font-size:8px; }
.mobile-nav, .mobile-timer { display: none; }

@media (max-width: 1180px) {
  .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .project-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .suggestion-grid { grid-template-columns:1fr; }
  .quickstart-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .content-grid.two-one, .quality-grid { grid-template-columns: 1fr; }
  .sales-board { grid-template-columns:repeat(2,minmax(0,1fr)); }.sales-policy { grid-template-columns:repeat(3,minmax(0,1fr)); }.sales-policy > .btn { min-height:48px; }
  .radar-orb { width: 170px; }
}

@media (max-width: 820px) {
  body { padding-bottom: 74px; }
  .sidebar { display: none; }
  .app-main { margin-left: 0; padding: 0 16px 110px; }
  .topbar { min-height: 94px; }.topbar .user-chip div { display: none; }.topbar h1 { font-size: 30px; }
  .hero-panel { min-height: 360px; grid-template-columns: 1fr; padding: 30px; }.hero-panel h2 { font-size: 42px; }.radar-orb { display: none; }
  .section-intro, .project-hero { align-items: flex-start; flex-direction: column; padding-top: 30px; }.section-intro h2, .project-hero h2 { font-size: 42px; }.project-score { justify-items: start; }
  .finance-cinematic, .training-cinematic, .improvements-cinematic, .modules-cinematic { padding:30px; }.training-score { text-align:left; }.finance-cinematic .header-actions { justify-content:flex-start; }
  .context-guide > div { align-items:flex-start; flex-direction:column; }.context-guide summary em { display:none; }.rollout-card { grid-template-columns:auto minmax(0,1fr); }.rollout-actions { grid-column:1/-1; justify-content:flex-start; }.help-hero { min-height:390px; grid-template-columns:1fr; align-content:end; }.help-progress { justify-items:start; }.sync-explainer { grid-template-columns:auto minmax(0,1fr); }.sync-explainer .sync-badge { grid-column:1/-1; justify-self:start; }.checklist-grid { grid-template-columns:1fr; }
  .register-shell { grid-template-columns:1fr; }.register-vision { min-height:430px; }.registration-queue { grid-template-columns:1fr; }.admin-notice { grid-template-columns:auto minmax(0,1fr); }.admin-notice .btn { grid-column:1/-1; justify-self:start; }
  .sales-hero { min-height:390px; align-items:flex-start; flex-direction:column; justify-content:flex-end; padding:30px; }.sales-probability { justify-items:start; }.sales-role-grid { grid-template-columns:1fr; }.sales-policy { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-card-grid, .task-board, .lesson-grid { grid-template-columns: 1fr; }
  .member-grid { grid-template-columns: 1fr 1fr; }
  .project-row { grid-template-columns: 74px minmax(0,1fr) 38px; }.project-row .mini-progress { display: none; }
  .task-metrics { grid-template-columns: 1fr 1fr; }.task-metrics span:first-child { grid-column: 1/-1; }
  .phase-main header { align-items: flex-start; flex-direction: column; }.task-stack a { grid-template-columns: minmax(0,1fr) 36px; }.task-stack small { display: none; }
  .form-grid { grid-template-columns: 1fr; }.form-grid .full { grid-column: auto; }
  .mobile-nav { position: fixed; z-index: 50; right: 10px; bottom: 10px; left: 10px; display: flex; min-height: 66px; overflow-x: auto; border: 1px solid var(--line-strong); border-radius: 18px; background: rgba(4,11,16,.94); box-shadow: 0 18px 60px rgba(0,0,0,.55); backdrop-filter: blur(18px); scrollbar-width: none; }.mobile-nav::-webkit-scrollbar { display: none; }.mobile-nav a { display: grid; min-width: 76px; flex: 1 0 76px; place-content: center; justify-items: center; gap: 4px; color: var(--cyan-soft); font-size: 16px; }.mobile-nav span { color: #849aa4; font-size: 8px; font-weight: 800; text-transform: uppercase; }
  .mobile-timer { position: fixed; z-index: 55; right: 10px; bottom: 84px; left: 10px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(112,231,160,.3); border-radius: 16px; background: rgba(5,16,19,.96); box-shadow: 0 18px 50px rgba(0,0,0,.5); }.mobile-timer strong { display: block; max-width: 200px; margin-top: 4px; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
  .auth-page { padding: 0; }.auth-shell { min-height: 100vh; grid-template-columns: 1fr; border: 0; border-radius: 0; }.auth-panel { padding: 34px 24px; }.auth-vision { min-height: 420px; padding: 34px 24px; border: 0; border-top: 1px solid var(--line); }
}

@media (max-width: 520px) {
  .kpi-grid { grid-template-columns: 1fr 1fr; gap: 10px; }.kpi { min-height: 130px; padding: 18px; }.kpi strong { font-size: 28px; }
  .panel { padding: 19px; }.project-row { grid-template-columns: 64px minmax(0,1fr) 32px; gap: 9px; padding-inline: 0; }.project-row strong { font-size: 10px; }
  .mobile-timer { grid-template-columns: minmax(0,1fr) auto; }.mobile-timer .btn { display: none; }
  .member-grid { grid-template-columns: 1fr; }.header-actions { width: 100%; }.header-actions .btn { flex: 1; }.project-actions .btn { width: 100%; }
  .module-grid { grid-template-columns:1fr; }.integration-flow { align-items:stretch; flex-direction:column; }.integration-flow i { transform:rotate(90deg); text-align:center; }
  .quickstart-grid,.faq-grid { grid-template-columns:1fr; }.workflow-map { align-items:stretch; flex-direction:column; }.workflow-map i { transform:rotate(90deg); text-align:center; }.checklist-card > footer { align-items:flex-start; flex-direction:column; }.checklist-card footer small { max-width:none; text-align:left; }
  .register-page { padding:0; }.register-panel { padding:30px 22px; }.security-points { grid-template-columns:1fr; }.registration-request dl { grid-template-columns:1fr; }.registration-request dt { margin-top:6px; }
  .sales-board { grid-template-columns:1fr; }.sales-policy { grid-template-columns:1fr 1fr; }.sales-card { min-height:230px; }.score-line { grid-template-columns:1fr; }.sales-role-card > .btn { width:100%; margin:5px 0 0; }
}

.sales-admin-strip { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:-2px 0 22px; padding:16px 18px; border:1px solid rgba(49,215,255,.18); border-radius:15px; background:rgba(49,215,255,.035); }.sales-admin-strip strong { display:block; margin-top:5px; color:#a9bcc4; font-size:10px; }
@media (max-width:820px) { .sales-admin-strip { align-items:flex-start; flex-direction:column; } }

.operation-card { min-height:240px; }.operation-card p { color:#a9bcc4; line-height:1.6; }.inline-actions { display:flex; flex-wrap:wrap; gap:9px; margin:16px 0; }.inline-actions form { margin:0; }.operation-list { display:grid; gap:9px; margin-top:16px; }.operation-list > strong { color:var(--cyan-soft); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.operation-list > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid rgba(160,214,230,.09); }.operation-list span { display:grid; gap:4px; min-width:0; }.operation-list a { color:#d7f6ff; font-weight:750; }.operation-list small { color:#849aa4; font-size:10px; }.operation-list form { display:flex; align-items:center; gap:6px; margin:0; }.operation-list select { min-width:100px; padding:7px; font-size:10px; }.btn.slim { padding:7px 9px; font-size:9px; }

/* Centro de comando: leitura rápida para diretoria, fábrica e monitor da sala. */
.daily-reflection { display:grid; grid-template-columns:auto minmax(0,1fr) minmax(230px,auto); align-items:center; gap:18px; margin:0 0 22px; padding:15px 19px; border:1px solid rgba(243,181,74,.26); border-radius:16px; background:linear-gradient(100deg,rgba(243,181,74,.10),rgba(49,215,255,.035)); }.daily-reflection span { color:#ffd887; font-size:8px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }.daily-reflection strong { color:#e5eff2; font-size:12px; line-height:1.5; }.daily-reflection small { color:#94a7ae; font-size:9px; line-height:1.5; }
.command-hero { position:relative; display:flex; min-height:250px; align-items:flex-end; justify-content:space-between; gap:28px; overflow:hidden; margin:6px 0 22px; padding:clamp(30px,5vw,62px); border:1px solid var(--line-strong); border-radius:27px; background:linear-gradient(90deg,rgba(3,10,15,.98),rgba(3,10,15,.42)),url("../images/ai-industria40-digital-twin.jpg") center/cover; box-shadow:var(--shadow); }.command-hero::after { position:absolute; inset:0; background:linear-gradient(120deg,rgba(49,215,255,.16),transparent 48%,rgba(112,231,160,.08)); content:""; pointer-events:none; }.command-hero > * { position:relative; z-index:1; }.command-hero h2 { max-width:840px; margin:12px 0; font-size:clamp(34px,4.8vw,61px); line-height:.98; letter-spacing:-.045em; }.command-hero p { max-width:760px; margin:0; color:#adc0c7; font-size:12px; line-height:1.75; }.command-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }.command-kpis .kpi strong { font-size:clamp(25px,2.75vw,43px); }.danger-kpi { border-color:rgba(255,100,100,.55)!important; background:linear-gradient(135deg,rgba(255,80,80,.12),rgba(255,80,80,.025))!important; }.danger-kpi strong { color:#ff9898!important; }.attention-banner { display:flex; align-items:center; justify-content:space-between; gap:22px; margin:0 0 22px; padding:25px; border:1px solid rgba(255,89,89,.46); border-radius:19px; background:linear-gradient(115deg,rgba(102,14,19,.55),rgba(20,9,13,.72)); box-shadow:0 15px 45px rgba(83,0,0,.16); }.attention-banner span { color:#ff9898; font-size:8px; font-weight:900; letter-spacing:.12em; }.attention-banner h2 { margin:9px 0 5px; color:#fff0f0; font-size:23px; }.attention-banner p { max-width:740px; margin:0; color:#e7bfc2; font-size:10px; line-height:1.6; }
.command-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0 0 18px; }.command-grid.two-one { grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr); }.command-list { display:grid; gap:0; }.command-list > a { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:15px; padding:17px 0; border-top:1px solid rgba(160,214,230,.09); }.command-list > a:first-child { border-top:0; }.command-list b,.team-pulse-list strong { display:block; color:#d9edf3; font-size:12px; }.command-list small,.team-pulse-list small { display:block; margin-top:5px; color:#8099a3; font-size:9px; line-height:1.45; }.progress-number { color:var(--cyan-soft); font-size:21px; font-weight:900; }.progress-number.attention { color:#ffb77d; }.command-list.compact > a { grid-template-columns:58px minmax(0,1fr) auto; }.command-list time { color:#a8eefe; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:10px; font-weight:800; }.team-pulse-list { display:grid; }.team-pulse-list article { display:grid; grid-template-columns:43px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 0; border-top:1px solid rgba(160,214,230,.09); }.team-pulse-list article:first-child { border-top:0; }.team-pulse-list .rank { color:#6c919e; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:11px; }.team-pulse-list b { color:#a8eefe; font-size:15px; }.team-pulse-list article.silent { padding-inline:11px; border-color:rgba(255,100,100,.34); background:linear-gradient(90deg,rgba(155,15,25,.22),transparent); }.team-pulse-list article.silent strong,.team-pulse-list article.silent b { color:#ff9d9d; }.values-panel { display:grid; align-content:start; min-height:100%; background:linear-gradient(140deg,rgba(243,181,74,.10),rgba(49,215,255,.04)),var(--panel); }.values-panel h2 { margin:14px 0; font-size:28px; }.values-panel p { color:#a4b6bd; font-size:11px; line-height:1.8; }.values-panel .btn { margin-top:14px; justify-self:start; }.action-radar { margin-bottom:20px; }.action-radar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; }.action-radar-grid article { display:grid; gap:8px; min-height:126px; padding:17px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); }.action-radar-grid span { color:#7d9ba6; font-size:8px; font-weight:800; text-transform:uppercase; }.action-radar-grid strong { color:#d7ebf1; font-size:13px; line-height:1.35; }.action-radar-grid small { color:#849da7; font-size:9px; }.command-wallboard .sidebar,.command-wallboard .context-guide,.command-wallboard .mobile-nav { display:none; }.command-wallboard .app-main { margin-left:0; max-width:none; padding:0 34px 40px; }.command-wallboard .topbar { min-height:88px; }.command-wallboard .daily-reflection { margin-top:6px; }.wallboard-hero { min-height:310px; }.command-wallboard .command-hero h2 { font-size:clamp(48px,6vw,86px); }.command-wallboard .kpi { min-height:165px; }.command-wallboard .kpi strong { font-size:52px; }

@media (max-width:1180px) { .command-grid,.command-grid.two-one { grid-template-columns:1fr; }.action-radar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:820px) { .daily-reflection { grid-template-columns:1fr; gap:7px; }.command-hero,.attention-banner { align-items:flex-start; flex-direction:column; }.command-hero { min-height:400px; }.command-actions { justify-content:flex-start; }.command-list.compact > a { grid-template-columns:52px minmax(0,1fr); }.command-list.compact .status { display:none; }.action-radar-grid { grid-template-columns:1fr; }.command-wallboard .app-main { padding:0 16px 100px; }.command-wallboard .command-hero h2 { font-size:46px; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}