:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-soft: rgba(99, 102, 241, .1);--accent: #0d9488;--accent-hover: #0f766e;--accent-soft: rgba(13, 148, 136, .1);--accent-color: var(--accent);--success: #22c55e;--success-soft: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--bg-color: #0c0f1a;--surface: rgba(22, 28, 45, .8);--surface-border: rgba(255, 255, 255, .1);--surface-hover: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-blur: blur(12px);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--sidebar-width: 240px;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,border-color .3s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}body{min-height:100vh;background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.12) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(13,148,136,.08) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(99,102,241,.04) 0px,transparent 50%);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:700;letter-spacing:-.03em;line-height:1.2}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-secondary{color:var(--text-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-header{margin-bottom:2.5rem}.page-title{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:1.1rem;color:var(--text-secondary)}.card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md)}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;border:none;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px #6366f166;transform:scale(1.02)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--surface-border)}.btn-outline:hover{background:var(--surface-hover);border-color:#fff3}.feedback-box{padding:1rem;border-radius:var(--radius-sm);text-align:center;font-weight:500;margin-bottom:1.5rem}.feedback-box.success{background:var(--success-soft);border:1px solid var(--success);color:var(--success)}.feedback-box.warning{background:var(--warning-soft);border:1px solid var(--warning);color:var(--warning)}.feedback-box.danger{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out both}.slide-up{animation:slideUp .5s ease-out both}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.form-row{display:grid;gap:1rem}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:2fr 1fr 1fr}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;background:#0c0f1ad9;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--surface-border);padding:1.75rem 1.25rem;display:flex;flex-direction:column;z-index:200;transition:transform .3s ease}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:2rem 2.5rem;max-width:calc(100vw - var(--sidebar-width))}.view-container{max-width:1100px;margin:0 auto;animation:fadeIn .4s ease-out}.sidebar-logo{display:flex;align-items:center;gap:.625rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--surface-border)}.sidebar-logo-name{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo-badge{font-size:.55rem;padding:.2rem .45rem;background:var(--primary-soft);color:var(--primary);border-radius:99px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;-webkit-text-fill-color:var(--primary)}.sidebar-nav{flex:1;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section{margin-bottom:1.5rem}.nav-section-label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:0 .75rem;margin-bottom:.375rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:.9rem;margin-bottom:.125rem;transition:background .2s ease,color .2s ease}.nav-link .nav-icon{font-size:1rem;width:1.25rem;text-align:center;flex-shrink:0}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link.active{background:var(--primary-soft);color:var(--primary);border-left:2px solid var(--primary);padding-left:calc(.75rem - 2px)}.sidebar-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--surface-border)}.user-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .5rem;border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease;position:relative}.user-row:hover{background:var(--surface-hover)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;flex-shrink:0}.user-info{flex:1;overflow:hidden}.user-name{font-weight:600;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:var(--text-muted)}.user-chevron{font-size:.75rem;color:var(--text-muted);transition:transform .2s ease}.user-dropdown{display:none;position:absolute;bottom:calc(100% + .5rem);left:0;right:0;background:#161c2dfa;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:.5rem;box-shadow:var(--shadow-xl);z-index:300}.user-dropdown.open{display:block}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;font-weight:500;box-shadow:none;transition:background .2s ease,color .2s ease}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--surface-hover);color:var(--text-primary);transform:none}.user-dropdown button.logout{color:var(--danger)}.user-dropdown button.logout:hover{background:var(--danger-soft);color:var(--danger)}.sidebar-login-cta{display:block;width:100%;padding:.75rem;text-align:center;background:var(--primary);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:.875rem;letter-spacing:.04em;box-shadow:0 4px 12px #6366f14d;transition:background .2s ease,box-shadow .2s ease}.sidebar-login-cta:hover{background:var(--primary-hover);box-shadow:0 6px 20px #6366f166}.hamburger-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:300;width:40px;height:40px;background:#0c0f1ae6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;box-shadow:var(--shadow-md)}.hamburger-btn span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.hamburger-btn.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{display:block}.glass-card{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:border-color .3s ease,transform .2s ease,box-shadow .2s ease}.glass-card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 28px 56px -12px #0006}button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #6366f14d;font-family:inherit;font-size:.9rem}button:hover{background:var(--primary-hover);transform:scale(1.02);box-shadow:0 6px 20px #6366f166}button:active{transform:scale(.98)}input,select,textarea{background:#ffffff0d;border:1px solid var(--surface-border);padding:.875rem 1rem;border-radius:var(--radius-md);color:#fff;width:100%;outline:none;font-family:inherit;font-size:.9rem;transition:border-color .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#ffffff14}select option{background:#1e293b}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-paid{background:var(--success-soft);color:var(--success)}.status-pending{background:var(--warning-soft);color:var(--warning)}.status-failed{background:var(--danger-soft);color:var(--danger)}@media(max-width:1024px){.hamburger-btn{display:flex}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;max-width:100vw;padding:4.5rem 1.25rem 1.5rem}}@media(max-width:640px){.main-content{padding:4rem 1rem 1rem}.view-container{max-width:100%}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2.5rem}.product-card{overflow:hidden;height:100%}.product-image{height:220px;background-size:cover;background-position:center;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05)}.status-badge{padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-paid{background:#22c55e33;color:#4ade80}.status-pending{background:#eab30833;color:#facc15}.blog-container{max-width:860px;margin:0 auto}.blog-header{margin-bottom:3rem;text-align:center}.blog-header h1{font-size:2.5rem;margin-bottom:.75rem}.blog-header p{font-size:1.1rem;color:var(--text-secondary)}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{padding:2rem;transition:transform .2s ease,border-color .2s ease}.post-card:hover{transform:translateY(-4px);border-color:#fff3}.post-tags{font-size:.75rem;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.625rem}.post-title{font-size:1.35rem;margin-bottom:.5rem}.post-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.post-title a:hover{color:var(--primary)}.post-description{color:var(--text-secondary);line-height:1.65;margin-bottom:1.5rem}.post-footer{display:flex;justify-content:space-between;align-items:center}.post-date{font-size:.875rem;color:var(--text-muted)}.blog-post-content{max-width:720px;margin:0 auto;padding:2rem}.blog-post-content h2{font-size:1.5rem;margin:2.5rem 0 1rem;color:var(--text-primary)}.blog-post-content h3{font-size:1.2rem;margin:2rem 0 .75rem;color:var(--text-secondary)}.blog-post-content p{line-height:1.75;color:var(--text-secondary);margin-bottom:1.25rem}.blog-post-content code{background:#6366f11a;border:1px solid rgba(99,102,241,.2);padding:.15em .4em;border-radius:4px;font-size:.875em;color:var(--primary)}.blog-post-content pre{background:#0006;border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:1.25rem;overflow-x:auto;margin-bottom:1.5rem}.blog-post-content pre code{background:none;border:none;padding:0;color:var(--text-primary)}.prices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;margin-bottom:2rem}.price-card{padding:1.5rem}.price-card h3{font-size:1.1rem;margin-bottom:1.25rem;color:var(--text-primary)}.price-row{display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;border-radius:var(--radius-sm);margin-bottom:.75rem}.price-row.mercadolivre{background:#ffe60014;border:1px solid rgba(255,230,0,.15)}.price-row.promobit{background:#ff660014;border:1px solid rgba(255,102,0,.15)}.price-source-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.price-row.mercadolivre .price-source-label{color:#ffe600}.price-row.promobit .price-source-label{color:#f60}.price-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.price-chart-container{height:220px;width:100%;position:relative;margin-top:1rem}.runs-section{margin-top:2rem}.runs-section h2{font-size:1.2rem;margin-bottom:1.25rem;color:var(--text-primary)}.runs-table{width:100%;border-collapse:collapse;font-size:.9rem}.runs-table th{padding:.625rem .75rem;text-align:left;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--surface-border)}.runs-table td{padding:.625rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary)}.runs-table tbody tr:hover td{background:var(--surface-hover)}.run-status{display:inline-block;padding:.2rem .6rem;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.run-status.completed{background:var(--success-soft);color:var(--success)}.run-status.failed{background:var(--danger-soft);color:var(--danger)}.run-status.running{background:var(--warning-soft);color:var(--warning)}