:root{
  --sidebar:280px;
  --bg:#06101d;
  --bg-2:#09172a;
  --panel:#10243e;
  --panel-2:#132a47;
  --panel-3:#0b1a2e;
  --line:rgba(94,150,205,.30);
  --line-strong:rgba(94,150,205,.48);
  --text:#f7fbff;
  --muted:#9fc6ee;
  --muted-2:#7498bd;
  --brand:#2dd4bf;
  --brand-2:#38bdf8;
  --blue:#60a5fa;
  --purple:#a78bfa;
  --amber:#fbbf24;
  --success:#34d399;
  --danger:#fb7185;
  --radius:22px;
  --shadow:0 24px 70px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden}
body{background:radial-gradient(circle at 74% -16%,rgba(56,189,248,.18),transparent 34%),linear-gradient(180deg,#081523 0%,#050c16 80%);color:var(--text);font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5} 
a{color:#9ed8ff}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);z-index:50;background:rgba(5,13,24,.94);border-right:1px solid rgba(108,155,204,.22);backdrop-filter:blur(20px);padding:18px 16px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:2px 4px 22px;margin-bottom:4px}.logo{width:48px;height:48px;min-width:48px;border-radius:17px;background:linear-gradient(135deg,var(--brand),var(--brand-2));display:grid;place-items:center;color:#04111d;font-weight:950;letter-spacing:-.04em;box-shadow:0 18px 42px rgba(45,212,191,.22)}.brand-title{min-width:0;line-height:1.12}.brand-title b{display:block;font-size:17px;white-space:nowrap;letter-spacing:-.025em}.brand-title small{display:block;color:#b8d9fb;font-size:11.5px;max-width:185px;line-height:1.25;margin-top:3px}.nav-section{color:#6f93b6;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:850;margin:16px 12px 8px}.nav-main{display:flex;flex-direction:column;gap:6px}.nav-link{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;border-radius:14px;text-decoration:none;color:#badcff;border:1px solid transparent;transition:.18s ease;font-weight:700}.nav-link .nav-ico{width:24px;min-width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:rgba(69,111,158,.13);font-size:14px;color:#a7d7ff}.nav-link:hover{background:rgba(20,43,71,.78);color:#fff;border-color:rgba(98,148,199,.28);transform:translateX(2px)}.nav-link.active{background:linear-gradient(135deg,rgba(45,212,191,.20),rgba(56,189,248,.09));border-color:rgba(45,212,191,.42);color:#fff}.sidebar-footer{margin-top:auto;padding:16px 10px 4px;border-top:1px solid rgba(90,134,180,.22);font-size:12px;color:#86abc9;line-height:1.45}.content{margin-left:var(--sidebar);width:calc(100% - var(--sidebar));min-height:100vh;padding:20px 30px 48px}.page-wrap{max-width:1680px;margin:0 auto;width:100%}.workspace-bar{max-width:1680px;margin:0 auto 20px;width:100%;min-height:58px;display:flex;align-items:center;gap:14px}.icon-btn{appearance:none;border:1px solid rgba(101,154,209,.32);border-radius:14px;background:rgba(15,33,56,.78);color:#d9efff;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;font-weight:900;box-shadow:none}.global-search{height:46px;flex:1;max-width:680px;display:flex;align-items:center;gap:10px;background:rgba(10,24,42,.74);border:1px solid rgba(84,130,179,.32);border-radius:16px;padding:0 14px}.global-search input{all:unset;width:100%;color:#eaf7ff}.global-search span{color:#8fb5d9}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.user-chip{height:46px;display:flex;align-items:center;gap:10px;border:1px solid rgba(101,154,209,.32);background:rgba(15,33,56,.78);border-radius:16px;padding:5px 12px 5px 6px}.user-chip span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#06111e;display:grid;place-items:center;font-weight:950}.user-chip b{display:block;font-size:13px}.user-chip small{display:block;color:#8fb5d9;font-size:11px;margin-top:-2px}.hero-header,.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:start;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid rgba(99,145,192,.22)}.breadcrumb{display:flex;align-items:center;gap:8px;color:#87add5;font-size:13px;margin-bottom:14px}.hero-header h1,.page-title h1{margin:0 0 8px;font-size:38px;line-height:1.05;letter-spacing:-.055em}.hero-header p,.page-title p{margin:0;color:var(--muted);font-size:16px;max-width:940px}.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.hero-meta span{display:inline-flex;align-items:center;border-radius:999px;padding:7px 11px;background:rgba(17,39,67,.82);border:1px solid rgba(94,150,205,.26);color:#bfe1ff;font-size:12px;font-weight:750}.online-dot:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;margin-right:8px;box-shadow:0 0 0 4px rgba(52,211,153,.12)}.hero-actions,.page-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding-top:20px;white-space:nowrap}.btn,button,.button-link{appearance:none;border:0;border-radius:15px;background:linear-gradient(135deg,var(--brand),#2ed3b7);color:#04131d;font-weight:900;padding:12px 18px;min-height:46px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 16px 38px rgba(45,212,191,.18);transition:.18s ease}.btn:hover,button:hover,.button-link:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn.secondary,button.secondary{background:rgba(20,42,70,.88);color:#d6eeff;border:1px solid rgba(103,153,205,.38);box-shadow:none}.btn.ghost{background:transparent;color:#d6eeff;border:1px solid rgba(103,153,205,.38);box-shadow:none}.executive-grid,.cards,.grid,.metric-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{min-height:172px;padding:22px;background:linear-gradient(180deg,rgba(18,38,64,.94),rgba(13,29,49,.98));border:1px solid rgba(82,136,190,.42);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.04) inset;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;transition:.2s ease}.metric-card:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 88% -10%,rgba(45,212,191,.14),transparent 34%);pointer-events:none}.metric-card:hover{transform:translateY(-2px);border-color:rgba(45,212,191,.58);box-shadow:var(--shadow)}.metric-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-weight:950;font-size:19px}.metric-card span,.card span{display:block;color:#b9dcff;font-weight:850}.metric-card strong,.card strong{display:block;font-size:38px;margin:6px 0 2px;line-height:1;letter-spacing:-.055em}.metric-card p,.card p,.dash p,.muted{color:var(--muted);margin:0}.metric-card small,.card small{display:block;color:#94b8db;margin-top:auto;font-weight:700}.tone-blue .metric-icon{background:rgba(96,165,250,.15);color:#bfdbfe}.tone-green .metric-icon{background:rgba(52,211,153,.15);color:#bbf7d0}.tone-purple .metric-icon{background:rgba(167,139,250,.16);color:#ddd6fe}.tone-amber .metric-icon{background:rgba(251,191,36,.16);color:#fde68a}.panel,.card,.dash,.ux-card{background:linear-gradient(180deg,rgba(18,38,64,.92),rgba(13,29,49,.95));border:1px solid rgba(78,126,178,.42);border-radius:var(--radius);box-shadow:0 1px 0 rgba(255,255,255,.035) inset;position:relative;overflow:hidden}.panel{padding:24px;margin-top:20px}.panel h2{margin:0 0 6px;font-size:22px;letter-spacing:-.035em}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;margin-top:20px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.status-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-tile{border:1px solid rgba(82,136,190,.34);background:rgba(6,16,29,.42);border-radius:18px;padding:16px;display:grid;gap:9px}.status-tile b{font-size:15px}.status-tile small{color:#8fb5d9}.quick-actions{display:grid;gap:12px}.quick-actions a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#f7fbff;border:1px solid rgba(82,136,190,.34);background:rgba(6,16,29,.42);border-radius:18px;padding:14px;transition:.18s ease}.quick-actions a:hover{border-color:rgba(45,212,191,.55);transform:translateX(2px)}.quick-actions span{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(45,212,191,.13);color:#bffdf2}.quick-actions b{display:block}.quick-actions small{display:block;color:#8fb5d9}.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span,.pill,.status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;font-size:13px;border:1px solid rgba(94,141,190,.28);background:#14365a;color:#c6e2ff}.status.ok{background:rgba(52,211,153,.14);color:#bbf7d0;border-color:rgba(52,211,153,.32)}.status.pending,.status.cadastrada{background:rgba(251,191,36,.14);color:#fde68a;border-color:rgba(251,191,36,.28)}.status.erro{background:rgba(251,113,133,.14);color:#fecdd3;border-color:rgba(251,113,133,.30)}.mini{display:inline-flex;align-items:center;gap:6px;text-decoration:none;background:#14365a;color:#b7d7ff;border-radius:11px;padding:8px 12px;border:1px solid rgba(93,139,184,.30)}.mini.ok{background:rgba(52,211,153,.12);color:#bbf7d0;border-color:rgba(52,211,153,.35)}.mini.danger{background:rgba(251,113,133,.12);color:#fecdd3;border-color:rgba(251,113,133,.35)}.dash{min-height:215px;text-decoration:none;color:var(--text);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s ease}.dash:hover{transform:translateY(-2px);border-color:rgba(45,212,191,.58);box-shadow:var(--shadow)}.dash .icon,.widget-icon{width:48px;height:48px;border-radius:16px;background:rgba(45,212,191,.12);display:grid;place-items:center;border:1px solid rgba(45,212,191,.28);font-size:23px;margin-bottom:14px}.dash h2{margin:0 0 8px;font-size:24px;letter-spacing:-.035em}.table-scroll{overflow:auto;border:1px solid rgba(78,126,178,.42);border-radius:18px;margin-top:10px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;border-bottom:1px solid rgba(89,137,187,.25);padding:14px;vertical-align:top}th{color:#cae4ff;font-size:13px;text-transform:uppercase;letter-spacing:.04em}td{color:#f7fbff}.form-grid{display:grid;gap:16px;align-items:end}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}label{display:block;color:#c2dfff;font-weight:700}input,select,textarea{width:100%;padding:13px 14px;border-radius:13px;border:1px solid rgba(87,134,181,.45);background:rgba(6,16,29,.72);color:#fff;margin-top:8px;outline:none;transition:.15s ease}input::placeholder,textarea::placeholder{color:#83a4c7}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(45,212,191,.12)}textarea{font-family:Consolas,"Courier New",monospace;resize:vertical}.actions,.actions-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:flex-end}.notice,.alert{border-radius:15px;padding:13px 16px;margin:14px 0}.notice,.alert.success{background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.45);color:#d9fffb}.alert,.alert.error{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.45);color:#ffd8df}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-card{background:rgba(6,16,29,.52);border:1px solid rgba(72,120,172,.42);border-radius:18px;padding:18px;min-height:148px}.process-card b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(45,212,191,.18);color:#bffdf2;margin-bottom:14px}.process-card strong{display:block;font-size:18px;margin-bottom:8px}.process-card p{color:var(--muted);margin:0}.upload-panel input[type=file]{padding:18px;background:rgba(6,16,29,.52);border-style:dashed}.empty-state{border:1px dashed rgba(82,130,177,.45);border-radius:20px;padding:30px;text-align:center;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.widget{min-height:130px}.bar-chart{display:grid;gap:10px;margin-top:10px}.bar-row{display:grid;grid-template-columns:90px 1fr 80px;gap:10px;align-items:center}.bar-row div{height:14px;background:#0a1728;border:1px solid #315174;border-radius:10px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:10px}.builder-layout{display:grid;grid-template-columns:285px minmax(0,1fr) 330px;gap:18px;align-items:start}.builder-side,.properties-side{position:sticky;top:24px}.builder-canvas{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;background:rgba(6,16,29,.62);border:1px dashed rgba(83,138,194,.70);border-radius:22px;padding:18px;min-height:520px}.builder-widget{background:linear-gradient(180deg,#132a46,#10233b);border:1px solid rgba(72,120,172,.58);border-radius:18px;padding:18px;min-height:120px;display:flex;flex-direction:column;gap:8px;transition:.18s ease;cursor:grab}.builder-widget:hover,.builder-widget.selected{border-color:var(--brand);box-shadow:0 0 0 4px rgba(45,212,191,.08)}.builder-widget span{color:var(--brand);font-weight:850;font-size:12px;letter-spacing:.06em}.builder-widget strong{font-size:20px}.component-list{display:grid;gap:10px}.component-item{display:flex;align-items:center;gap:12px;border:1px solid rgba(72,120,172,.42);background:rgba(11,25,43,.75);border-radius:16px;padding:12px;text-decoration:none;color:#fff;transition:.18s ease;cursor:pointer}.component-item:hover{border-color:var(--brand);transform:translateX(3px)}.component-icon{width:38px;height:38px;border-radius:12px;background:rgba(45,212,191,.13);display:grid;place-items:center;color:#bffdf2}.widget-form-card{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.form-preview{min-height:260px;border:1px dashed rgba(72,120,172,.52);border-radius:20px;padding:18px;background:rgba(6,16,29,.50)}.kpi-preview{background:linear-gradient(135deg,rgba(45,212,191,.13),rgba(56,189,248,.08));border:1px solid rgba(45,212,191,.30);border-radius:20px;padding:18px;margin-top:12px}.kpi-preview span{color:var(--muted)}.kpi-preview strong{display:block;font-size:42px;letter-spacing:-.05em}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% -10%,rgba(56,189,248,.22),transparent 35%),linear-gradient(180deg,#07111f,#050c17)}.login-main{width:100%;display:grid;place-items:center;padding:24px}.login-card{width:440px;max-width:92vw;background:linear-gradient(180deg,rgba(18,36,60,.92),rgba(12,26,44,.96));border:1px solid rgba(82,130,177,.35);border-radius:28px;padding:38px;box-shadow:var(--shadow);text-align:center}.login-card .big{width:72px;height:72px;margin:0 auto 18px;border-radius:22px}.login-card h1{margin:0 0 8px;font-size:32px;letter-spacing:-.04em}.login-card p{color:var(--muted);margin:0 0 22px}.check-line{grid-column:1 / -1;display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.check-line input{width:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:18px}.top h1,.topbar h1{margin:0 0 6px;font-size:34px;line-height:1.08;letter-spacing:-.04em}.top p,.topbar p{margin:0;color:var(--muted);font-size:16px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{min-width:280px;position:relative}.search input{padding-left:42px}.search:before{content:'⌕';position:absolute;left:14px;top:14px;opacity:.65;z-index:1}body.sidebar-compact{--sidebar:88px}body.sidebar-compact .brand-title,body.sidebar-compact .nav-section,body.sidebar-compact .nav-link span:not(.nav-ico),body.sidebar-compact .sidebar-footer{display:none}body.sidebar-compact .sidebar{padding-left:12px;padding-right:12px}body.sidebar-compact .brand{justify-content:center}body.sidebar-compact .nav-link{justify-content:center;padding:11px}body.theme-light{--bg:#f3f7fb;--bg-2:#ffffff;--panel:#ffffff;--panel-2:#f8fbff;--panel-3:#eef5fb;--line:rgba(20,59,99,.16);--line-strong:rgba(20,59,99,.28);--text:#0a1728;--muted:#456782;--muted-2:#66839a;background:#f4f8fc;color:var(--text)}body.theme-light .sidebar{background:rgba(255,255,255,.96)}body.theme-light .nav-link{color:#29435d}body.theme-light .nav-link.active{color:#05111f}body.theme-light .workspace-bar,body.theme-light .global-search,body.theme-light .user-chip,body.theme-light .icon-btn,body.theme-light .panel,body.theme-light .metric-card,body.theme-light .dash,body.theme-light input,body.theme-light select,body.theme-light textarea,body.theme-light .status-tile,body.theme-light .quick-actions a{background:#fff;color:#0a1728}body.theme-light td,body.theme-light th{color:#0a1728}
@media(max-width:1400px){.executive-grid,.cards,.grid,.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-header,.page-header{grid-template-columns:1fr}.hero-actions,.page-actions{justify-content:flex-start;padding-top:0}.builder-layout{grid-template-columns:1fr}.builder-side,.properties-side{position:static}.widget-form-card{grid-template-columns:1fr}.workspace-grid{grid-template-columns:1fr}}
@media(max-width:900px){:root{--sidebar:0}.app-shell{display:block}.sidebar{position:static;width:100%;border-right:0;border-bottom:1px solid rgba(90,134,180,.25)}.nav-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.content{margin-left:0;width:100%;padding:18px 14px 38px}.workspace-bar{align-items:stretch;flex-wrap:wrap}.global-search{order:3;max-width:none;flex-basis:100%}.top-actions{margin-left:0}.executive-grid,.cards,.grid,.metric-cards,.process-grid,.status-cards,.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.hero-actions,.page-actions{width:100%}.hero-actions .btn,.page-actions .btn,.actions button,.actions-row button{width:100%}.dashboard-grid,.builder-canvas{grid-template-columns:1fr}.widget,.builder-widget{grid-column:span 1!important}.bar-row{grid-template-columns:1fr}.search{min-width:100%}.table-scroll table{min-width:700px}.hero-header h1,.page-title h1{font-size:31px}.user-chip div{display:none}}