@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #6366f1;--primary-dark: #4f46e5;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--border: rgba(255, 255, 255, .08);--gemini: #4285f4}*{font-family:Inter,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body{background:var(--bg-dark);color:#e2e8f0;overflow-x:hidden;max-width:100vw}.glass{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:0 8px 32px #0000004d}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0006;border-color:#6366f14d}.gradient-text{background:linear-gradient(135deg,#818cf8,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gemini-text{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.drop-zone{border:2px dashed rgba(66,133,244,.3);background:#4285f408;transition:all .4s ease}.drop-zone.dragover{border-color:var(--gemini);background:#4285f41a;transform:scale(1.01)}.progress-bar{transition:width .6s cubic-bezier(.4,0,.2,1)}.slide-in{animation:slideIn .6s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pulse-ring{position:relative}.pulse-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--success);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.section-title{position:sticky;top:0;z-index:10;padding-left:16px;padding-top:8px;padding-bottom:8px;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(to bottom,var(--gemini),#34a853);border-radius:2px}.input-field{background:#0f172a99;border:1px solid var(--border);border-radius:12px;padding:10px 14px;color:#fff;font-size:.875rem;transition:all .2s;width:100%}.input-field:focus{outline:none;border-color:var(--gemini);box-shadow:0 0 0 3px #4285f426}.input-field::placeholder{color:#64748b}.btn{padding:10px 20px;border-radius:12px;font-weight:600;font-size:.875rem;transition:all .2s;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--gemini),#1a73e8);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4285f466}.btn-secondary{background:#ffffff14;color:#e2e8f0;border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff1f}.btn-gemini{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.btn-gemini:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4285f466}.modal-overlay{background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline-line{position:absolute;left:20px;top:40px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--gemini),transparent)}.currency-flag{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.ars-flag{background:#75aadb;color:#f6b40e}.usd-flag{background:#b22234;color:#fff}.tab-active{border-bottom:2px solid var(--gemini);color:#fff}.tab-inactive{color:#64748b;border-bottom:2px solid transparent}.tab-inactive:hover{color:#94a3b8}.calc-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.calc-row:last-child{border-bottom:none}.calc-label{color:#94a3b8;font-size:.875rem}.calc-value{font-family:SF Mono,monospace;font-weight:600}.highlight-box{background:linear-gradient(135deg,#4285f41a,#34a8531a);border:1px solid rgba(66,133,244,.2);border-radius:16px;padding:20px}.file-type-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.gemini-badge{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700}.ai-processing{border:1px solid rgba(66,133,244,.3);background:#4285f40d}@media(max-width:768px){.btn,.tag,button,input,select,[onclick]{min-height:44px;min-width:44px}body{font-size:16px}.card-hover:hover{transform:none}.timeline-line{left:12px}.overflow-x-auto{-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px}.glass{padding:16px}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}header h1{font-size:1rem}header p{display:none}#previewModal>div{max-width:100%;margin:0;border-radius:0;height:100vh;max-height:100vh}main{padding-bottom:env(safe-area-inset-bottom,24px)}.fixed.bottom-6{bottom:80px}}button,.btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.card-hover:active{transform:scale(.98);opacity:.9}canvas{touch-action:pan-y}@media(max-width:768px){.tab-indicator{display:flex;justify-content:center;gap:6px;padding:8px 0;position:sticky;top:0;z-index:20;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:all .3s}.tab-dot.active{width:20px;border-radius:3px;background:linear-gradient(90deg,#4285f4,#34a853)}}header .max-w-\[1400px\]{max-width:100%}header button,#btnConfig{background:#ffffff0d!important;color:#94a3b8!important;border:1px solid rgba(255,255,255,.1)!important}#btnConfig:hover{background:#ffffff1a!important}i.fas,i.fab,i.far{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}@media(max-width:380px){header h1{font-size:.875rem}#statusIndicator{padding:4px 8px}#statusText{display:none}}
