@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#fafafa;--bg-surface:#fff;--bg-surface-elevated:#f4f4f5;--bg-muted:#e4e4e7;--border-subtle:#e4e4e7;--border-strong:#d4d4d8;--border-focus:#2563eb;--text-main:#09090b;--text-muted:#71717a;--text-subtle:#a1a1aa;--text-inverse:#fff;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--success:#10b981;--success-light:#ecfdf5;--success-border:#a7f3d0;--success-text:#065f46;--warning:#f59e0b;--warning-light:#fffbeb;--warning-border:#fde68a;--warning-text:#92400e;--danger:#ef4444;--danger-light:#fef2f2;--danger-border:#fecaca;--danger-text:#991b1b;--info:#0284c7;--info-light:#f0f9ff;--info-border:#bae6fd;--info-text:#075985;--sidebar-bg:#090d16;--sidebar-hover:#161f30;--sidebar-active:#1e293b;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-border:#1e293b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000f;--shadow-bento:0 20px 40px -15px #0f172a0f, 0 0 0 1px #e2e8f0b3;--shadow-glow:0 0 50px -10px #2563eb40;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mesh-bg{background-image:radial-gradient(at 0 0,#2563eb14 0,#0000 50%),radial-gradient(at 100% 0,#06b6d414 0,#0000 50%),radial-gradient(at 50% 100%,#6366f10d 0,#0000 50%)}.grid-bg-subtle{background-image:linear-gradient(90deg,#94a3b814 1px,#0000 1px),linear-gradient(#94a3b814 1px,#0000 1px);background-size:40px 40px}.mask-radial-fade{-webkit-mask-image:radial-gradient(#000 60%,#0000 100%);mask-image:radial-gradient(#000 60%,#0000 100%)}.bento-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffffd9;border:1px solid #e2e8f0e6;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0f172a0a,inset 0 0 0 1px #fffc}.bento-card:hover{border-color:#2563eb4d;transform:translateY(-3px);box-shadow:0 20px 40px -12px #2563eb1a,0 0 0 1px #2563eb26}.bento-card-dark{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);color:#fff;background:#0f172abf;border:1px solid #ffffff1a;box-shadow:0 20px 40px -15px #0006,inset 0 0 0 1px #ffffff0d}.pill-badge{border-radius:var(--radius-full);letter-spacing:.02em;color:#2563eb;background:#2563eb0f;border:1px solid #2563eb33;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px -2px #2563eb26}.pill-badge:hover{background:#2563eb1a;border-color:#2563eb59}.btn-trendy-primary{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#0284c7 100%);border:1px solid #fff3;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #2563eb66,0 0 0 1px #2563eb80}.btn-trendy-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 50%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 14px 30px -4px #2563eb80,0 0 0 1px #2563eb99}.btn-trendy-secondary{border-radius:var(--radius-full);color:#0f172a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffffe6;border:1px solid #cbd5e1cc;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px -2px #0f172a0d}.btn-trendy-secondary:hover{background:#fff;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 20px -3px #0f172a1a}.whatsapp-floating{z-index:999;color:#fff;border-radius:var(--radius-full);letter-spacing:.01em;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -4px #25d36680,inset 0 0 0 1px #fff3}.whatsapp-floating:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 16px 35px -4px #25d366a6,inset 0 0 0 1px #ffffff4d}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.animate-pulse-glow{animation:4s ease-in-out infinite pulseGlow}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:5s ease-in-out infinite floatSoft}.card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;transition:all .2s;box-shadow:0 1px 3px #0000000a,0 1px 2px -1px #00000005}.card-hover:hover{border-color:#cbd5e1;box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a}.table-container{border-radius:var(--radius-md);background-color:#fff;border:1px solid #e2e8f0;width:100%;overflow-x:auto;box-shadow:0 2px 10px -2px #0f172a0a}.data-table{border-collapse:collapse;text-align:left;color:#1e293b;width:100%;font-size:13px}.data-table thead{background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:#475569;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:14px 18px;font-size:11px;font-weight:800}.data-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;line-height:1.5}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.2;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #fff3;box-shadow:0 2px 6px -1px #2563eb66}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 12px -2px #2563eb80}.btn-secondary{color:#334155;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{color:#0f172a;background-color:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.btn-success{color:#fff;background-color:#10b981}.btn-success:hover{background-color:#059669}.form-input{border-radius:var(--radius-sm);color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;outline:none;width:100%;padding:9px 13px;font-size:13px;transition:all .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.form-select{border-radius:var(--radius-sm);color:#0f172a;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #cbd5e1;outline:none;width:100%;padding:9px 34px 9px 13px;font-size:13px;font-weight:500;transition:all .15s}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.form-label{color:#334155;margin-bottom:5px;font-size:12px;font-weight:700;display:block}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge-draft,.badge-planning,.badge-new{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.badge-sent,.badge-in_progress,.badge-contacted,.badge-active{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe}.badge-converted,.badge-approved,.badge-paid,.badge-completed,.badge-won,.badge-verified{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0}.badge-negotiation,.badge-partially_paid,.badge-scheduled,.badge-qualified,.badge-pending{color:#b45309;background-color:#fffbeb;border:1px solid #fde68a}.badge-overdue,.badge-rejected,.badge-cancelled,.badge-lost,.badge-closed{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.badge-revised{color:#7e22ce;background-color:#faf5ff;border:1px solid #e9d5ff}.badge-issued{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 3px #2563eb40}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-.5px);box-shadow:0 2px 6px #2563eb59}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{color:var(--text-main);border-color:var(--border-strong);background:#fff;box-shadow:0 1px 2px #0000000a}.btn-secondary:hover:not(:disabled){color:var(--text-main);background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 1px 3px #ef444440}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text-main);background:#0000000d}.btn-sm{border-radius:6px;gap:5px;padding:6px 12px;font-size:12px}.btn-lg{border-radius:var(--radius-md);gap:10px;padding:12px 22px;font-size:15px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}