@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", sans-serif;--bg-dark:#0b1320;--bg-darker:#060b14;--surface-card:#152033;--surface-card-hover:#1e2d47;--surface-card-border:#8cbf262e;--surface-input:#0f172a;--vapro-lime:#8cbf26;--vapro-lime-hover:#9bd02b;--vapro-lime-dark:#679116;--vapro-lime-glow:#8cbf2659;--status-pending:#f59e0b;--status-process:#3b82f6;--status-completed:#8cbf26;--status-cancelled:#ef4444;--text-main:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--sidebar-width:260px;--mobile-nav-height:68px;--header-height:70px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--vapro-lime-dark)}.vapro-card{background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:16px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #00000040}.vapro-card:hover{border-color:#8cbf2666;box-shadow:0 10px 30px #8cbf261f}.vapro-card-interactive{cursor:pointer}.vapro-card-interactive:active{transform:scale(.98)}.btn-vapro{background:linear-gradient(135deg, var(--vapro-lime) 0%, var(--vapro-lime-dark) 100%);color:#060b14;font-weight:700;font-family:var(--font-display);letter-spacing:.3px;cursor:pointer;box-shadow:0 4px 14px var(--vapro-lime-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;transition:all .2s;display:inline-flex}.btn-vapro:hover{background:linear-gradient(135deg, var(--vapro-lime-hover) 0%, var(--vapro-lime) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #8cbf2673}.btn-vapro:active{transform:translateY(1px)}.btn-secondary{color:var(--text-main);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40}.btn-whatsapp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #25d3664d}.btn-whatsapp:hover{background:#20ba5a;transform:translateY(-1px);box-shadow:0 6px 18px #25d36673}.btn-icon{width:42px;height:42px;color:var(--text-main);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{border-color:var(--vapro-lime);color:var(--vapro-lime);background:#8cbf2633}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b4d}.badge-process{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f64d}.badge-completed{color:var(--vapro-lime);background:#8cbf2633;border:1px solid #8cbf2666}.badge-cancelled{color:#f87171;background:#ef44442e;border:1px solid #ef44444d}.badge-plate{color:gold;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;background:#000;border:1.5px solid gold;border-radius:6px;padding:3px 8px;font-weight:800;display:inline-block;box-shadow:inset 0 0 4px #ffd70080}.vapro-input,.vapro-select,.vapro-textarea{background:var(--surface-input);width:100%;color:var(--text-main);font-family:var(--font-primary);border:1px solid #ffffff1f;border-radius:12px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.vapro-input:focus,.vapro-select:focus,.vapro-textarea:focus{border-color:var(--vapro-lime);box-shadow:0 0 0 3px #8cbf2640}.vapro-select option{color:#fff;background:#0f172a}.app-container{min-height:100vh;display:flex}.main-content{min-width:0;padding-bottom:var(--mobile-nav-height);flex-direction:column;flex:1;display:flex}@media (width>=1024px){.main-content{margin-left:var(--sidebar-width);padding-bottom:30px}}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:20px}@media (width>=768px){.page-container{padding:28px}}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}.heading-xl{color:#fff;font-size:1.8rem;font-weight:800}.heading-lg{font-size:1.4rem;font-weight:700}.heading-md{font-size:1.15rem;font-weight:600}.text-muted{color:var(--text-secondary)}.text-lime{color:var(--vapro-lime)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #8cbf264d}50%{box-shadow:0 0 20px #8cbf26b3}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.pulse-glow{animation:2.5s infinite pulseGlow}
