body {
    background-color: #080d19;
    color: #f8fafc;
    overflow: hidden;
    background-image: radial-gradient(circle at 50% 0%, #111828 0%, #080d19 60%, #050810 100%);
}

.g-input-wrapper {
    position: relative;
    background: #121826;
    border: 1px solid #1e293b;
    border-radius: 16px;
    transition: all 0.3s ease;
    z-index: 1;
}

.g-input-wrapper:hover {
    background: #171f30;
    border-color: #2d3d54;
    z-index: 10;
}

.g-input-wrapper.active {
    background: #080d19;
    border-color: #4685ff;
    box-shadow: 0 0 0 2px rgba(70, 133, 255, 0.2);
    z-index: 50;
}

.icon-compound {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 48px;
    height: 48px;
}

.icon-outline {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.5));
}

.glass-highlight {
    background: linear-gradient(135deg, rgba(18, 24, 38, 0.8) 0%, rgba(8, 13, 25, 0.95) 100%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.03), 0 4px 15px rgba(0, 0, 0, 0.4);
}

.tripod-legs { margin-top: -10px; font-size: 0.85rem; }
.transmitter-pack { position: absolute; top: -5px; right: -2px; font-size: 0.9rem; z-index: 0; }
.pildora-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0.8rem; }

.transition-transform { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.hover-lift:hover { transform: translateY(-3px) scale(1.01); box-shadow: 0 10px 25px -5px rgba(70, 133, 255, 0.15); }

@keyframes popClick {
    0% { transform: scale(1); }
    50% { transform: scale(0.97); }
    100% { transform: scale(1); }
}
.animate-pop { animation: popClick 0.4s cubic-bezier(0.16, 1, 0.3, 1); }

@keyframes fadeSlideUp {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up { animation: fadeSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

.custom-dropdown ul { transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; }

.flatpickr-calendar {
    background: #121826 !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8) !important;
    border: 1px solid #1e293b !important;
    padding: 10px !important;
    color: #f8fafc !important;
    font-family: 'Inter', sans-serif !important;
    z-index: 100 !important;
}

.flatpickr-current-month .flatpickr-monthHand,
.flatpickr-current-month input.cur-year { color: #f8fafc !important; font-weight: bold; }
.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month { color: #f8fafc !important; fill: #f8fafc !important; }
.flatpickr-weekday { color: #64748b !important; font-weight: 600; font-size: 0.8rem; }
.flatpickr-day { color: #cbd5e1; border-radius: 8px !important; border: 1px solid transparent !important; }

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #334155 !important; background: transparent; border-color: transparent; cursor: default;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    background: #1e293b !important; border-color: transparent !important; box-shadow: none !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange,
.flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #4685ff !important; border-color: transparent !important; color: #ffffff !important; box-shadow: 0 4px 10px rgba(70, 133, 255, 0.4) !important; font-weight: bold;
}

/* Hide number input spin buttons */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.remove-overlay { opacity: 0; transition: opacity 0.2s; }
.group:hover .remove-overlay { opacity: 1; }

.budget-form-container {
    display: none;
    animation: fadeSlideUp 0.4s ease forwards;
}
.budget-form-container.active {
    display: block;
}

.loader-modular {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    color: #4685ff;
    font-size: 2rem;
    animation: fadeSlideUp 0.3s ease;
}