:root{--bg:#0b0c10;--bg-elevated:#12141a;--bg-card:#181a22;--bg-hover:#20232d;--border:#2a2d38;--border-strong:#3a3f4d;--text:#9aa3b2;--text-h:#f0f2f5;--text-muted:#5f6777;--accent:#22d3ee;--accent-soft:#22d3ee1f;--accent-glow:#22d3ee59;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#818cf8;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/150% var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}#root{flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5161}.app{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.main{flex:1}.header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0c10d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--text-h);align-items:center;gap:10px;font-weight:700;display:flex}.brand-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.nav{gap:28px;display:flex}.nav a{color:var(--text);font-size:14px;font-weight:500;transition:color .2s}.nav a:hover{color:var(--text-h)}.header-actions{align-items:center;gap:12px;display:flex}.menu-toggle{color:var(--text-h);background:0 0;border:none;display:none}.btn{border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#0b0c10}.btn-primary:hover{box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-h);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover)}.btn-outline{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-soft)}.btn-lg{padding:12px 24px;font-size:15px}.btn-full{width:100%}.btn-sso{background:var(--bg-card);width:100%;color:var(--text-h);border:1px solid var(--border)}.btn-sso:hover{background:var(--bg-hover)}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:80px 24px 100px;display:grid}.hero-content{flex-direction:column;gap:24px;display:flex}.badge{background:var(--accent-soft);width:fit-content;color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.hero-content h1{font-size:52px;line-height:110%}.gradient{background:linear-gradient(90deg, var(--accent), var(--info));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text);max-width:520px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{justify-content:center;display:flex}.terminal-window{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:460px;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 40px #22d3ee14}.terminal-header{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#f87171}.dot.yellow{background:#fbbf24}.dot.green{background:#34d399}.terminal-title{color:var(--text-muted);font-size:12px;font-family:var(--mono);margin-left:8px}.terminal-body{font-family:var(--mono);color:var(--text-h);padding:20px;font-size:14px;line-height:190%}.prompt{color:var(--accent);margin-right:8px}.terminal-output{color:var(--text);padding-left:20px}.terminal-output .ok{color:var(--success);margin-right:8px}.terminal-output .warn{color:var(--warning);margin-right:8px}.terminal-output.success{color:var(--success)}.cursor{background:var(--accent);width:8px;height:16px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.features-section,.pipeline-section,.metrics-section{max-width:1200px;margin:0 auto;padding:80px 24px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:12px;font-size:34px}.section-header p{color:var(--text);font-size:17px}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.feature-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:18px;display:grid}.feature-card h3{margin-bottom:8px;font-size:18px}.feature-card p{color:var(--text);font-size:14px;line-height:160%}.pipeline-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:32px;display:flex}.pipeline-step{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pipeline-step.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.step-number{background:var(--bg-hover);border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.pipeline-step.active .step-number{background:var(--accent);color:#0b0c10}.pipeline-detail{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.detail-card{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);border-radius:12px;align-items:flex-start;gap:14px;padding:20px;display:flex}.detail-card h4{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:500}.detail-card p{color:var(--text-h);font-size:14px;font-weight:600}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}.metric-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.metric-header h3{font-size:16px}.chip{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.chip.success{color:var(--success);background:#34d3991f}.chip.info{color:var(--info);background:#818cf81f}.chart-wrap{width:100%}.modal-overlay{z-index:100;background:#000000b3;place-items:center;padding:24px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:32px;animation:.25s slideUp;position:relative;box-shadow:0 24px 80px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:var(--text-muted);background:0 0;border:none;position:absolute;top:16px;right:16px}.modal h2{margin-bottom:8px;font-size:22px}.modal>p{color:var(--text);margin-bottom:24px;font-size:14px}.sso-buttons{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.divider{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:20px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label{color:var(--text-h);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.login-form input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-h);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.login-form input:focus{border-color:var(--accent)}.modal-footer{text-align:center;color:var(--text);margin-top:20px;font-size:13px}.modal-footer a{color:var(--accent);font-weight:600}.dashboard{min-height:100svh;display:flex}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);flex-direction:column;width:240px;padding:20px 16px;display:flex}.sidebar-brand{color:var(--text-h);align-items:center;gap:10px;margin-bottom:32px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-nav a,.sidebar-footer a{color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sidebar-nav a:hover,.sidebar-footer a:hover{background:var(--bg-hover);color:var(--text-h)}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{flex-direction:column;gap:4px;margin-top:auto;display:flex}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}.topbar-search{background:var(--bg-card);border:1px solid var(--border);max-width:420px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:10px;padding:8px 12px;display:flex}.topbar-search input{color:var(--text-h);background:0 0;border:none;outline:none;width:100%;font-size:14px}.topbar-actions{align-items:center;gap:12px;display:flex}.avatar{background:var(--accent);color:#0b0c10;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.dashboard-content{flex:1;padding:28px;overflow-y:auto}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dashboard-header h1{margin-bottom:4px;font-size:26px}.dashboard-header p{color:var(--text);font-size:14px}.dashboard-actions{gap:10px;display:flex}.kanban-board{grid-template-columns:repeat(5,minmax(240px,1fr));gap:16px;margin-bottom:28px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-column{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;min-height:320px;padding:14px}.kanban-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kanban-title{color:var(--text-h);font-size:14px;font-weight:600}.kanban-count{background:var(--bg-card);color:var(--text);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.kanban-cards{flex-direction:column;gap:10px;display:flex}.kanban-card{background:var(--bg-card);border:1px solid var(--border);cursor:grab;border-radius:10px;padding:14px;transition:transform .15s,box-shadow .15s}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.kanban-card:active{cursor:grabbing}.kanban-card h4{margin:10px 0;font-size:14px;line-height:140%}.card-top{color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.tag{text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.tag-backend{color:var(--info);background:#818cf81f}.tag-frontend{color:var(--accent);background:#22d3ee1f}.tag-devops{color:var(--warning);background:#fbbf241f}.tag-infra{color:var(--success);background:#34d3991f}.tag-db{color:var(--danger);background:#f871711f}.card-footer{justify-content:space-between;align-items:center;display:flex}.priority{font-size:11px;font-weight:700}.priority-alta{color:var(--danger)}.priority-média{color:var(--warning)}.priority-baixa{color:var(--success)}.assignee{background:var(--bg-hover);width:24px;height:24px;color:var(--text-h);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.dashboard-widgets{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.widget{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.widget h3{margin-bottom:16px;font-size:15px}.activity-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.activity-list li{color:var(--accent);align-items:flex-start;gap:10px;display:flex}.activity-list p{color:var(--text-h);font-size:13px;font-weight:500}.activity-list span{color:var(--text-muted);font-size:12px}.achievements{flex-direction:column;gap:12px;display:flex}.achievement{color:var(--warning);align-items:center;gap:12px;display:flex}.achievement p{color:var(--text-h);font-size:13px;font-weight:500}.achievement span{color:var(--text-muted);font-size:12px}.alert{color:var(--danger);align-items:flex-start;gap:10px;display:flex}.alert p{color:var(--text-h);font-size:13px;line-height:150%}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:28px 24px;font-size:14px}@media (width<=1024px){.hero-section{text-align:center;grid-template-columns:1fr;padding-top:48px}.hero-content{align-items:center}.hero-content h1{font-size:38px}.features-grid,.pipeline-detail,.metrics-grid,.dashboard-widgets{grid-template-columns:1fr}.pipeline-steps{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.kanban-board{grid-template-columns:repeat(5,260px)}.nav{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;padding:16px 24px;display:none;position:absolute;top:64px;left:0;right:0}.nav.open{display:flex}.menu-toggle{display:block}.dashboard{flex-direction:column}.sidebar{flex-flow:wrap;width:100%;padding:12px 16px}.sidebar-brand{margin-bottom:0}.sidebar-nav{flex-flow:wrap;flex:none}.sidebar-footer{flex-direction:row;margin-top:0;margin-left:auto}}@media (width<=640px){.header-actions .btn-ghost{display:none}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.dashboard-header{flex-direction:column}.dashboard-actions{width:100%}.dashboard-actions .btn{flex:1}}