@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--primary-color: #FF4B2B;--primary-gradient: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%);--primary-color-hover: #E33E20;--secondary-color: #FFB88C;--bg-color: #F8FAFC;--surface-color: #FFFFFF;--text-color: #0F172A;--text-muted: #64748B;--border-color: #E2E8F0;--success-color: #10B981;--success-bg: #D1FAE5;--warning-color: #F59E0B;--warning-bg: #FEF3C7;--error-color: #EF4444;--error-bg: #FEE2E2;--whatsapp-color: #25D366;--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", system-ui, -apple-system, sans-serif;--nav-height: 72px;--bottom-nav-height: 72px;--border-radius-sm: 8px;--border-radius: 16px;--border-radius-lg: 24px;--border-radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(15, 23, 42, .04);--shadow: 0 4px 12px rgba(15, 23, 42, .06);--shadow-md: 0 10px 24px rgba(15, 23, 42, .08);--shadow-hover: 0 20px 32px rgba(15, 23, 42, .12);--shadow-primary: 0 8px 25px rgba(255, 75, 43, .35);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0;max-width:100%}html{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700;letter-spacing:-.02em}input,button,textarea,select{font-family:inherit;font-size:16px}img{max-width:100%;height:auto;display:block}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}a{color:var(--primary-color);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--primary-color-hover)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.95rem}.form-control,.form-select,.form-textarea{width:100%;padding:.875rem 1.25rem;border:2px solid transparent;border-radius:var(--border-radius);background-color:#f1f5f9;color:var(--text-color);transition:all var(--transition-normal);outline:none;font-weight:500}.form-control:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);background-color:var(--surface-color);box-shadow:0 0 0 4px #ff4b2b26}.form-textarea{resize:vertical;min-height:120px}.hide{display:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:var(--border-radius-full);font-weight:700;cursor:pointer;transition:all var(--transition-bounce);border:none;text-align:center;line-height:1.2;font-family:var(--font-heading);letter-spacing:.01em}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #ff4b2b66;color:#fff}.btn-outline{background-color:var(--surface-color);border:2px solid var(--border-color);color:var(--text-color)}.btn-outline:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-danger{background-color:var(--error-bg);color:var(--error-color)}.btn-danger:hover:not(:disabled){background-color:#fecaca}.btn-block{display:flex;width:100%}.navbar{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);height:var(--nav-height);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--primary-color);text-decoration:none;letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.logo span{color:var(--text-color)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:#e2e8f0;background-image:linear-gradient(to right,#e2e8f0,#f1f5f9,#e2e8f0 40%,#e2e8f0);background-repeat:no-repeat;background-size:1000px 100%;animation:shimmer 1.5s infinite linear forwards;border-radius:var(--border-radius-sm)}.skeleton-text{height:16px;margin-bottom:8px;border-radius:4px}.skeleton-text.short{width:60%}.skeleton-title{height:28px;margin-bottom:16px;width:80%}.skeleton-image{height:220px;border-radius:var(--border-radius) var(--border-radius) 0 0}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{background:var(--surface-color);color:var(--text-color);padding:1.25rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-hover);display:flex;align-items:center;gap:1rem;font-weight:600;font-size:.95rem;transform:translate(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;border-left:4px solid var(--primary-color)}.toast.show{transform:translate(0)}.toast.success{border-left-color:var(--success-color)}.toast.error{border-left-color:var(--error-color)}.toast.info{border-left-color:#3b82f6}.empty-state{text-align:center;padding:4rem 2rem;background:var(--surface-color);border-radius:var(--border-radius-lg);border:2px dashed var(--border-color);color:var(--text-muted)}.empty-state svg{margin-bottom:1.5rem;color:#cbd5e1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;display:none;align-items:center;justify-content:center;z-index:100;padding:1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-normal)}.modal-overlay.active{display:flex;opacity:1}.modal-content{background:var(--surface-color);border-radius:var(--border-radius-lg);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover);transform:translateY(20px) scale(.95);transition:all var(--transition-bounce)}.modal-overlay.active .modal-content{transform:translateY(0) scale(1)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modal-header h2{font-size:1.5rem;margin:0}.modal-close{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);line-height:1;padding:.5rem;border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.modal-close:hover{background:#f1f5f9;color:var(--text-color);transform:rotate(90deg)}.modal-body{padding:2rem}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 20px #0000000f;z-index:50;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid rgba(255,255,255,.5)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;flex:1;height:100%;gap:.35rem;font-size:.75rem;font-weight:600;transition:all var(--transition-fast)}.bottom-nav-item svg{margin-bottom:0;transition:all var(--transition-bounce)}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item.active svg{transform:translateY(-2px);stroke-width:2.5}@media (max-width: 768px){html,body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important;position:relative}body{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0))}.bottom-nav{display:flex}.nav-actions{display:none}.home-container{padding-left:1rem!important;padding-right:1rem!important;max-width:100vw!important;overflow-x:hidden!important}main{max-width:100vw!important;overflow-x:hidden!important}}
