:root{--preto: #0A0A0A;--verde-neon: #4AE68A;--verde-medio: #1D9E75;--verde-escuro: #085041;--creme: #F5F0E8;--areia: #C8C4BA;--cinza-escuro: #1A1A1A;--branco: #FFFFFF;--success: #1D9E75;--warning: #E6A84A;--error: #E65A4A;--info: #4A9EE6;--ff-serif: "Gloock", "Canela", Georgia, serif;--ff-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--ff-mono: "JetBrains Mono", "IBM Plex Mono", "Courier New", monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--r-xs:2px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--sh-sm: 0 1px 2px rgba(10,10,10,.06);--sh-md: 0 2px 8px rgba(10,10,10,.3), 0 1px 2px rgba(10,10,10,.2);--sh-lg: 0 8px 24px rgba(10,10,10,.4), 0 2px 6px rgba(10,10,10,.25);--sh-xl: 0 16px 48px rgba(10,10,10,.55), 0 4px 12px rgba(10,10,10,.3);--sh-glow:0 0 24px rgba(74,230,138,.4);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-std:cubic-bezier(.2, 0, 0, 1);--bg: var(--preto);--surface: var(--cinza-escuro);--surface-2: #242424;--surface-3: #2E2E2E;--border: rgba(245,240,232,.1);--border-soft: rgba(245,240,232,.06);--border-hard: rgba(245,240,232,.18);--text: var(--creme);--text-2: rgba(245,240,232,.72);--text-3: rgba(245,240,232,.52);--text-4: rgba(245,240,232,.36);--dim: rgba(245,240,232,.22);--fina: var(--verde-neon);--fina-dim: rgba(74,230,138,.24);--fina-soft: rgba(74,230,138,.08);--fina-glow: rgba(74,230,138,.4);--danger: var(--error);--warn: var(--warning);--mono: var(--ff-mono);--ui: var(--ff-sans)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--ff-sans);line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01","ss03"}::selection{background:var(--verde-neon);color:var(--preto)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f5f0e81f;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#f5f0e838}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}input,textarea,select{font-family:inherit;background:none;border:none;color:inherit;outline:none}select{color:var(--text)}.mono{font-family:var(--ff-mono);font-feature-settings:"ss02","zero","cv01";letter-spacing:.02em}.serif{font-family:var(--ff-serif);letter-spacing:-.02em;font-weight:400}.eyebrow{font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-neon);display:inline-flex;align-items:center;gap:var(--s-2)}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verde-neon);box-shadow:0 0 8px var(--verde-neon)}.btn,.btn-primary,.btn-solid,.btn-secondary,.btn-ghost,.btn-danger,.btn-fina{font-family:var(--ff-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:10px 18px;border-radius:var(--r-md);border:0;cursor:pointer;transition:all var(--dur-fast) var(--ease-std);display:inline-flex;align-items:center;gap:var(--s-2);white-space:nowrap}.btn-primary,.btn-fina{background:var(--verde-neon);color:var(--preto)}.btn-primary:hover,.btn-fina:hover{box-shadow:var(--sh-glow);transform:translateY(-1px)}.btn-primary:disabled,.btn-fina:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-solid{background:var(--creme);color:var(--preto)}.btn-solid:hover{background:var(--branco)}.btn-secondary{background:transparent;color:var(--creme);border:1px solid var(--border-hard)}.btn-secondary:hover{background:var(--creme);color:var(--preto);border-color:var(--creme)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border);padding:8px 14px;font-size:11px}.btn-ghost:hover{color:var(--creme);border-color:var(--border-hard);background:#f5f0e808}.btn-danger{background:transparent;color:var(--error);border:1px solid rgba(230,90,74,.35);padding:8px 14px;font-size:11px}.btn-danger:hover{background:#e65a4a1a;border-color:var(--error)}.input,.textarea,.select{font-family:var(--ff-sans);font-size:14px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--creme);width:100%;transition:border var(--dur-fast) var(--ease-std),box-shadow var(--dur-fast) var(--ease-std)}.input:focus,.textarea:focus,.select:focus{border-color:var(--verde-neon);box-shadow:0 0 0 3px #4ae68a24}.input.mono{font-family:var(--ff-mono);letter-spacing:.02em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6);transition:border var(--dur-base) var(--ease-std),box-shadow var(--dur-base) var(--ease-std)}.card:hover{border-color:var(--border-hard)}.card--flat{background:var(--bg);border-radius:var(--r-md)}.card--accent{background:#4ae68a08;border-color:#4ae68a38}.tag,.badge{font-family:var(--ff-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-full);display:inline-flex;align-items:center;gap:5px;font-weight:500;border:1px solid var(--border);color:var(--text-3);background:transparent}.tag--on,.badge--online{background:#4ae68a1a;color:var(--verde-neon);border-color:#4ae68a4d}.tag--warn,.badge--pending{background:#e6a84a1a;color:var(--warning);border-color:#e6a84a4d}.tag--danger,.badge--error{background:#e65a4a1a;color:var(--error);border-color:#e65a4a4d}.tag--neon,.badge--neon{background:var(--verde-neon);color:var(--preto);border-color:var(--verde-neon)}.alert{padding:var(--s-4) var(--s-5);border-radius:var(--r-md);border-left:3px solid;font-size:14px;display:flex;gap:var(--s-3);background:var(--surface)}.alert--fina{background:#4ae68a0d;border-color:var(--verde-neon);color:var(--creme)}.alert--warn{background:#e6a84a0f;border-color:var(--warning);color:var(--creme)}.alert--error{background:#e65a4a0f;border-color:var(--error);color:var(--creme)}.alert--info{background:#4a9ee60f;border-color:var(--info);color:var(--creme)}.display-xl{font-family:var(--ff-serif);font-size:88px;line-height:.95;letter-spacing:-.03em;font-weight:400}.display-lg{font-family:var(--ff-serif);font-size:64px;line-height:1;letter-spacing:-.025em;font-weight:400}.display-md{font-family:var(--ff-serif);font-size:44px;line-height:1.05;letter-spacing:-.02em;font-weight:400}.display-sm{font-family:var(--ff-serif);font-size:28px;line-height:1.1;letter-spacing:-.015em;font-weight:400}.section-title{font-family:var(--ff-serif);font-size:22px;letter-spacing:-.01em;font-weight:400;color:var(--creme)}.row-hover{transition:background var(--dur-fast) var(--ease-std)}.row-hover:hover{background:#f5f0e808}@keyframes drawerIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}#root{height:100vh;width:100vw}